diff --git a/packages/account/build/webpack.config.js b/packages/account/build/webpack.config.js index f1d3e8430bfe..9bb6c2bffe69 100644 --- a/packages/account/build/webpack.config.js +++ b/packages/account/build/webpack.config.js @@ -57,7 +57,7 @@ module.exports = function (env) { 'terms-of-use-config': 'Configs/terms-of-use-config', 'proof-of-identity-config': 'Configs/proof-of-identity-config', 'proof-of-identity-form-on-signup': 'Components/poi/poi-form-on-signup', - 'proof-of-identity-containerfor-mt5': + 'proof-of-identity-container-for-mt5': 'Sections/Verification/ProofOfIdentity/proof-of-identity-container-for-mt5', 'poi-poa-submitted': 'Components/poi-poa-docs-submitted/poi-poa-docs-submitted.jsx', }, diff --git a/packages/account/src/Components/proof-of-identity-container-for-mt5/proof-of-identity-container-for-mt5.scss b/packages/account/src/Components/proof-of-identity-container-for-mt5/proof-of-identity-container-for-mt5.scss new file mode 100644 index 000000000000..4e93a1d56a14 --- /dev/null +++ b/packages/account/src/Components/proof-of-identity-container-for-mt5/proof-of-identity-container-for-mt5.scss @@ -0,0 +1,17 @@ +.manual-poi { + .dc-timeline { + &__container { + flex: 1; + max-width: 63.4rem; + + @at-root .manual-poi--mobile .dc-timeline__container { + max-width: none; + } + } + &__title { + font-size: var(--text-size-s); + line-height: 2.4rem; + margin: -4px 0 2.4rem; + } + } +} diff --git a/packages/account/src/Sections/Verification/ProofOfIdentity/proof-of-identity-container-for-mt5.jsx b/packages/account/src/Sections/Verification/ProofOfIdentity/proof-of-identity-container-for-mt5.jsx index e6b828a9ad9b..cdfc91ad23e4 100644 --- a/packages/account/src/Sections/Verification/ProofOfIdentity/proof-of-identity-container-for-mt5.jsx +++ b/packages/account/src/Sections/Verification/ProofOfIdentity/proof-of-identity-container-for-mt5.jsx @@ -22,7 +22,7 @@ const ShowDemoMessage = () => ( ); -const ProofOfIdentityContainerforMt5 = ({ +const ProofOfIdentityContainerForMt5 = ({ account_status, fetchResidenceList, height, @@ -97,4 +97,4 @@ const ProofOfIdentityContainerforMt5 = ({ ); }; -export default ProofOfIdentityContainerforMt5; +export default ProofOfIdentityContainerForMt5; diff --git a/packages/account/src/Sections/Verification/ProofOfIdentity/proof-of-identity-submission.jsx b/packages/account/src/Sections/Verification/ProofOfIdentity/proof-of-identity-submission.jsx index 03e4ef918c4c..9e28f17d45a7 100644 --- a/packages/account/src/Sections/Verification/ProofOfIdentity/proof-of-identity-submission.jsx +++ b/packages/account/src/Sections/Verification/ProofOfIdentity/proof-of-identity-submission.jsx @@ -27,10 +27,10 @@ const POISubmission = ({ }) => { const [submission_status, setSubmissionStatus] = React.useState(); // selecting, submitting, complete const [submission_service, setSubmissionService] = React.useState(); - const [selected_country, setSelectedCountry] = React.useState(); + const [selected_country, setSelectedCountry] = React.useState({}); const handleSelectionNext = () => { - if (selected_country) { + if (Object.keys(selected_country).length) { const { submissions_left: idv_submissions_left } = idv; const { submissions_left: onfido_submissions_left } = onfido; const is_idv_supported = selected_country.identity.services.idv.is_country_supported; diff --git a/packages/cfd/src/Components/__tests__/cfd-poi.spec.js b/packages/cfd/src/Components/__tests__/cfd-poi.spec.js index ed4980d64e6c..5bdde8ab24cc 100644 --- a/packages/cfd/src/Components/__tests__/cfd-poi.spec.js +++ b/packages/cfd/src/Components/__tests__/cfd-poi.spec.js @@ -11,13 +11,13 @@ jest.mock('Stores/connect', () => ({ jest.mock('@deriv/account', () => ({ ...jest.requireActual('@deriv/account'), - ProofOfIdentityContainerforMt5: () =>