@dynamic-labs/sdk-react-core 2.1.0-alpha.8 → 2.1.0

package/src/lib/locale/en/translation.d.ts

@@ -94,6 +94,18 @@ export declare const translation: {
         verify_user_subtitle: string;
         verify_user_title: string;
     };
+    /**
+     * @description copy keys for sanctioned access blocked view
+     * @default
+     * {
+     *  title: 'Access Blocked',
+     *  content: 'Logging in is not available to persons in {{jurisdiction}} as you are in a sanctioned jurisdiction.',
+     * }
+     */
+    dyn_access_blocked: {
+        title: string;
+        content: string;
+    };
     /**
      * @description copy keys for chainalysis blocked wallet view
      * @default
@@ -372,7 +384,6 @@ export declare const translation: {
   
         email: {
           title: 'Confirm your email',
-          edit: 'Edit email',
           complete:
             'Verification complete, the email is now verified to this account.',
         },
@@ -396,7 +407,6 @@ export declare const translation: {
         hang_tight: string;
         email: {
             title: string;
-            edit: string;
             complete: string;
         };
         phone_number: {
@@ -568,11 +578,6 @@ export declare const translation: {
           email_form: {
             invalid_email: 'Invalid or incorrect email. Did you mistype it?',
           },
-          phone_number_form: {
-            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
-            invalid_sms_verification:
-              'Invalid or incorrect number. Did you mistype it?',
-          },
           pending_connect: {
             title: 'Connecting a wallet',
           },
@@ -582,6 +587,11 @@ export declare const translation: {
           pending_signature_without_back_button: {
             title: 'Signing a wallet',
           },
+          phone_number_form: {
+            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
+            invalid_sms_verification:
+              'Invalid or incorrect number. Did you mistype it?',
+          },
           qr_code: {
             title: 'Connecting a wallet',
           },
@@ -590,22 +600,25 @@ export declare const translation: {
         qr_code: {
           title: 'Connect',
         },
+        select_wallet_in_wallet_group: {
+          title: 'Select'
+        },
         separators: {
           default: 'OR',
         },
         sign_wallet: {
           title: 'Sign',
         },
-        title: {
-          all: 'Log in or sign up',
-          all_wallet_list: 'Select your wallet',
-          wallet_only: 'Select your wallet',
+        social: {
+          button_label: 'Continue with {{provider}}',
         },
         wallet_group: {
           title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-          title: 'Select'
+        title: {
+          all: 'Log in or sign up',
+          all_wallet_list: 'Select your wallet',
+          wallet_only: 'Select your wallet',
         },
         wallet_list: {
           button_only: 'Continue with a wallet',
@@ -641,11 +654,6 @@ export declare const translation: {
             email_form: {
                 invalid_email: string;
             };
-            phone_number_form: {
-                invalid_phone: string;
-                invalid_sms_verification: string;
-                too_many_sms_verification_attempts: string;
-            };
             pending_connect: {
                 title: string;
             };
@@ -655,6 +663,11 @@ export declare const translation: {
             pending_signature_without_back_button: {
                 title: string;
             };
+            phone_number_form: {
+                invalid_phone: string;
+                invalid_sms_verification: string;
+                too_many_sms_verification_attempts: string;
+            };
             qr_code: {
                 title: string;
             };
@@ -669,6 +682,12 @@ export declare const translation: {
         sign_wallet: {
             title: string;
         };
+        select_wallet_in_wallet_group: {
+            title: string;
+        };
+        social: {
+            button_label: string;
+        };
         title: {
             all: string;
             all_wallet_list: string;
@@ -677,9 +696,6 @@ export declare const translation: {
         wallet_group: {
             title: string;
         };
-        select_wallet_in_wallet_group: {
-            title: string;
-        };
         wallet_list: {
             button_only: string;
         };
@@ -834,13 +850,27 @@ export declare const translation: {
      * {
         choose_device_view: {
           title: 'Secure your account',
-          select_options: 'Select from options below to secure your account.',
+          select_options: 'Protect your account by adding multi-factor authentication',
           authenticator_app: 'Authenticator app',
           authenticator_app_description:
-           'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+            'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
           sms_code: 'SMS code',
           sms_code_description:
-           'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+            'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+        },
+        display_backup_codes_view: {
+          title: 'Back up your codes',
+          body: 'Backup codes help recover your account if you lose access to your device.',
+          warning: 'You won’t be able to see these again',
+          copy_all: 'Copy all',
+          download: 'Download',
+          checkbox: 'I have safely stored a copy of my password',
+          complete: 'Complete',
+        },
+        otp_verification_view: {
+          title: 'Confirm verification code',
+          body: 'Enter the verification code generated by your authenticator app',
+          error: 'Invalid code. Please try again.',
         },
         secure_device_view: {
           title: 'Secure your account',
@@ -858,10 +888,52 @@ export declare const translation: {
             sms_code: string;
             sms_code_description: string;
         };
+        display_backup_codes_view: {
+            title: string;
+            body: string;
+            warning: string;
+            copy_all: string;
+            download: string;
+            checkbox: string;
+            complete: string;
+        };
+        otp_verification_view: {
+            title: string;
+            body: string;
+            error: string;
+        };
         secure_device_view: {
             title: string;
             body: string;
             continue: string;
+            helper: {
+                title: string;
+                step1: {
+                    title: string;
+                    description: string;
+                };
+                step2: {
+                    title: string;
+                    description: string;
+                };
+                uri: {
+                    title: string;
+                    description: string;
+                };
+            };
+        };
+        recovery_view: {
+            title: string;
+            body: string;
+            input_label: string;
+            button_label: string;
+            get_help: {
+                description: string;
+                button_label: string;
+            };
+            helper: {
+                title: string;
+            };
         };
     };
     /**
@@ -872,9 +944,9 @@ export declare const translation: {
         errors: {
           merge_error: 'Something went wrong, please try again.',
         },
-        same_wallet: {
-          content: 'Your wallet is currently used by 2 different accounts.',
-          title: 'Same wallet in use',
+        wallet: {
+          content: 'This wallet is associated to another account. Would you like to merge accounts?',
+          title: 'Wallet already in use',
         },
       }
      */
