@@ -30,4 +30,4 @@ const IdvNoSubmissions = ({ handleRequireSubmission }: TIdvNoSubmission) => {
);
};
-export default IdvNoSubmissions;
+export default IdvLimited;
diff --git a/packages/account/src/Components/poi/idv-status/idv-limited/index.js b/packages/account/src/Components/poi/idv-status/idv-limited/index.js
index 1223bdf639cb..649a4a5158a4 100644
--- a/packages/account/src/Components/poi/idv-status/idv-limited/index.js
+++ b/packages/account/src/Components/poi/idv-status/idv-limited/index.js
@@ -1,3 +1,3 @@
-import IdvNoSubmissions from './idv-limited';
+import IdvLimited from './idv-limited';
-export default IdvNoSubmissions;
+export default IdvLimited;
diff --git a/packages/account/src/Components/poi/idv-status/idv-rejected/__tests__/idv-rejected.spec.tsx b/packages/account/src/Components/poi/idv-status/idv-rejected/__tests__/idv-rejected.spec.tsx
deleted file mode 100644
index 52c58bef0094..000000000000
--- a/packages/account/src/Components/poi/idv-status/idv-rejected/__tests__/idv-rejected.spec.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import { fireEvent, render, screen } from '@testing-library/react';
-import IdvRejected from '../idv-rejected';
-
-jest.mock('Assets/ic-idv-document-rejected.svg', () => jest.fn(() => 'IdvDocumentRejected'));
-
-describe('
', () => {
- const mockHandleRequireSubmission = jest.fn();
-
- it('should render IdvRejected component and trigger click', () => {
- render(
);
-
- expect(screen.getByText('IdvDocumentRejected')).toBeInTheDocument();
- expect(screen.getByText(/ID verification failed/i)).toBeInTheDocument();
- expect(screen.getByText(/we were unable to verify your ID with the details you provided/i)).toBeInTheDocument();
-
- const btn = screen.getByRole('button');
- expect(btn).toHaveTextContent(/try again/i);
- fireEvent.click(btn);
- expect(mockHandleRequireSubmission).toHaveBeenCalledTimes(1);
- });
-});
diff --git a/packages/account/src/Components/poi/idv-status/idv-rejected/idv-rejected.tsx b/packages/account/src/Components/poi/idv-status/idv-rejected/idv-rejected.tsx
deleted file mode 100644
index 81a4bbc6f83d..000000000000
--- a/packages/account/src/Components/poi/idv-status/idv-rejected/idv-rejected.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-import { Button, Text } from '@deriv/components';
-import { localize } from '@deriv/translations';
-import IdvDocumentRejected from 'Assets/ic-idv-document-rejected.svg';
-
-type TIdvRejected = {
- handleRequireSubmission: () => void;
-};
-
-const IdvRejected = ({ handleRequireSubmission }: TIdvRejected) => {
- return (
-
-
- {localize('ID verification failed')}
-
-
- {localize('We were unable to verify your ID with the details you provided.')}
-
-
- );
-};
-
-export default IdvRejected;
diff --git a/packages/account/src/Components/poi/idv-status/idv-rejected/index.js b/packages/account/src/Components/poi/idv-status/idv-rejected/index.js
deleted file mode 100644
index f35e095598df..000000000000
--- a/packages/account/src/Components/poi/idv-status/idv-rejected/index.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import IdvRejected from './idv-rejected';
-
-export default IdvRejected;
diff --git a/packages/account/src/Components/poi/idv-status/idv-submit-complete/__tests__/idv-submit-complete.spec.tsx b/packages/account/src/Components/poi/idv-status/idv-submit-complete/__tests__/idv-submit-complete.spec.tsx
index c07eae73190a..72bda45afd1a 100644
--- a/packages/account/src/Components/poi/idv-status/idv-submit-complete/__tests__/idv-submit-complete.spec.tsx
+++ b/packages/account/src/Components/poi/idv-status/idv-submit-complete/__tests__/idv-submit-complete.spec.tsx
@@ -1,31 +1,42 @@
import React from 'react';
import { BrowserRouter } from 'react-router-dom';
import { render, screen } from '@testing-library/react';
+import { idv_error_statuses } from '@deriv/shared';
import IdvSubmitComplete from '../idv-submit-complete';
jest.mock('Assets/ic-idv-document-pending.svg', () => jest.fn(() => 'IdvDocumentPending'));
describe('
', () => {
- const mock_props = {
- needs_poa: false,
- is_from_external: false,
- };
+ let mock_props: React.ComponentProps
;
+
+ beforeEach(() => {
+ mock_props = {
+ needs_poa: false,
+ is_from_external: false,
+ redirect_button: '',
+ };
+ });
+
+ it('should render IdvSubmitComplete component external, no needs_poa, without mismatch_status', () => {
+ mock_props.redirect_button = 'Mock Redirect Button';
+ render(
-
- );
+ expect(screen.getByText('IdvDocumentPending')).toBeInTheDocument();
+ expect(screen.getByText('Your profile is updated')).toBeInTheDocument();
+ expect(
+ screen.getByText(
+ "We'll review your proof of identity again and will give you an update as soon as possible."
+ )
+ ).toBeInTheDocument();
+ expect(
+ screen.queryByText('We’ll review your documents and notify you of its status within 5 minutes.')
+ ).not.toBeInTheDocument();
+ expect(screen.queryByText('Your documents were submitted successfully')).not.toBeInTheDocument();
+ expect(screen.queryByText('Your document has been submitted')).not.toBeInTheDocument();
+ expect(screen.queryByText("Next, we'll need your proof of address.")).not.toBeInTheDocument();
+ });
+ it('should render IdvSubmitComplete component with mismatch_status', () => {
+ const mismatch_status = idv_error_statuses.poi_expired;
+ render() => {
+ const is_mismatch_error =
+ mismatch_status === idv_error_statuses.poi_name_dob_mismatch ||
+ mismatch_status === idv_error_statuses.poi_dob_mismatch ||
+ mismatch_status === idv_error_statuses.poi_name_mismatch;
+
+ const is_expired_or_failed_error =
+ mismatch_status === idv_error_statuses.poi_expired || mismatch_status === idv_error_statuses.poi_failed;
+
+ const getHeaderText = () => {
+ if (is_mismatch_error) return localize('Your profile is updated');
+ if (is_expired_or_failed_error) return localize('Your document has been submitted');
+ return localize('Your documents were submitted successfully');
+ };
+
+ const getDescriptionText = () => {
+ if (is_mismatch_error || is_expired_or_failed_error)
+ return localize(
+ "We'll review your proof of identity again and will give you an update as soon as possible."
+ );
+ return localize('We’ll review your documents and notify you of its status within 5 minutes.');
+ };
+
const poa_button = !is_from_external &&
- {localize('Your documents were submitted successfully')}
+ {getHeaderText()}
- {localize('We’ll review your documents and notify you of its status within 5 minutes.')}
+ {getDescriptionText()}
{needs_poa ? (
diff --git a/packages/account/src/Components/poi/poi-confirm-with-example-form-container/poi-confirm-with-example-form-container.tsx b/packages/account/src/Components/poi/poi-confirm-with-example-form-container/poi-confirm-with-example-form-container.tsx
index 287a2415367d..38733c50abb5 100644
--- a/packages/account/src/Components/poi/poi-confirm-with-example-form-container/poi-confirm-with-example-form-container.tsx
+++ b/packages/account/src/Components/poi/poi-confirm-with-example-form-container/poi-confirm-with-example-form-container.tsx
@@ -12,6 +12,7 @@ import {
toMoment,
WS,
} from '@deriv/shared';
+import PoiNameDobExample from 'Assets/ic-poi-name-dob-example.svg';
import FormBody from 'Components/form-body';
import LoadErrorMessage from 'Components/load-error-message';
import PersonalDetailsForm from 'Components/forms/personal-details-form';
@@ -46,6 +47,8 @@ const PoiConfirmWithExampleFormContainer = ({
api_error: '',
});
+ const side_note_image =
- {({
- values,
- errors,
- touched,
- handleChange,
- handleBlur,
- handleSubmit,
- isSubmitting,
- setFieldValue,
- setFieldTouched,
- status,
- }) => (
+ {({ errors, handleSubmit, isSubmitting, status }) => (