@dynamic-labs/sdk-react-core 2.0.0-alpha.17 → 2.0.0-alpha.19

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js

@@ -30,6 +30,7 @@ import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -51,7 +52,6 @@ import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../components/Alert/Alert.js';

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs

@@ -36,6 +36,7 @@ require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -57,7 +58,6 @@ require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../components/Alert/Alert.cjs');

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js

@@ -32,6 +32,7 @@ import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -53,7 +54,6 @@ import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../components/Alert/Alert.js';

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs

@@ -35,6 +35,7 @@ require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js

@@ -31,6 +31,7 @@ import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.cjs

@@ -35,6 +35,7 @@ require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -56,7 +57,6 @@ require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var Button = require('../../components/Button/Button.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js

@@ -31,6 +31,7 @@ import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -52,7 +53,6 @@ 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 '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../components/Button/Button.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -35,6 +35,7 @@ require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -56,7 +57,6 @@ require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var Button = require('../../components/Button/Button.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -31,6 +31,7 @@ import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -52,7 +53,6 @@ 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 '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../components/Button/Button.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs

@@ -36,6 +36,7 @@ require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -57,7 +58,6 @@ require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var Button = require('../../components/Button/Button.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

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

@@ -32,6 +32,7 @@ import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -53,7 +54,6 @@ 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 '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../components/Button/Button.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

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

@@ -137,6 +137,7 @@ const translation = {
           phone_number: {
             label: 'Phone number',
             validation: 'Phone number is not valid',
+            too_short: 'Phone number is too short',
           },
           policies_consent: {
             label: 'Policies Consent',
@@ -188,6 +189,7 @@ const translation = {
             phone_number: {
                 label: 'Phone number',
                 validation: 'Phone number is not valid',
+                too_short: 'Phone number is too short',
             },
             policies_consent: {
                 label: 'Policies Consent',
@@ -354,30 +356,53 @@ const translation = {
         title: 'Update email',
     },
     /**
-     * @description copy keys for email verification view after logging in with dynamic email provider or after kyc verification
+     * @description copy keys for one-time password verification view after logging in with dynamic email or phone number provider or after kyc verification
      * @default
      * {
         code_not_received: 'Did not receive your code yet?',
         code_sent: 'Code sent',
-        complete: 'Verification complete, the email is now verified to this account.',
         description: 'We’ve sent a verification code to',
-        edit_email: 'Edit email',
         log_out_button: 'Log out',
         resend_code: 'Re-send code',
         resend_code_in: 'Re-send code in {{remainingSeconds}}',
-        title: 'Confirm your email',
-      }
+        confirm_code: 'Confirm verification code',
+        verification_succeeded: 'Verification code confirmed',
+        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: {
+          title: 'Confirm your phone number',
+          edit: 'Edit phone number',
+          complete:
+            'Verification complete, the phone number is now verified to this account.',
+        },
+      },
      */
-    dyn_email_verification: {
+    dyn_otp_verification: {
         code_not_received: 'Did not receive your code yet?',
         code_sent: 'Code sent',
-        complete: 'Verification complete, the email is now verified to this account.',
         description: 'We’ve sent a verification code to',
-        edit_email: 'Edit email',
         log_out_button: 'Log out',
         resend_code: 'Re-send code',
         resend_code_in: 'Re-send code in {{remainingSeconds}}',
-        title: 'Confirm your email',
+        confirm_code: 'Confirm verification code',
+        verification_succeeded: 'Verification code confirmed',
+        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: {
+            title: 'Confirm your phone number',
+            edit: 'Edit phone number',
+            complete: 'Verification complete, the phone number is now verified to this account.',
+        },
     },
     /**
      * @description copy keys for embedded wallet authenticator choice view
@@ -498,13 +523,23 @@ const translation = {
         connect_wallet: {
           title: 'Connect',
         },
+        email_form: {
+          email_field: {
+            label: 'Enter your email',
+          },
+          submit_button: {
+            label: 'Continue'
+          }
+        },
         helper: {
           all_wallet_list: 'Get your first wallet',
           email_form: {
             invalid_email: 'Invalid or incorrect email. Did you mistype it?',
           },
           phone_number_form: {
-            invalid_number: 'Invalid or incorrect number. Did you mistype it?',
+            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',
@@ -555,13 +590,22 @@ const translation = {
         connect_wallet: {
             title: 'Connect',
         },
+        email_form: {
+            email_field: {
+                label: 'Enter your email',
+            },
+            submit_button: {
+                label: 'Continue',
+            },
+        },
         helper: {
             all_wallet_list: 'Get your first wallet',
             email_form: {
                 invalid_email: 'Invalid or incorrect email. Did you mistype it?',
             },
             phone_number_form: {
-                invalid_number: 'Invalid or incorrect number. Did you mistype it?',
+                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',
@@ -857,22 +901,10 @@ const translation = {
      * @default
      * {
         banner_text: 'Sign in to access your email based wallet',
-        code_sent: 'We’ve sent a verification code to',
-        confirm_code: 'Confirm verification code',
-        hang_tight: 'Hang tight while we get things ready for you',
-        verification_succeeded: 'Verification code confirmed',
-        title: 'Confirm verification code',
-        description: 'We’ve sent a verification code to',
       }
      */
-    dyn_otp_verification: {
+    dyn_magic_verification: {
         banner_text: 'Sign in to access your email based wallet',
-        code_sent: 'We’ve sent a verification code to',
-        confirm_code: 'Confirm verification code',
-        hang_tight: 'Hang tight while we get things ready for you',
-        verification_succeeded: 'Verification code confirmed',
-        title: 'Confirm verification code',
-        description: 'We’ve sent a verification code to',
     },
     /**
      * @description copy key for passkey created success banner

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

@@ -132,6 +132,7 @@ export declare const translation: {
           phone_number: {
             label: 'Phone number',
             validation: 'Phone number is not valid',
+            too_short: 'Phone number is too short',
           },
           policies_consent: {
             label: 'Policies Consent',
@@ -183,6 +184,7 @@ export declare const translation: {
             phone_number: {
                 label: string;
                 validation: string;
+                too_short: string;
             };
             policies_consent: {
                 label: string;
@@ -349,30 +351,53 @@ export declare const translation: {
         title: string;
     };
     /**
-     * @description copy keys for email verification view after logging in with dynamic email provider or after kyc verification
+     * @description copy keys for one-time password verification view after logging in with dynamic email or phone number provider or after kyc verification
      * @default
      * {
         code_not_received: 'Did not receive your code yet?',
         code_sent: 'Code sent',
-        complete: 'Verification complete, the email is now verified to this account.',
         description: 'We’ve sent a verification code to',
-        edit_email: 'Edit email',
         log_out_button: 'Log out',
         resend_code: 'Re-send code',
         resend_code_in: 'Re-send code in {{remainingSeconds}}',
-        title: 'Confirm your email',
-      }
+        confirm_code: 'Confirm verification code',
+        verification_succeeded: 'Verification code confirmed',
+        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: {
+          title: 'Confirm your phone number',
+          edit: 'Edit phone number',
+          complete:
+            'Verification complete, the phone number is now verified to this account.',
+        },
+      },
      */
-    dyn_email_verification: {
+    dyn_otp_verification: {
         code_not_received: string;
         code_sent: string;
-        complete: string;
         description: string;
-        edit_email: string;
         log_out_button: string;
         resend_code: string;
         resend_code_in: string;
-        title: string;
+        confirm_code: string;
+        verification_succeeded: string;
+        hang_tight: string;
+        email: {
+            title: string;
+            edit: string;
+            complete: string;
+        };
+        phone_number: {
+            title: string;
+            edit: string;
+            complete: string;
+        };
     };
     /**
      * @description copy keys for embedded wallet authenticator choice view
@@ -493,13 +518,23 @@ export declare const translation: {
         connect_wallet: {
           title: 'Connect',
         },
+        email_form: {
+          email_field: {
+            label: 'Enter your email',
+          },
+          submit_button: {
+            label: 'Continue'
+          }
+        },
         helper: {
           all_wallet_list: 'Get your first wallet',
           email_form: {
             invalid_email: 'Invalid or incorrect email. Did you mistype it?',
           },
           phone_number_form: {
-            invalid_number: 'Invalid or incorrect number. Did you mistype it?',
+            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',
@@ -550,13 +585,22 @@ export declare const translation: {
         connect_wallet: {
             title: string;
         };
+        email_form: {
+            email_field: {
+                label: string;
+            };
+            submit_button: {
+                label: string;
+            };
+        };
         helper: {
             all_wallet_list: string;
             email_form: {
                 invalid_email: string;
             };
             phone_number_form: {
-                invalid_number: string;
+                invalid_phone: string;
+                invalid_sms_verification: string;
             };
             pending_connect: {
                 title: string;
@@ -852,22 +896,10 @@ export declare const translation: {
      * @default
      * {
         banner_text: 'Sign in to access your email based wallet',
-        code_sent: 'We’ve sent a verification code to',
-        confirm_code: 'Confirm verification code',
-        hang_tight: 'Hang tight while we get things ready for you',
-        verification_succeeded: 'Verification code confirmed',
-        title: 'Confirm verification code',
-        description: 'We’ve sent a verification code to',
       }
      */
-    dyn_otp_verification: {
+    dyn_magic_verification: {
         banner_text: string;
-        code_sent: string;
-        confirm_code: string;
-        hang_tight: string;
-        verification_succeeded: string;
-        title: string;
-        description: string;
     };
     /**
      * @description copy key for passkey created success banner

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

@@ -133,6 +133,7 @@ const translation = {
           phone_number: {
             label: 'Phone number',
             validation: 'Phone number is not valid',
+            too_short: 'Phone number is too short',
           },
           policies_consent: {
             label: 'Policies Consent',
@@ -184,6 +185,7 @@ const translation = {
             phone_number: {
                 label: 'Phone number',
                 validation: 'Phone number is not valid',
+                too_short: 'Phone number is too short',
             },
             policies_consent: {
                 label: 'Policies Consent',
@@ -350,30 +352,53 @@ const translation = {
         title: 'Update email',
     },
     /**
-     * @description copy keys for email verification view after logging in with dynamic email provider or after kyc verification
+     * @description copy keys for one-time password verification view after logging in with dynamic email or phone number provider or after kyc verification
      * @default
      * {
         code_not_received: 'Did not receive your code yet?',
         code_sent: 'Code sent',
-        complete: 'Verification complete, the email is now verified to this account.',
         description: 'We’ve sent a verification code to',
-        edit_email: 'Edit email',
         log_out_button: 'Log out',
         resend_code: 'Re-send code',
         resend_code_in: 'Re-send code in {{remainingSeconds}}',
-        title: 'Confirm your email',
-      }
+        confirm_code: 'Confirm verification code',
+        verification_succeeded: 'Verification code confirmed',
+        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: {
+          title: 'Confirm your phone number',
+          edit: 'Edit phone number',
+          complete:
+            'Verification complete, the phone number is now verified to this account.',
+        },
+      },
      */
-    dyn_email_verification: {
+    dyn_otp_verification: {
         code_not_received: 'Did not receive your code yet?',
         code_sent: 'Code sent',
-        complete: 'Verification complete, the email is now verified to this account.',
         description: 'We’ve sent a verification code to',
-        edit_email: 'Edit email',
         log_out_button: 'Log out',
         resend_code: 'Re-send code',
         resend_code_in: 'Re-send code in {{remainingSeconds}}',
-        title: 'Confirm your email',
+        confirm_code: 'Confirm verification code',
+        verification_succeeded: 'Verification code confirmed',
+        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: {
+            title: 'Confirm your phone number',
+            edit: 'Edit phone number',
+            complete: 'Verification complete, the phone number is now verified to this account.',
+        },
     },
     /**
      * @description copy keys for embedded wallet authenticator choice view
@@ -494,13 +519,23 @@ const translation = {
         connect_wallet: {
           title: 'Connect',
         },
+        email_form: {
+          email_field: {
+            label: 'Enter your email',
+          },
+          submit_button: {
+            label: 'Continue'
+          }
+        },
         helper: {
           all_wallet_list: 'Get your first wallet',
           email_form: {
             invalid_email: 'Invalid or incorrect email. Did you mistype it?',
           },
           phone_number_form: {
-            invalid_number: 'Invalid or incorrect number. Did you mistype it?',
+            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',
@@ -551,13 +586,22 @@ const translation = {
         connect_wallet: {
             title: 'Connect',
         },
+        email_form: {
+            email_field: {
+                label: 'Enter your email',
+            },
+            submit_button: {
+                label: 'Continue',
+            },
+        },
         helper: {
             all_wallet_list: 'Get your first wallet',
             email_form: {
                 invalid_email: 'Invalid or incorrect email. Did you mistype it?',
             },
             phone_number_form: {
-                invalid_number: 'Invalid or incorrect number. Did you mistype it?',
+                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',
@@ -853,22 +897,10 @@ const translation = {
      * @default
      * {
         banner_text: 'Sign in to access your email based wallet',
-        code_sent: 'We’ve sent a verification code to',
-        confirm_code: 'Confirm verification code',
-        hang_tight: 'Hang tight while we get things ready for you',
-        verification_succeeded: 'Verification code confirmed',
-        title: 'Confirm verification code',
-        description: 'We’ve sent a verification code to',
       }
      */
-    dyn_otp_verification: {
+    dyn_magic_verification: {
         banner_text: 'Sign in to access your email based wallet',
-        code_sent: 'We’ve sent a verification code to',
-        confirm_code: 'Confirm verification code',
-        hang_tight: 'Hang tight while we get things ready for you',
-        verification_succeeded: 'Verification code confirmed',
-        title: 'Confirm verification code',
-        description: 'We’ve sent a verification code to',
     },
     /**
      * @description copy key for passkey created success banner

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

@@ -34,6 +34,7 @@ require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -56,7 +57,6 @@ require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Alert/Alert.cjs');

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

@@ -30,6 +30,7 @@ import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -52,7 +53,6 @@ import '../../context/LoadingContext/LoadingContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Alert/Alert.js';