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

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js

@@ -24,6 +24,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';
@@ -32,14 +33,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 { Typography } from '../../components/Typography/Typography.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
@@ -49,9 +52,9 @@ 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 'react-focus-lock';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
@@ -73,6 +76,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 ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, copykey, }) => {
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));

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

@@ -100,6 +100,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
@@ -378,7 +390,6 @@ const translation = {
   
         email: {
           title: 'Confirm your email',
-          edit: 'Edit email',
           complete:
             'Verification complete, the email is now verified to this account.',
         },
@@ -402,7 +413,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: {
@@ -574,11 +584,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',
           },
@@ -588,6 +593,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',
           },
@@ -596,22 +606,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',
@@ -647,11 +660,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',
             },
@@ -661,6 +669,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',
             },
@@ -675,6 +688,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',
@@ -683,9 +702,6 @@ const translation = {
         wallet_group: {
             title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-            title: 'Select',
-        },
         wallet_list: {
             button_only: 'Continue with a wallet',
         },
@@ -838,13 +854,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',
@@ -856,16 +886,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',
+            },
         },
     },
     /**
@@ -876,9 +948,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',
         },
       }
      */
@@ -887,9 +959,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',
         },
     },
     /**
@@ -897,6 +969,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.',
         },
@@ -905,6 +979,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.',
         },
@@ -1151,7 +1226,7 @@ const translation = {
             'Don’t get locked out if you delete your passkey or lose your device.',
           input_label: 'Enter your email',
           title: 'Add a recovery email',
-          confirm_button: 'Done',
+          confirm_button: 'Confirm with a passkey',
           skip_button: 'Skip for now',
           success_message: 'Recovery email added!',
         },
@@ -1182,7 +1257,7 @@ const translation = {
             description: 'Don’t get locked out if you delete your passkey or lose your device.',
             input_label: 'Enter your email',
             title: 'Add a recovery email',
-            confirm_button: 'Done',
+            confirm_button: 'Confirm with a passkey',
             skip_button: 'Skip for now',
             success_message: 'Recovery email added!',
         },
@@ -1215,6 +1290,7 @@ const translation = {
       }
      */
     dyn_pending_connection: {
+        title: 'Connect',
         mobile: 'Click connect in your mobile wallet',
         computer: 'Click connect in your wallet popup',
     },
@@ -1550,12 +1626,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/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;
         };
@@ -1147,7 +1222,7 @@ export declare const translation: {
             'Don’t get locked out if you delete your passkey or lose your device.',
           input_label: 'Enter your email',
           title: 'Add a recovery email',
-          confirm_button: 'Done',
+          confirm_button: 'Confirm with a passkey',
           skip_button: 'Skip for now',
           success_message: 'Recovery email added!',
         },
@@ -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