deriv-com · matin-deriv · Oct 4, 2021 · Jun 3, 2021 · Jun 3, 2021 · Jun 4, 2021
@@ -46,6 +46,7 @@ module.exports = function (env, argv) {
             'poi-unverified': 'Components/poi-unverified',
             'poi-upload-complete': 'Components/poi-upload-complete',
             'poi-verified': 'Components/poi-verified',
+            'proof-of-identity': 'Sections/Verification/ProofOfIdentity/proof-of-identity.jsx',
             'proof-of-identity-container': 'Sections/Verification/ProofOfIdentity/proof-of-identity-container.jsx',
             'proof-of-address-container': 'Sections/Verification/ProofOfAddress/proof-of-address-container.jsx',
             'reset-trading-password-modal': 'Components/reset-trading-password-modal',

@@ -31,6 +31,7 @@
         "bowser": "^2.9.0",
         "classnames": "^2.2.6",
         "formik": "^2.1.4",
+        "i18n-iso-countries": "^6.8.0",
         "js-cookie": "^2.2.1",
         "mobx": "^5.15.7",
         "mobx-react": "^6.2.2",

@@ -64,6 +64,6 @@ IconMessageContent.propTypes = {
     full_width: PropTypes.bool,
     icon: PropTypes.object,
     message: PropTypes.oneOfType([PropTypes.node, PropTypes.string, PropTypes.object]),
-    text: PropTypes.string,
+    text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
 };
 export default IconMessageContent;
@@ -63,7 +63,7 @@ const IconMessageList = ({ className, icon, message, message_list, onContinue })
                         <Button
                             type='button'
                             className='account-management__continue'
-                            onClick={() => onContinue(true)}
+                            onClick={onContinue}
                             large
                             text={localize('Upload Document')}
                             primary

@@ -1,12 +1,17 @@
+import React from 'react';
+import PropTypes from 'prop-types';
 import { ButtonLink, Text } from '@deriv/components';
 import { routes } from '@deriv/shared';
 import { localize } from '@deriv/translations';
-import React from 'react';
 
-export const PoaButton = () => (
+export const PoaButton = ({ custom_text = localize('Proof of address') }) => (
     <ButtonLink className='account-management__button' to={routes.proof_of_address}>
         <Text className='dc-btn__text' as='p' weight='bold'>
-            {localize('Proof of address')}
+            {custom_text || localize('Proof of address')}
         </Text>
     </ButtonLink>
 );
+
+PoaButton.propTypes = {
+    custom_text: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+};
@@ -0,0 +1,3 @@
+import CountrySelector from './poi-country-selector.jsx';
+
+export default CountrySelector;