[COJ/TRAH-3427]-Dhruv/amina mt5 defaulting jurisdiction (deriv-com#17343)

* chore: empty commit

* fix: Removed  Jurisdiction, POI, POA, Personal details from mt5

* fix: removed comments

* fix: fixec

* fix: removed styles

* fix: removed POI files for mt5

* fix: modal

* fix: removed store variables

* fix: Add_and_enter_password_modals

* fix: mt5 default account

* fix: resolved comments and added file which was removed

* fix: testing modal

* fix: style

* fix: Removed and fixed the styles of MT5  password model

* fix: cleaned up code

* fix: restored deleted file

* chore: added testcases for MT5CreatePassword

* fix: cleaned the code

* fix: password

* fix: modifies test case

* fix: merges fixed

* fix: added test case for Mt5CreatePassword

* fix: empty commit for merging

* fix: added test cases1

* fix: added test cases2

* fix: cleaned code and removed unnecessary styles from scss

* fix: code recovered

* fix: cleaned code added missing style

* fix: reaolved comments2

* fix: resolved comments3

* fix: resolved comments4

* fix: resolved comments5

* fix: added icon testcase

* fix: cleaned coded2

* fix: rectified styles and changed names of style classes

* fix: cleaned code and styles

* chore: remove failed verification modal

* fix: resolved comments

* fix: resolved comments2

* fix: resolved comments3

* fix: resolved comments4

* fix: cleaned testcases

* fix: resolved testcases

* fix: sanity check on styles of modal1

* fix: remove modal

* fix: fixed banner design

* fix: added icons

* feat: modal

* fix: defaulting

* fix: modal content

* fix: addes styling to icon

* fix: fixed banners1

* fix: fixed banners2

* fix: fixed banners3

* fix: fixed banners4

* fix: fixed banners5

* fix: content

* fix: content

* fix: badge

* fix: test cases for appstore and account

* fix: password modal badge

* fix: alligned card items

* fix: test cases

* fix: fixed icons

* fix: icon arrow color fix

* fix: icon arrow color fix2

* fix: fixed switch case

* fix: fixed scss file

* feat: Api changes

* fix: types

* fix: added testcases for verification modal

* fix: cleaned code

* fix: comparea ccount

* fix: test

* fix: content

* fix: added testcases

* fix: added testcases2

* fix: test comments 3

* fix: test comments 4

* fix: test

* fix: test cases

* fix: test

* fix: style

* fix: color

* fix: stp accounts

* fix: test case

* fix: real account

* fix: cashier_fixes

* fix: type

* fix: test

* fix: test

* fix: dark mode

* fix: dark mode

* fix: test case

* fix: test case

* fix: test

* fix: fetching updated value

* fix: Design fixes1

* fix: Fixed reloading badge issue

* fix: fixed build issue

* fix: review commits

* fix: resolve code review comments

* fix: added hover feature and pointer arrow on list enabled item

* fix: compare accounts

* fix: fixed hover speed and color

* fix: modal content and styling

* fix: modal content and styling

* fix: test

* fix: resolved comments1

* fix: demo title

* fix: test case

* fix: transfer button

* fix: merge master

* fix: types

* fix: transfer modal

* fix: zero spread

* fix: scroll fix

* fix: Resolved badge status issue

* Merge branch 'master' into dhruv/amina_mt5_defaulting_jurisdiction

* fix: fixed the badges for mt5_login_list status

* feat: stp account

* fix: handled the version of quill icons reducing bundle size

* fix: Fixed size of img

* fix: test

* fix: pobox

* fix: poa redirection

* fix: test

* fix: type

* fix: conflict

* fix: type

* fix: type

---------

Co-authored-by: Dhruv Neb <[email protected]>
Co-authored-by: Likhith Kolayari <[email protected]>
Co-authored-by: likhith <[email protected]>

Author: 3 people

package-lock.json

@@ -16,7 +16,6 @@ module.exports = function (env) {
             'financial-details-config': 'Configs/financial-details-config',
             'get-status-badge-config': 'Configs/get-status-badge-config',
             'personal-details-config': 'Configs/personal-details-config',
-            'poi-poa-docs-submitted': 'Components/poi-poa-docs-submitted/poi-poa-docs-submitted',
             'risk-tolerance-warning-modal': 'Components/trading-assessment/risk-tolerance-warning-modal',
             'sent-email-modal': 'Components/sent-email-modal',
             'terms-of-use-config': 'Configs/terms-of-use-config',

packages/account/build/webpack.config.js

@@ -14,23 +14,23 @@ describe('<Submitted />', () => {
 
     it('should render the Submitted component', () => {
         renderWithRouter(<Submitted needs_poi />);
-        expect(screen.getByText('Your documents were submitted successfully')).toBeInTheDocument();
+        expect(screen.getByText('Review in progress')).toBeInTheDocument();
     });
 
     it('should show submit_poi message if needs_poi is true', () => {
         renderWithRouter(<Submitted needs_poi />);
-        expect(screen.getByText('You must also submit a proof of identity.')).toBeInTheDocument();
+        expect(screen.getByText('To start trading, you also need to verify your identity.')).toBeInTheDocument();
     });
 
     it('should show review message if needs_poi is true', () => {
         renderWithRouter(<Submitted needs_poi />);
         expect(
-            screen.getByText('We’ll review your documents and notify you of its status within 1 to 3 days.')
+            screen.getByText('Your proof of address is under review. We’ll get back to you in 1–3 working days.')
         ).toBeInTheDocument();
     });
 
     it('should show ContinueTradingButton if no props are passed', () => {
         renderWithRouter(<Submitted />);
-        expect(screen.getByTestId('continue-trading-button')).toBeInTheDocument();
+        expect(screen.getByText("Return to Trader's Hub")).toBeInTheDocument();
     });
 });

packages/account/src/Components/poa/status/needs-review/__tests__/needs-review-spec.tsx

@@ -1,28 +1,29 @@
 import React from 'react';
 import { Icon, Text } from '@deriv/components';
 import { localize } from '@deriv/translations';
-import { isNavigationFromP2P, isNavigationFromDerivGO } from '@deriv/shared';
-import ContinueTradingButton from '../../continue-trading-button';
+import { isNavigationFromP2P, isNavigationFromDerivGO, routes } from '@deriv/shared';
 import IconMessageContent from '../../../icon-message-content';
-import PoiButton from '../../../poi/poi-button';
+import RouteButton from '../../../route-button';
 import { TPoaStatusProps } from '../../../../Types';
 
 export const Submitted = ({ needs_poi, redirect_button }: TPoaStatusProps) => {
-    const message = localize('Your documents were submitted successfully');
+    const message = localize('Review in progress');
     const is_redirected_from_platform = isNavigationFromP2P() || isNavigationFromDerivGO();
     if (needs_poi) {
         return (
             <div className='account-management__container'>
                 <IconMessageContent message={message} icon={<Icon icon='IcPoaVerified' size={128} />}>
                     <div className='account-management__text-container'>
                         <Text align='center' size='xs' as='p'>
-                            {localize('We’ll review your documents and notify you of its status within 1 to 3 days.')}
+                            {localize(
+                                'Your proof of address is under review. We’ll get back to you in 1–3 working days.'
+                            )}
                         </Text>
                         <Text align='center' size='xs' as='p'>
-                            {localize('You must also submit a proof of identity.')}
+                            {localize('To start trading, you also need to verify your identity.')}
                         </Text>
                     </div>
-                    <PoiButton />
+                    <RouteButton button_label={localize('Next')} route={routes.proof_of_identity} />
                 </IconMessageContent>
             </div>
         );
@@ -31,10 +32,13 @@ export const Submitted = ({ needs_poi, redirect_button }: TPoaStatusProps) => {
         <div className='account-management__container'>
             <IconMessageContent
                 message={message}
-                text={localize('We’ll review your documents and notify you of its status within 1 to 3 days.')}
+                text={localize('Your proof of address is under review. We’ll get back to you in 1–3 working days.')}
                 icon={<Icon icon='IcPoaVerified' size={128} />}
             >
-                {redirect_button || (!is_redirected_from_platform && <ContinueTradingButton />)}
+                {redirect_button ||
+                    (!is_redirected_from_platform && (
+                        <RouteButton button_label={localize("Return to Trader's Hub")} route={routes.traders_hub} />
+                    ))}
             </IconMessageContent>
         </div>
     );

packages/account/src/Components/poa/status/needs-review/index.ts

@@ -51,18 +51,12 @@ describe('<IdvSubmitComplete/>', () => {
 
         expect(screen.getByText('DerivLightWaitingPoiIcon')).toBeInTheDocument();
         expect(screen.getByText('Mock Redirect Button')).toBeInTheDocument();
-        expect(screen.getByText('Your documents were submitted successfully')).toBeInTheDocument();
-        expect(
-            screen.getByText('We’ll review your documents and notify you of its status within 5 minutes.')
-        ).toBeInTheDocument();
         expect(screen.queryByText('Your profile is updated')).not.toBeInTheDocument();
-        expect(screen.queryByText('Your document has been submitted')).not.toBeInTheDocument();
+        expect(screen.queryByText('Review in progress')).toBeInTheDocument();
         expect(
-            screen.queryByText(
-                "We'll review your proof of identity again and will give you an update as soon as possible."
-            )
-        ).not.toBeInTheDocument();
-        expect(screen.queryByText("Next, we'll need your proof of address.")).not.toBeInTheDocument();
+            screen.queryByText('Your proof of identity is under review. We’ll get back to you within 5 minutes.')
+        ).toBeInTheDocument();
+        expect(screen.queryByText('To start trading, you also need to verify your address.')).not.toBeInTheDocument();
     });
 
     it('should render IdvSubmitComplete component needs_poa not external, without mismatch_status and redirect_button', () => {
@@ -74,16 +68,12 @@ describe('<IdvSubmitComplete/>', () => {
         renderComponent({ props: new_props });
 
         expect(screen.getByText('DerivLightWaitingPoiIcon')).toBeInTheDocument();
-        expect(screen.getByText('Your documents were submitted successfully')).toBeInTheDocument();
-        expect(screen.getByText('Submit proof of address')).toBeInTheDocument();
-        expect(screen.getByText("Next, we'll need your proof of address.")).toBeInTheDocument();
-        expect(screen.queryByText('Your profile is updated')).not.toBeInTheDocument();
-        expect(screen.queryByText('Your document has been submitted')).not.toBeInTheDocument();
+        expect(screen.queryByText('Review in progress')).toBeInTheDocument();
         expect(
-            screen.queryByText(
-                "We'll review your proof of identity again and will give you an update as soon as possible."
-            )
-        ).not.toBeInTheDocument();
+            screen.queryByText('Your proof of identity is under review. We’ll get back to you within 5 minutes.')
+        ).toBeInTheDocument();
+        expect(screen.queryByText('To start trading, you also need to verify your address.')).toBeInTheDocument();
+        expect(screen.queryByText('Next')).toBeInTheDocument();
     });
 
     it('should render IdvSubmitComplete component with mismatch_status ', () => {

packages/account/src/Components/poa/status/needs-review/needs-review.tsx

@@ -33,7 +33,7 @@ const IdvSubmitComplete = observer(
                 if (is_expired_or_failed_error)
                     return <Localize i18n_default_text='Your document has been submitted' />;
             }
-            return <Localize i18n_default_text='Your documents were submitted successfully' />;
+            return <Localize i18n_default_text='Review in progress' />;
         };
 
         const getDescriptionText = () => {
@@ -42,13 +42,11 @@ const IdvSubmitComplete = observer(
                     <Localize i18n_default_text="We'll review your proof of identity again and will give you an update as soon as possible." />
                 );
             return (
-                <Localize i18n_default_text='We’ll review your documents and notify you of its status within 5 minutes.' />
+                <Localize i18n_default_text='Your proof of identity is under review. We’ll get back to you within 5 minutes.' />
             );
         };
 
-        const poa_button = !is_from_external && (
-            <PoaButton custom_text={<Localize i18n_default_text='Submit proof of address' />} />
-        );
+        const poa_button = !is_from_external && <PoaButton custom_text={<Localize i18n_default_text='Next' />} />;
 
         return (
             <div className={clsx('proof-of-identity__container', 'proof-of-identity__container--status')}>
@@ -62,7 +60,7 @@ const IdvSubmitComplete = observer(
                 {needs_poa ? (
                     <React.Fragment>
                         <Text className='text' size='xs' align='center'>
-                            <Localize i18n_default_text="Next, we'll need your proof of address." />
+                            <Localize i18n_default_text='To start trading, you also need to verify your address.' />
                         </Text>
                         {poa_button}
                     </React.Fragment>

packages/account/src/Components/poa/status/submitted/__tests__/submitted.spec.tsx

@@ -31,6 +31,7 @@ type TDetailComponent = {
     is_from_external?: boolean;
     is_for_mt5?: boolean;
     handlePOIforMT5Complete?: () => void;
+    needs_poa?: boolean;
 };
 
 const DetailComponent = ({
@@ -44,6 +45,7 @@ const DetailComponent = ({
     is_from_external,
     is_for_mt5,
     handlePOIforMT5Complete,
+    needs_poa,
     ...props
 }: TDetailComponent) => {
     const [status, setStatus] = React.useState('');
@@ -121,7 +123,7 @@ const DetailComponent = ({
         case STATUS.IS_UPLOADING:
             return <Loading is_fullscreen={false} is_slow_loading status={[localize('Uploading documents')]} />;
         case STATUS.IS_COMPLETED:
-            return <UploadComplete is_from_external={true} needs_poa={false} is_manual_upload />;
+            return <UploadComplete is_from_external needs_poa={needs_poa} is_manual_upload />;
         case STATUS.IS_FAILED:
             return <POIManualUploadFailed error={response_error} />;
         case STATUS.IS_DUPLICATE_UPLOAD:

packages/account/src/Components/poa/status/submitted/submitted.tsx

@@ -93,6 +93,7 @@ const Unsupported = ({
                 handlePOIforMT5Complete={handlePOIforMT5Complete}
                 handleComplete={handleViewComplete}
                 is_for_mt5={is_for_mt5}
+                needs_poa={needs_poa}
                 {...props}
             />
         );