@dynamic-labs/sdk-react-core 2.0.0-alpha.16 → 2.0.0-alpha.18

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';
@@ -47,6 +48,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -59,7 +61,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../locale/locale.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import { MemoizedDynamicWidgetHeader } from '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.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');
@@ -68,13 +69,14 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 require('../../views/WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../locale/locale.cjs');
 
 const BridgeNextWalletToConnectLayout = ({ chainName, chainIcon, onClickAction, onClickClose }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));

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';
@@ -64,13 +65,14 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 import '../../views/WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../locale/locale.js';
 
 const BridgeNextWalletToConnectLayout = ({ chainName, chainIcon, onClickAction, onClickClose }) => {
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));

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');
@@ -68,13 +69,14 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 require('../../views/WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../locale/locale.cjs');
 var Step = require('../../components/Step/Step.cjs');
 var Stepper = require('../../components/Stepper/Stepper.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';
@@ -64,13 +65,14 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 import '../../views/WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../locale/locale.js';
 import { Step } from '../../components/Step/Step.js';
 import { Stepper } from '../../components/Stepper/Stepper.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');
@@ -69,13 +70,14 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 require('../../views/WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../locale/locale.cjs');
 
 const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, copykey, }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));

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';
@@ -65,13 +66,14 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 import '../../views/WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../locale/locale.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

@@ -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
@@ -504,7 +529,9 @@ const translation = {
             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',
@@ -561,7 +588,8 @@ const translation = {
                 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,20 +885,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',
       }
      */
-    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 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
@@ -499,7 +524,9 @@ export declare const translation: {
             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',
@@ -556,7 +583,8 @@ export declare const translation: {
                 invalid_email: string;
             };
             phone_number_form: {
-                invalid_number: string;
+                invalid_phone: string;
+                invalid_sms_verification: string;
             };
             pending_connect: {
                 title: string;
@@ -852,20 +880,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',
       }
      */
-    dyn_otp_verification: {
+    dyn_magic_verification: {
         banner_text: string;
-        code_sent: string;
-        confirm_code: string;
-        hang_tight: string;
-        verification_succeeded: string;
-        title: 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
@@ -500,7 +525,9 @@ const translation = {
             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',
@@ -557,7 +584,8 @@ const translation = {
                 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,20 +881,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',
       }
      */
-    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 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');
@@ -66,13 +67,14 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 require('../../views/WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../locale/locale.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

@@ -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';
@@ -62,13 +63,14 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 import '../../views/WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../locale/locale.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,

package/src/lib/modals/CreatePasswordModal/CreatePasswordModal.cjs

@@ -37,6 +37,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');
@@ -54,6 +55,7 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -66,7 +68,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../locale/locale.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/modals/CreatePasswordModal/CreatePasswordModal.js

@@ -33,6 +33,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';
@@ -50,6 +51,7 @@ import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -62,7 +64,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../locale/locale.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';