Suisin/diel flow change

packages/account/src/Components/address-details/address-details.tsx

@@ -23,16 +23,19 @@ import {
     PlatformContext,
     TLocationList,
 } from '@deriv/shared';
+import InlineNoteWithIcon from 'Components/inline-note-with-icon';
 import { splitValidationResultTypes } from '../real-account-signup/helpers/utils';
 import classNames from 'classnames';
 
 type TAddressDetails = {
     states_list: TLocationList[];
+    disabled_items: string[];
     getCurrentStep?: () => number;
     onSave: (current_step: number, values: FormikValues) => void;
     onCancel: (current_step: number, goToPreviousStep: () => void) => void;
     goToNextStep: () => void;
     goToPreviousStep: () => void;
+    has_real_account: boolean;
     validate: (values: FormikValues) => FormikValues;
     onSubmit: (
         current_step: number | null,
@@ -41,7 +44,7 @@ type TAddressDetails = {
         next_step: () => void
     ) => void;
     is_svg: boolean;
-    is_mf?: boolean;
+    is_eu_user?: boolean;
     is_gb_residence: boolean | string;
     onSubmitEnabledChange: (is_submit_disabled: boolean) => void;
     selected_step_ref?: React.RefObject<FormikProps<FormikValues>>;
@@ -98,7 +101,7 @@ const AddressDetails = ({
     validate,
     onSubmit,
     is_svg,
-    is_mf,
+    is_eu_user,
     is_gb_residence,
     onSubmitEnabledChange,
     selected_step_ref,
@@ -176,7 +179,18 @@ const AddressDetails = ({
                                 height_offset={is_appstore ? '222px' : '90px'}
                                 is_disabled={isDesktop()}
                             >
-                                {!is_appstore && (
+                                {is_eu_user && (
+                                    <div className='details-form__banner-container'>
+                                        <InlineNoteWithIcon
+                                            icon='IcAlertWarning'
+                                            message={localize(
+                                                'For verification purposes as required by regulation. It’s your responsibility to provide accurate and complete answers. You can update personal details at any time in your account settings.'
+                                            )}
+                                            title={localize('Why do we collect this?')}
+                                        />
+                                    </div>
+                                )}
+                                {!is_appstore && !is_eu_user && (
                                     <Text
                                         as='p'
                                         align='left'
@@ -203,9 +217,9 @@ const AddressDetails = ({
                                     <div className={classNames('details-form__elements', 'address-details-form ')}>
                                         <InputField
                                             name='address_line_1'
-                                            required={is_svg || is_appstore || is_mf}
+                                            required={is_svg || is_appstore || is_eu_user}
                                             label={
-                                                is_svg || is_appstore || is_mf
+                                                is_svg || is_appstore || is_eu_user
                                                     ? localize('First line of address*')
                                                     : localize('First line of address')
                                             }
@@ -233,9 +247,9 @@ const AddressDetails = ({
                                         />
                                         <InputField
                                             name='address_city'
-                                            required={is_svg || is_appstore || is_mf}
+                                            required={is_svg || is_appstore || is_eu_user}
                                             label={
-                                                is_svg || is_appstore || is_mf
+                                                is_svg || is_appstore || is_eu_user
                                                     ? localize('Town/City*')
                                                     : localize('Town/City')
                                             }

packages/account/src/Components/currency-selector/__tests__/currency-selector.spec.tsx

@@ -217,7 +217,7 @@ describe('<CurrencySelector/>', () => {
     const dxtrade_non_eu_msg =
         'You are limited to one fiat account. You won’t be able to change your account currency if you have already made your first deposit or created a real Deriv MT5 or Deriv X account.';
     const mt5_eu =
-        'You are limited to one fiat account. You won’t be able to change your account currency if you have already made your first deposit or created a real CFDs account.';
+        "Enjoy a seamless trading experience with the selected fiat account. Please note that once you've made your first deposit or created a real CFDs account, your account currency cannot be changed.";
     const mt5_non_eu =
         'You are limited to one fiat account. You won’t be able to change your account currency if you have already made your first deposit or created a real Deriv MT5 account.';
 

packages/account/src/Components/currency-selector/currency-selector.tsx

@@ -171,6 +171,14 @@ const CurrencySelector = ({
                 />
             );
         } else if (!is_dxtrade_allowed && is_mt5_allowed) {
+            if (is_eu) {
+                return (
+                    <Localize
+                        i18n_default_text="Enjoy a seamless trading experience with the selected fiat account. Please note that once you've made your first deposit or created a real {{dmt5_label}} account, your account currency cannot be changed."
+                        values={{ dmt5_label }}
+                    />
+                );
+            }
             return (
                 <Localize
                     i18n_default_text='You are limited to one fiat account. You won’t be able to change your account currency if you have already made your first deposit or created a real {{dmt5_label}} account.'

packages/account/src/Components/financial-details/financial-details.tsx

@@ -22,6 +22,7 @@ import {
     SourceOfWealth,
 } from './financial-details-partials';
 import { splitValidationResultTypes } from '../real-account-signup/helpers/utils';
+import InlineNoteWithIcon from 'Components/inline-note-with-icon';
 
 export type TFinancialDetails = {
     goToPreviousStep: () => void;
@@ -42,6 +43,7 @@ export type TFinancialDetails = {
 export type TFinancialInformationAndTradingExperience = {
     shared_props?: object;
     income_source_enum: object[];
+    is_eu_user?: boolean;
     employment_status_enum: object[];
     employment_industry_enum: object[];
     occupation_enum: object[];
@@ -92,6 +94,8 @@ const FinancialDetails = (props: TFinancialDetails & TFinancialInformationAndTra
         props.onCancel(current_step, props.goToPreviousStep);
     };
 
+    const { is_eu_user } = props;
+
     const handleValidate = (values: FormikValues) => {
         const { errors } = splitValidationResultTypes(props.validate(values));
         return errors;
@@ -131,9 +135,27 @@ const FinancialDetails = (props: TFinancialDetails & TFinancialInformationAndTra
                                     height_offset='110px'
                                     is_disabled={isDesktop()}
                                 >
-                                    <Text as='p' color='prominent' size='xxs' className='trading-assessment__side-note'>
-                                        <Localize i18n_default_text='We collect information about your employment as part of our due diligence obligations, as required by anti-money laundering legislation.' />
-                                    </Text>
+                                    {is_eu_user && (
+                                        <div className='details-form__banner-container'>
+                                            <InlineNoteWithIcon
+                                                icon='IcAlertWarning'
+                                                message={localize(
+                                                    'We collect information about your employment as part of our due diligence obligations, as required by anti-money laundering legislation.'
+                                                )}
+                                                title={localize('Why do we collect this?')}
+                                            />
+                                        </div>
+                                    )}
+                                    {!is_eu_user && (
+                                        <Text
+                                            as='p'
+                                            color='prominent'
+                                            size='xxs'
+                                            className='trading-assessment__side-note'
+                                        >
+                                            <Localize i18n_default_text='We collect information about your employment as part of our due diligence obligations, as required by anti-money laundering legislation.' />
+                                        </Text>
+                                    )}
                                     <ThemedScrollbars
                                         autohide={!(window.innerHeight < 890)}
                                         height={Number(height) - 77}