@@ -883,7 +955,7 @@ export declare const translation: {
         errors: {
             merge_error: string;
         };
-        same_wallet: {
+        wallet: {
             content: string;
             title: string;
         };
@@ -893,6 +965,8 @@ export declare const translation: {
      * @default
      * {
         confirm_button: 'Confirm & Merge',
+        description:
+          'You have some conflicting information. Please select your preferences',
         errors: {
           merge_error: 'Something went wrong, please try again.',
         },
@@ -901,6 +975,7 @@ export declare const translation: {
      */
     dyn_merge_user_accounts_conflicts: {
         confirm_button: string;
+        description: string;
         errors: {
             merge_error: string;
         };
@@ -1211,6 +1286,7 @@ export declare const translation: {
       }
      */
     dyn_pending_connection: {
+        title: string;
         mobile: string;
         computer: string;
     };
@@ -1546,12 +1622,14 @@ export declare const translation: {
         description:
           "This wallet supports using ledger. Toggle on ledger to enable it.",
         using_hardware_wallet_toggle_label: "Using Ledger with {{chainName}}",
+        button: "Connect",
       }
      */
     dyn_select_hardware_wallet: {
         title: string;
         description: string;
         using_hardware_wallet_toggle_label: string;
+        button: string;
     };
     /**
      * @description copy keys for sign message flow views

package/src/lib/locale/en/translation.js

@@ -96,6 +96,18 @@ const translation = {
         verify_user_subtitle: 'We need to quickly verify you’re human before we proceed.',
         verify_user_title: "Let's verify you're human",
     },
+    /**
+     * @description copy keys for sanctioned access blocked view
+     * @default
+     * {
+     *  title: 'Access Blocked',
+     *  content: 'Logging in is not available to persons in {{jurisdiction}} as you are in a sanctioned jurisdiction.',
+     * }
+     */
+    dyn_access_blocked: {
+        title: 'Access Blocked',
+        content: 'Logging in is not available to persons in {{jurisdiction}} as you are in a sanctioned jurisdiction.',
+    },
     /**
      * @description copy keys for chainalysis blocked wallet view
      * @default
@@ -374,7 +386,6 @@ const translation = {
   
         email: {
           title: 'Confirm your email',
-          edit: 'Edit email',
           complete:
             'Verification complete, the email is now verified to this account.',
         },
@@ -398,7 +409,6 @@ const translation = {
         hang_tight: 'Hang tight while we get things ready for you',
         email: {
             title: 'Confirm your email',
-            edit: 'Edit email',
             complete: 'Verification complete, the email is now verified to this account.',
         },
         phone_number: {
@@ -570,11 +580,6 @@ const translation = {
           email_form: {
             invalid_email: 'Invalid or incorrect email. Did you mistype it?',
           },
-          phone_number_form: {
-            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
-            invalid_sms_verification:
-              'Invalid or incorrect number. Did you mistype it?',
-          },
           pending_connect: {
             title: 'Connecting a wallet',
           },
@@ -584,6 +589,11 @@ const translation = {
           pending_signature_without_back_button: {
             title: 'Signing a wallet',
           },
+          phone_number_form: {
+            invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
+            invalid_sms_verification:
+              'Invalid or incorrect number. Did you mistype it?',
+          },
           qr_code: {
             title: 'Connecting a wallet',
           },
@@ -592,22 +602,25 @@ const translation = {
         qr_code: {
           title: 'Connect',
         },
+        select_wallet_in_wallet_group: {
+          title: 'Select'
+        },
         separators: {
           default: 'OR',
         },
         sign_wallet: {
           title: 'Sign',
         },
-        title: {
-          all: 'Log in or sign up',
-          all_wallet_list: 'Select your wallet',
-          wallet_only: 'Select your wallet',
+        social: {
+          button_label: 'Continue with {{provider}}',
         },
         wallet_group: {
           title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-          title: 'Select'
+        title: {
+          all: 'Log in or sign up',
+          all_wallet_list: 'Select your wallet',
+          wallet_only: 'Select your wallet',
         },
         wallet_list: {
           button_only: 'Continue with a wallet',
@@ -643,11 +656,6 @@ const translation = {
             email_form: {
                 invalid_email: 'Invalid or incorrect email. Did you mistype it?',
             },
-            phone_number_form: {
-                invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
-                invalid_sms_verification: 'The code you entered is incorrect. Please try again.',
-                too_many_sms_verification_attempts: 'Too many verification attempts, please try again later.',
-            },
             pending_connect: {
                 title: 'Connecting a wallet',
             },
@@ -657,6 +665,11 @@ const translation = {
             pending_signature_without_back_button: {
                 title: 'Signing a wallet',
             },
+            phone_number_form: {
+                invalid_phone: 'Invalid or incorrect number. Did you mistype it?',
+                invalid_sms_verification: 'The code you entered is incorrect. Please try again.',
+                too_many_sms_verification_attempts: 'Too many verification attempts, please try again later.',
+            },
             qr_code: {
                 title: 'Connecting a wallet',
             },
@@ -671,6 +684,12 @@ const translation = {
         sign_wallet: {
             title: 'Sign',
         },
+        select_wallet_in_wallet_group: {
+            title: 'Select',
+        },
+        social: {
+            button_label: 'Continue with {{provider}}',
+        },
         title: {
             all: 'Log in or sign up',
             all_wallet_list: 'Select your wallet',
@@ -679,9 +698,6 @@ const translation = {
         wallet_group: {
             title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-            title: 'Select',
-        },
         wallet_list: {
             button_only: 'Continue with a wallet',
         },
@@ -834,13 +850,27 @@ const translation = {
      * {
         choose_device_view: {
           title: 'Secure your account',
-          select_options: 'Select from options below to secure your account.',
+          select_options: 'Protect your account by adding multi-factor authentication',
           authenticator_app: 'Authenticator app',
           authenticator_app_description:
-           'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+            'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
           sms_code: 'SMS code',
           sms_code_description:
-           'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+            'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+        },
+        display_backup_codes_view: {
+          title: 'Back up your codes',
+          body: 'Backup codes help recover your account if you lose access to your device.',
+          warning: 'You won’t be able to see these again',
+          copy_all: 'Copy all',
+          download: 'Download',
+          checkbox: 'I have safely stored a copy of my password',
+          complete: 'Complete',
+        },
+        otp_verification_view: {
+          title: 'Confirm verification code',
+          body: 'Enter the verification code generated by your authenticator app',
+          error: 'Invalid code. Please try again.',
         },
         secure_device_view: {
           title: 'Secure your account',
@@ -852,16 +882,58 @@ const translation = {
     dyn_mfa: {
         choose_device_view: {
             title: 'Secure your account',
-            select_options: 'Select from options below to secure your account.',
+            select_options: 'Protect your account by adding multi-factor authentication',
             authenticator_app: 'Authenticator app',
             authenticator_app_description: 'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
             sms_code: 'SMS code',
             sms_code_description: 'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
         },
+        display_backup_codes_view: {
+            title: 'Back up your codes',
+            body: 'Backup codes help recover your account if you lose access to your device.',
+            warning: 'You won’t be able to see these again',
+            copy_all: 'Copy all',
+            download: 'Download',
+            checkbox: 'I have safely stored a copy of my password',
+            complete: 'Complete',
+        },
+        otp_verification_view: {
+            title: 'Confirm verification code',
+            body: 'Enter the verification code generated by your authenticator app',
+            error: 'Invalid code. Please try again.',
+        },
         secure_device_view: {
             title: 'Secure your account',
             body: 'Setup a new sign-in method in your authenticator app',
             continue: 'Continue',
+            helper: {
+                title: 'Troubles with scanning?',
+                step1: {
+                    title: 'Open your Authenticator App',
+                    description: 'You will set up a new sign-in method',
+                },
+                step2: {
+                    title: 'Enter the key provided below',
+                    description: 'Make sure time-based or one-time password is enabled.',
+                },
+                uri: {
+                    title: 'Copy the full URI',
+                    description: 'This only works if your authenticator app supports TOTP URIs',
+                },
+            },
+        },
+        recovery_view: {
+            title: 'Enter your backup code',
+            body: 'Your backup code is the 24 character code you received when you activated two step authentication',
+            input_label: 'Enter back up code',
+            button_label: 'Continue',
+            get_help: {
+                description: 'Missing your back up codes?',
+                button_label: 'Get Help',
+            },
+            helper: {
+                title: 'Mfa Recovery Help',
+            },
         },
     },
     /**
@@ -872,9 +944,9 @@ const translation = {
         errors: {
           merge_error: 'Something went wrong, please try again.',
         },
-        same_wallet: {
-          content: 'Your wallet is currently used by 2 different accounts.',
-          title: 'Same wallet in use',
+        wallet: {
+          content: 'This wallet is associated to another account. Would you like to merge accounts?',
+          title: 'Wallet already in use',
         },
       }
      */
@@ -883,9 +955,9 @@ const translation = {
         errors: {
             merge_error: 'Something went wrong, please try again.',
         },
-        same_wallet: {
-            content: 'Your wallet is currently used by 2 different accounts.',
-            title: 'Same wallet in use',
+        wallet: {
+            content: 'This wallet is associated to another account. Would you like to merge accounts?',
+            title: 'Wallet already in use',
         },
     },
     /**
@@ -893,6 +965,8 @@ const translation = {
      * @default
      * {
         confirm_button: 'Confirm & Merge',
+        description:
+          'You have some conflicting information. Please select your preferences',
         errors: {
           merge_error: 'Something went wrong, please try again.',
         },
@@ -901,6 +975,7 @@ const translation = {
      */
     dyn_merge_user_accounts_conflicts: {
         confirm_button: 'Confirm & Merge',
+        description: 'You have some conflicting information. Please select your preferences',
         errors: {
             merge_error: 'Something went wrong, please try again.',
         },
@@ -1211,6 +1286,7 @@ const translation = {
       }
      */
     dyn_pending_connection: {
+        title: 'Connect',
         mobile: 'Click connect in your mobile wallet',
         computer: 'Click connect in your wallet popup',
     },
@@ -1546,12 +1622,14 @@ const translation = {
         description:
           "This wallet supports using ledger. Toggle on ledger to enable it.",
         using_hardware_wallet_toggle_label: "Using Ledger with {{chainName}}",
+        button: "Connect",
       }
      */
     dyn_select_hardware_wallet: {
         title: 'Connect',
         description: 'This wallet supports using ledger. Toggle on ledger to enable it.',
         using_hardware_wallet_toggle_label: 'Using Ledger with {{chainName}}',
+        button: 'Connect',
     },
     /**
      * @description copy keys for sign message flow views

package/src/lib/modals/ConfirmationModal/ConfirmationModal.cjs

@@ -26,6 +26,7 @@ require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -34,14 +35,16 @@ require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -50,11 +53,11 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var Modal = require('../../components/Modal/Modal.cjs');
 var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 var Portal = require('../../components/Portal/Portal.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -74,6 +77,7 @@ require('../../views/WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const ConfirmationModal = ({ modalId, closeModal, show, zIndex, handleOnModalUnmount, children, }) => (jsxRuntime.jsx(Portal.Portal, { elementId: modalId, handleClose: closeModal, isShown: show, zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : index.authModalZIndex + 1, withBackdrop: true, transitionEvents: {
         onUnmount: handleOnModalUnmount,

package/src/lib/modals/ConfirmationModal/ConfirmationModal.js

@@ -22,6 +22,7 @@ import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
 import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -30,14 +31,16 @@ import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -46,11 +49,11 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { Modal } from '../../components/Modal/Modal.js';
 import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import { Portal } from '../../components/Portal/Portal.js';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -70,6 +73,7 @@ import '../../views/WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const ConfirmationModal = ({ modalId, closeModal, show, zIndex, handleOnModalUnmount, children, }) => (jsx(Portal, { elementId: modalId, handleClose: closeModal, isShown: show, zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : authModalZIndex + 1, withBackdrop: true, transitionEvents: {
         onUnmount: handleOnModalUnmount,