Hirad/79281/disable available accounts

packages/appstore/src/modules/trading-hub/index.tsx

@@ -24,6 +24,7 @@ import { Button } from '@deriv/components';
 import { useHistory } from 'react-router-dom';
 import { routes } from '@deriv/shared';
 import TotalAssets from 'Components/total-assets';
+import { DetailsOfEachMT5Loginid } from '@deriv/api-types';
 
 const TradingHub: React.FC = () => {
     const store = useStores();
@@ -36,13 +37,38 @@ const TradingHub: React.FC = () => {
         is_mt5_trade_modal_visible,
         togglePasswordManagerModal,
         toggleMT5TradeModal,
+        getRealSyntheticAccountsExistingData,
+        getRealFinancialAccountsExistingData,
     } = modules.cfd;
     const { platform } = common;
     const { is_dark_mode_on, is_tour_open, toggleIsTourOpen } = ui;
     /*TODO: We need to show this component whenever user click on tour guide button*/
     const [tab_account_type, setTabAccountType] = React.useState<TAccountCategory>('real');
     const history = useHistory();
 
+    type TCurrentList = DetailsOfEachMT5Loginid & {
+        enabled: number;
+    };
+
+    const existing_accounts_data = (acc_type: 'synthetic' | 'financial') => {
+        const should_be_enabled = (list_item: TCurrentList) =>
+            platform === 'dxtrade' ? list_item.enabled === 1 : true;
+        const acc = Object.keys(current_list).some(
+            key => key.startsWith(`${platform}.real.${acc_type}`) && should_be_enabled(current_list[key])
+        )
+            ? Object.keys(current_list)
+                  .filter(key => key.startsWith(`${platform}.real.${acc_type}`))
+                  .reduce((_acc, cur) => {
+                      _acc.push(current_list[cur]);
+                      return _acc;
+                  }, [] as DetailsOfEachMT5Loginid[])
+            : undefined;
+        return acc;
+    };
+
+    getRealSyntheticAccountsExistingData(existing_accounts_data('synthetic'));
+    getRealFinancialAccountsExistingData(existing_accounts_data('financial'));
+
     type TOpenAccountTransferMeta = {
         category: string;
         type?: string;

packages/cfd/build/webpack.config.js

@@ -11,7 +11,7 @@ module.exports = function (env) {
             cfd: path.resolve(__dirname, '../src', 'index.tsx'),
             CFDStore: 'Stores/Modules/CFD/cfd-store',
             CompareAccountsModal: 'Containers/compare-accounts-modal.tsx',
-            JurisdictionModal: 'Containers/jurisdiction-modal.tsx',
+            JurisdictionModal: 'Containers/jurisdiction-modal/jurisdiction-modal.tsx',
             CFDPasswordModal: 'Containers/cfd-password-modal.tsx',
             CFDDbviOnBoarding: 'Containers/cfd-dbvi-onboarding.tsx',
             CFDPersonalDetailsModal: 'Containers/cfd-personal-details-modal.tsx',

packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-card-banner.tsx

@@ -11,6 +11,7 @@ const VerificationStatusBanner = ({
     account_type,
     card_classname,
     disabled,
+    context,
     is_virtual,
     type_of_card,
     should_restrict_bvi_account_creation,

packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-card.tsx

@@ -9,6 +9,7 @@ import VerificationStatusBanner from './jurisdiction-card-banner';
 const JurisdictionCard = ({
     account_type,
     disabled,
+    context,
     jurisdiction_selected_shortcode,
     financial_available_accounts,
     setJurisdictionSelectedShortcode,
@@ -87,6 +88,7 @@ const JurisdictionCard = ({
                     type_of_card={type_of_card}
                     card_classname={card_classname}
                     disabled={disabled}
+                    context={context}
                     account_type={account_type}
                 />
             </div>

packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal-checkbox.tsx

@@ -10,6 +10,7 @@ const JurisdictionCheckBox = ({
     is_checked,
     jurisdiction_selected_shortcode,
     onCheck,
+    context,
     should_restrict_bvi_account_creation,
 }: TJurisdictionCheckBoxProps) => {
     const {
@@ -75,7 +76,7 @@ const JurisdictionCheckBox = ({
         <React.Fragment>
             {shouldShowCheckBox() && (
                 <div className={class_name}>
-                    <Checkbox onChange={onCheck} value={is_checked} label={getCheckboxLabel()} />
+                    <Checkbox context={context} onChange={onCheck} value={is_checked} label={getCheckboxLabel()} />
                 </div>
             )}
         </React.Fragment>

packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal-content.tsx

@@ -13,6 +13,7 @@ const JurisdictionModalContent = ({
     synthetic_available_accounts,
     financial_available_accounts,
     checked,
+    context,
     setChecked,
     real_synthetic_accounts_existing_data,
     real_financial_accounts_existing_data,
@@ -43,6 +44,7 @@ const JurisdictionModalContent = ({
                             <JurisdictionCard
                                 key={`${account_type}_${card}`}
                                 type_of_card={card}
+                                context={context}
                                 disabled={disableCard(card)}
                                 jurisdiction_selected_shortcode={jurisdiction_selected_shortcode}
                                 synthetic_available_accounts={synthetic_available_accounts}
@@ -57,12 +59,14 @@ const JurisdictionModalContent = ({
                 account_status={account_status}
                 card_classname={card_classname}
                 account_type={account_type}
+                context={context}
                 jurisdiction_selected_shortcode={jurisdiction_selected_shortcode}
                 should_restrict_bvi_account_creation={should_restrict_bvi_account_creation}
             />
             <JurisdictionCheckBox
                 account_status={account_status}
                 is_checked={checked}
+                context={context}
                 onCheck={() => setChecked(!checked)}
                 class_name={`${card_classname}__jurisdiction-checkbox`}
                 jurisdiction_selected_shortcode={jurisdiction_selected_shortcode}

packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal-foot-note.tsx

@@ -7,6 +7,7 @@ import { TJurisdictionModalFootNoteProps } from '../props.types';
 const FooterNote = ({
     account_status,
     account_type,
+    context,
     jurisdiction_selected_shortcode,
     card_classname,
     should_restrict_bvi_account_creation,

packages/cfd/src/Containers/jurisdiction-modal/jurisdiction-modal.tsx

@@ -16,6 +16,7 @@ const JurisdictionModal = ({
     enableApp,
     is_jurisdiction_modal_visible,
     is_eu,
+    context,
     is_virtual,
     jurisdiction_selected_shortcode,
     openPasswordModal,
@@ -219,6 +220,7 @@ const JurisdictionModal = ({
                 real_synthetic_accounts_existing_data={real_synthetic_accounts_existing_data}
                 jurisdiction_selected_shortcode={jurisdiction_selected_shortcode}
                 setChecked={setChecked}
+                context={context}
                 setJurisdictionSelectedShortcode={setJurisdictionSelectedShortcode}
                 synthetic_available_accounts={synthetic_available_accounts}
                 should_restrict_bvi_account_creation={should_restrict_bvi_account_creation}
@@ -250,6 +252,7 @@ const JurisdictionModal = ({
                         title={modal_title}
                         toggleModal={toggleJurisdictionModal}
                         type='button'
+                        context={context}
                         height='664px'
                         width={account_type.type === 'synthetic' ? '1040px' : '1200px'}
                         exit_classname='cfd-modal--custom-exit'
@@ -261,6 +264,7 @@ const JurisdictionModal = ({
                     <MobileDialog
                         portal_element_id='deriv_app'
                         title={modal_title}
+                        context={context}
                         visible={is_jurisdiction_modal_visible}
                         onClose={toggleJurisdictionModal}
                     >

packages/cfd/src/Containers/props.types.ts

@@ -170,6 +170,7 @@ export type TCFDPasswordManagerModal = {
 
 export type TJurisdictionCardProps = {
     jurisdiction_selected_shortcode: string;
+    context: RootStore;
     synthetic_available_accounts: TTradingPlatformAvailableAccount[];
     financial_available_accounts: TTradingPlatformAvailableAccount[];
     setJurisdictionSelectedShortcode: (card_type: string) => void;
@@ -181,6 +182,7 @@ export type TJurisdictionCardProps = {
 export type TVerificationStatusBannerProps = {
     account_status: GetAccountStatus;
     account_type: string;
+    context: RootStore;
     card_classname: string;
     disabled: boolean;
     is_virtual: boolean;
@@ -190,6 +192,7 @@ export type TVerificationStatusBannerProps = {
 
 export type TJurisdictionCheckBoxProps = {
     account_status: GetAccountStatus;
+    context: RootStore;
     class_name: string;
     is_checked: boolean;
     jurisdiction_selected_shortcode: string;
@@ -207,6 +210,7 @@ export type TJurisdictionModalProps = {
         type: string;
         category: string;
     };
+    context: RootStore;
     account_settings: GetSettings;
     account_status: GetAccountStatus;
     disableApp: () => void;
@@ -230,6 +234,7 @@ export type TJurisdictionModalProps = {
 
 export type TJurisdictionModalContentProps = {
     account_status: GetAccountStatus;
+    context: RootStore;
     account_type: string;
     jurisdiction_selected_shortcode: string;
     setJurisdictionSelectedShortcode: (card_type: string) => void;
@@ -245,6 +250,7 @@ export type TJurisdictionModalContentProps = {
 
 export type TJurisdictionModalFootNoteProps = {
     account_status: GetAccountStatus;
+    context: RootStore;
     card_classname: string;
     account_type: string;
     jurisdiction_selected_shortcode: string;