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

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

@@ -33,13 +33,17 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 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';
@@ -51,11 +55,11 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.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';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';

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

@@ -378,7 +378,6 @@ const translation = {
   
         email: {
           title: 'Confirm your email',
-          edit: 'Edit email',
           complete:
             'Verification complete, the email is now verified to this account.',
         },
@@ -402,7 +401,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 +572,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 +581,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 +594,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 +648,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 +657,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 +676,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 +690,6 @@ const translation = {
         wallet_group: {
             title: 'Select Chain',
         },
-        select_wallet_in_wallet_group: {
-            title: 'Select',
-        },
         wallet_list: {
             button_only: 'Continue with a wallet',
         },
@@ -841,10 +845,24 @@ const translation = {
           select_options: 'Select from options below to secure your account.',
           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',
@@ -862,11 +880,83 @@ const translation = {
             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',
         },
+        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',
+            },
+        },
+    },
+    /**
+     * @description copy keys for merge user accounts view
+     * @default
+     * {
+        confirm_button: 'Merge accounts',
+        errors: {
+          merge_error: 'Something went wrong, please try again.',
+        },
+        wallet: {
+          content: 'This wallet is associated to another account. Would you like to merge accounts?',
+          title: 'Wallet already in use',
+        },
+      }
+     */
+    dyn_merge_user_accounts: {
+        confirm_button: 'Merge accounts',
+        errors: {
+            merge_error: 'Something went wrong, please try again.',
+        },
+        wallet: {
+            content: 'This wallet is associated to another account. Would you like to merge accounts?',
+            title: 'Wallet already in use',
+        },
+    },
+    /**
+     * @description copy keys for merge user accounts conflicts view
+     * @default
+     * {
+        confirm_button: 'Confirm & Merge',
+        description:
+          'You have some conflicting information. Please select your preferences',
+        errors: {
+          merge_error: 'Something went wrong, please try again.',
+        },
+        title: 'Confirm your preferences',
+      }
+     */
+    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.',
+        },
+        title: 'Confirm your preferences',
     },
     /**
      * @description copy keys for merge user accounts view when using email associated to a different account
@@ -880,7 +970,6 @@ const translation = {
         existing_account: 'An account already exists that uses',
         existing_account_trail: 'email.',
         title: 'Would you like to link this wallet to this existing account?',
-      },
       }
      */
     dyn_merge_user_accounts_with_same_email: {
@@ -1110,7 +1199,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!',
         },
@@ -1141,7 +1230,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!',
         },
@@ -1509,12 +1598,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

@@ -372,7 +372,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 +395,6 @@ export declare const translation: {
         hang_tight: string;
         email: {
             title: string;
-            edit: string;
             complete: string;
         };
         phone_number: {
@@ -568,11 +566,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 +575,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 +588,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 +642,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 +651,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 +670,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 +684,6 @@ export declare const translation: {
         wallet_group: {
             title: string;
         };
-        select_wallet_in_wallet_group: {
-            title: string;
-        };
         wallet_list: {
             button_only: string;
         };
@@ -837,10 +841,24 @@ export declare const translation: {
           select_options: 'Select from options below to secure your account.',
           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,11 +876,83 @@ 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;
         };
+        recovery_view: {
+            title: string;
+            body: string;
+            input_label: string;
+            button_label: string;
+            get_help: {
+                description: string;
+                button_label: string;
+            };
+            helper: {
+                title: string;
+            };
+        };
+    };
+    /**
+     * @description copy keys for merge user accounts view
+     * @default
+     * {
+        confirm_button: 'Merge accounts',
+        errors: {
+          merge_error: 'Something went wrong, please try again.',
+        },
+        wallet: {
+          content: 'This wallet is associated to another account. Would you like to merge accounts?',
+          title: 'Wallet already in use',
+        },
+      }
+     */
+    dyn_merge_user_accounts: {
+        confirm_button: string;
+        errors: {
+            merge_error: string;
+        };
+        wallet: {
+            content: string;
+            title: string;
+        };
+    };
+    /**
+     * @description copy keys for merge user accounts conflicts view
+     * @default
+     * {
+        confirm_button: 'Confirm & Merge',
+        description:
+          'You have some conflicting information. Please select your preferences',
+        errors: {
+          merge_error: 'Something went wrong, please try again.',
+        },
+        title: 'Confirm your preferences',
+      }
+     */
+    dyn_merge_user_accounts_conflicts: {
+        confirm_button: string;
+        description: string;
+        errors: {
+            merge_error: string;
+        };
+        title: string;
     };
     /**
      * @description copy keys for merge user accounts view when using email associated to a different account
@@ -876,7 +966,6 @@ export declare const translation: {
         existing_account: 'An account already exists that uses',
         existing_account_trail: 'email.',
         title: 'Would you like to link this wallet to this existing account?',
-      },
       }
      */
     dyn_merge_user_accounts_with_same_email: {
@@ -1106,7 +1195,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!',
         },
@@ -1505,12 +1594,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