[TRAH]/Hasan/TRAH-4439/Gold MT5 account creation flow (#17565)

* feat: added gold account details to the mt5 account list * feat: added gold icon * feat: added new tag to gold card * feat: added gold success icon * feat: added multi action to gold * feat: added gold icon in trade modal * feat: added gold to transfer page * feat: added gold title to trade modal * feat: optimized svg accounts * fix: bring back cfd_account_display function call * feat: added mauritius tnc * feat: added gold title to success message * feat: added gold demo title to enter password title * feat: added gold compare accounts * feat: added gold demo compare accounts * fix: build issue * fix: build issue * fix: removed console * fix: fixed financial demo title * fix: fixed financial title * fix: changed description * feat: added mt5 gold icon in close account modal * fix: added shortcode in cfd constant * fix: added shortcode in cfd constant * fix: fixed investor password for gold account * feat: fixed short code generation * fix: made dml capital * fix: made dml capital * fix: removed gold from compare account * fix: reset password for MF account * fix: eu trade modal icon
deriv-com · Dec 6, 2024 · c75884c · c75884c
1 parent dfd40d8
commit c75884c
Show file tree

Hide file tree

Showing 26 changed files with 182 additions and 55 deletions.
diff --git a/...ity/ClosingAccount/closing-account-pending-conditions/closing-account-pending-balance.tsx b/...ity/ClosingAccount/closing-account-pending-conditions/closing-account-pending-balance.tsx
@@ -1,11 +1,13 @@
 import { Money } from '@deriv/components';
 import { CFD_PLATFORMS, getCFDAccount, getCFDAccountDisplay, getCFDPlatformLabel, getMT5Icon } from '@deriv/shared';
-import { FormatUtils, CurrencyConstants } from '@deriv-com/utils';
 import { observer, useStore } from '@deriv/stores';
 import { Localize } from '@deriv-com/translations';
+import { CurrencyConstants, FormatUtils } from '@deriv-com/utils';
+
 import { TCFDPlatform, TDetailsOfDerivXAccount, TDetailsOfMT5Account } from '../../../../Types';
-import ClosingAccountPendingWrapper from './closing-account-pending-wrapper';
+
 import ClosingAccountPendingContent from './closing-account-pending-content';
+import ClosingAccountPendingWrapper from './closing-account-pending-wrapper';
 
 type TClosingAccountPendingBalanceProps = {
     platform: TCFDPlatform;
@@ -36,6 +38,7 @@ const ClosingAccountPendingBalance = observer(({ platform, account_balance }: TC
                             return `IcMt5-${getMT5Icon({
                                 market_type: account.market_type,
                                 is_eu: is_eu_user,
+                                product: account.product,
                             })}`;
                         case CFD_PLATFORMS.DXTRADE:
                             return `IcDxtrade-${getCFDAccount({

diff --git a/...y/ClosingAccount/closing-account-pending-conditions/closing-account-pending-positions.tsx b/...y/ClosingAccount/closing-account-pending-conditions/closing-account-pending-positions.tsx
@@ -35,6 +35,7 @@ const ClosingAccountPendingPositions = observer(
                                 return `IcMt5-${getMT5Icon({
                                     market_type: account.market_type,
                                     is_eu: is_eu_user,
+                                    product: account.product,
                                 })}`;
                             case CFD_PLATFORMS.DXTRADE:
                                 return `IcDxtrade-${getCFDAccount({

diff --git a/packages/account/src/Types/common.type.ts b/packages/account/src/Types/common.type.ts
@@ -163,7 +163,7 @@ export type TIDVFormValues = {
     error_message?: string;
 };
 
-export type TPlatforms = typeof Platforms[keyof typeof Platforms];
+export type TPlatforms = (typeof Platforms)[keyof typeof Platforms];
 
 export type TServerError = {
     code?: string;
@@ -172,7 +172,7 @@ export type TServerError = {
     details?: { [key: string]: string };
     fields?: string[];
 };
-export type TCFDPlatform = typeof CFD_PLATFORMS[keyof typeof CFD_PLATFORMS];
+export type TCFDPlatform = (typeof CFD_PLATFORMS)[keyof typeof CFD_PLATFORMS];
 
 export type TClosingAccountFormValues = {
     'financial-priorities': boolean;
@@ -217,7 +217,7 @@ export type TAccounts = {
     title?: string;
 };
 
-type TProduct = 'financial' | 'synthetic' | 'swap_free' | 'zero_spread' | 'cTrader' | 'derivx';
+export type TProduct = 'financial' | 'synthetic' | 'swap_free' | 'zero_spread' | 'cTrader' | 'derivx' | 'gold';
 
 type TPendingAccountDetails = {
     balance?: number;
@@ -250,7 +250,7 @@ export type TAutoComplete = {
     value: boolean;
     text: string;
 };
-export type TPaymentMethodIdentifier = typeof IDENTIFIER_TYPES[keyof typeof IDENTIFIER_TYPES];
+export type TPaymentMethodIdentifier = (typeof IDENTIFIER_TYPES)[keyof typeof IDENTIFIER_TYPES];
 
 export type TPaymentMethodInfo = {
     documents_required: number;
@@ -285,11 +285,11 @@ export type TProofOfOwnershipErrors = Record<
 
 export type TFinancialInformationForm = Omit<SetFinancialAssessmentRequest, 'set_financial_assessment'>;
 
-export type TAuthStatusCodes = typeof AUTH_STATUS_CODES[keyof typeof AUTH_STATUS_CODES];
+export type TAuthStatusCodes = (typeof AUTH_STATUS_CODES)[keyof typeof AUTH_STATUS_CODES];
 
 export type TMT5AccountStatus =
-    | typeof MT5_ACCOUNT_STATUS[keyof typeof MT5_ACCOUNT_STATUS]
-    | typeof TRADING_PLATFORM_STATUS[keyof typeof TRADING_PLATFORM_STATUS];
+    | (typeof MT5_ACCOUNT_STATUS)[keyof typeof MT5_ACCOUNT_STATUS]
+    | (typeof TRADING_PLATFORM_STATUS)[keyof typeof TRADING_PLATFORM_STATUS];
 
 export type TFilesDescription = {
     descriptions: { id: string; value: JSX.Element }[];

diff --git a/packages/appstore/src/assets/svgs/trading-platform/ic-appstore-gold.svg b/packages/appstore/src/assets/svgs/trading-platform/ic-appstore-gold.svg
diff --git a/packages/appstore/src/assets/svgs/trading-platform/index.tsx b/packages/appstore/src/assets/svgs/trading-platform/index.tsx
@@ -18,6 +18,7 @@ import Options from 'Assets/svgs/trading-platform/ic-appstore-options.svg';
 import SmartTraderBlue from 'Assets/svgs/trading-platform/ic-appstore-smarttrader-blue.svg';
 import SwapFree from 'Assets/svgs/trading-platform/ic-appstore-swap-free.svg';
 import ZeroSpread from 'Assets/svgs/trading-platform/ic-appstore-zero-spread.svg';
+import Gold from 'Assets/svgs/trading-platform/ic-appstore-gold.svg';
 import Demo from 'Assets/svgs/trading-platform/ic-brand-demo.svg';
 
 import { IconProps } from '../icon-types';
@@ -42,6 +43,7 @@ export const PlatformIcons = {
     SmartTraderBlue,
     ZeroSpread,
     Standard,
+    Gold,
 };
 
 const TradingPlatformIcon = ({ icon, className, size, onClick }: IconProps<keyof typeof PlatformIcons>) => {

diff --git a/packages/appstore/src/components/containers/trading-app-card.tsx b/packages/appstore/src/components/containers/trading-app-card.tsx
@@ -223,7 +223,7 @@ const TradingAppCard = ({
                         >
                             {name}
                         </Text>
-                        {is_new && name === CFD_PRODUCTS_TITLE.ZEROSPREAD && (
+                        {is_new && name === CFD_PRODUCTS_TITLE.GOLD && (
                             <Text className='trading-app-card__details__new' weight='bolder' size='xxs' line_height='s'>
                                 <Localize i18n_default_text='NEW' />
                             </Text>

diff --git a/packages/cashier/src/assets/svgs/trading-platform/ic-appstore-gold.svg b/packages/cashier/src/assets/svgs/trading-platform/ic-appstore-gold.svg
diff --git a/packages/cashier/src/assets/svgs/trading-platform/index.tsx b/packages/cashier/src/assets/svgs/trading-platform/index.tsx
@@ -1,8 +1,10 @@
 import React from 'react';
+
+import CFDs from './ic-appstore-cfds.svg';
 import Derived from './ic-appstore-derived.svg';
 import Financial from './ic-appstore-financial.svg';
+import Gold from './ic-appstore-gold.svg';
 import Options from './ic-appstore-options.svg';
-import CFDs from './ic-appstore-cfds.svg';
 import Standard from './ic-appstore-standard.svg';
 import SwapFree from './ic-appstore-swap-free.svg';
 import ZeroSpread from './ic-appstore-zero-spread.svg';
@@ -22,6 +24,7 @@ export const PlatformIcons = {
     Standard,
     SwapFree,
     ZeroSpread,
+    Gold,
 };
 
 const TradingPlatformIcon = ({ icon, className, size, onClick }: IconProps<keyof typeof PlatformIcons>) => {

diff --git a/packages/cfd/src/Assets/svgs/trading-platform/ic-appstore-gold.svg b/packages/cfd/src/Assets/svgs/trading-platform/ic-appstore-gold.svg
diff --git a/packages/cfd/src/Assets/svgs/trading-platform/index.tsx b/packages/cfd/src/Assets/svgs/trading-platform/index.tsx
@@ -5,9 +5,10 @@ import CTrader from './ic-appstore-ctrader.svg';
 import DerivX from './ic-appstore-deriv-x.svg';
 import Derived from './ic-appstore-derived.svg';
 import Financial from './ic-appstore-financial.svg';
+import Gold from './ic-appstore-gold.svg';
+import Standard from './ic-appstore-standard.svg';
 import SwapFree from './ic-appstore-swap-free.svg';
 import ZeroSpread from './ic-appstore-zero-spread.svg';
-import Standard from './ic-appstore-standard.svg';
 
 export interface IconProps<T> {
     icon: T;
@@ -25,6 +26,7 @@ export const PlatformIcons = {
     DerivX,
     ZeroSpread,
     Standard,
+    Gold,
 };
 
 const TradingPlatformIcon = ({ icon, className, size, onClick }: IconProps<keyof typeof PlatformIcons>) => {

diff --git a/packages/cfd/src/Components/props.types.ts b/packages/cfd/src/Components/props.types.ts
@@ -9,7 +9,7 @@ export type TCFDPlatform = 'dxtrade' | 'mt5' | 'ctrader';
 
 export type TCFDsPlatformType = 'dxtrade' | 'mt5' | 'ctrader' | '';
 
-export type TProducts = 'swap_free' | 'zero_spread' | 'ctrader' | 'derivx' | 'financial' | 'standard' | 'stp';
+export type TProducts = 'swap_free' | 'zero_spread' | 'ctrader' | 'derivx' | 'financial' | 'standard' | 'stp' | 'gold';
 
 export type TShortcode = DetailsOfEachMT5Loginid['landing_company_short'];