@dynamic-labs/sdk-react-core 2.0.0-alpha.21 → 2.0.0-alpha.23

package/src/lib/views/SmsVerification/SmsVerification.js

@@ -40,12 +40,12 @@ import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
+import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../context/FooterAnimationContext/index.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -64,14 +64,13 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 import { TextButton } from '../../components/TextButton/TextButton.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 '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../locale/locale.js';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import { useSmsVerification } from './useSmsVerification/useSmsVerification.js';
 
 const SmsVerification = () => {
@@ -80,23 +79,8 @@ const SmsVerification = () => {
     const { t } = useTranslation();
     const isLoginView = view.type === 'login-with-sms-verification';
     const { error, formattedPhone, isLoading, isValid, onSubmit, retryOneTimePassword, setError, } = useSmsVerification(isLoginView ? 'login' : 'verify-only');
-    // TODO: implement the "update-phone-number" by making the EmailUpdate view generic
-    // DO NOT just copy EmailUpdate and adjust it for sms. That would generate too much code duplication.
-    // Then, uncomment the below code
-    // const EditPhone: JSX.Element | undefined = !isLoginView ? (
-    //   <TextButton
-    //     onClick={() => setView('update-phone-number')}
-    //     className='sms-verification__text-button'
-    //     disabled={isLoading}
-    //     copykey='dyn_otp_verification.phone_number.edit'
-    //   >
-    //     {t('dyn_otp_verification.phone_number.edit')}
-    //   </TextButton>
-    // ) : undefined;
     const LogoutButton = !isLoginView ? (jsx(TextButton, { className: 'sms-verification__log-out', onClick: handleLogOut, copykey: 'dyn_otp_verification.log_out_button', children: t('dyn_otp_verification.log_out_button') })) : undefined;
-    return (jsx(OTPVerificationView, { MainIcon: PhoneIcon, displayedDestination: formattedPhone, error: error, hideHeader: true, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid, retryHandler: retryOneTimePassword, onPinChange: () => setError(undefined), 
-        // appendAbovePinInput={EditPhone}
-        appendToEnd: LogoutButton }));
+    return (jsx(OTPVerificationView, { MainIcon: PhoneIcon, displayedDestination: formattedPhone, error: error, hideHeader: true, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid, retryHandler: retryOneTimePassword, onPinChange: () => setError(undefined), appendToEnd: LogoutButton }));
 };
 
 export { SmsVerification };

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.cjs

@@ -28,7 +28,7 @@ require('viem');
 require('viem/chains');
 var api = require('../../../data/api.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useOtpVerificationRequest = require('../../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs');
 require('react-dom');
 var useEmbeddedWallet = require('../../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
@@ -57,7 +57,6 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 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');
@@ -72,7 +71,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../locale/locale.cjs');
+require('../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -92,6 +91,7 @@ const useSmsVerification = (type) => {
     const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const isTurnkeyProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
     const { verifyOtp } = useOtpVerificationRequest.useOtpVerificationRequest();
+    const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const retryOneTimePassword = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!verificationUUID || !retryData) {
             yield handleLogOut();
@@ -114,6 +114,9 @@ const useSmsVerification = (type) => {
             return false;
         }
         yield verifyOtp(verificationToken, 'sms', verificationUUID);
+        // There are no scenarios currently where the backend requests another verification after
+        // an SMS verification, but if this changes in the future, we will have to replace this comment
+        // with code similar to what we have after calling verifyEmail in EmailVerification
         if (onboardingOnlyJwt) {
             setOnboardingOnlyJwt(undefined);
             setCallback('authSuccess');
@@ -148,39 +151,53 @@ const useSmsVerification = (type) => {
             goToInitialView();
             return false;
         }
-        const { jwt } = yield api.signInWithSmsVerification({
-            environmentId,
-            verificationToken,
-            verificationUUID,
-        });
-        if (!jwt) {
-            yield handleLogOut();
-            goToInitialView();
-            return false;
-        }
-        const decodedJwt = decodeJwt.decodeJwt(jwt);
-        if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
-            setOnboardingOnlyJwt(jwt);
-            yield sleepToShowSuccessMessage();
-            setView('collect-user-data-login-no-wallet', {
-                userIdentification: 'phoneNumber',
-                userIdentificationOverride: formattedPhone,
+        try {
+            const { jwt, minifiedJwt } = yield api.signInWithSmsVerification({
+                environmentId,
+                verificationToken,
+                verificationUUID,
             });
+            if (!jwt) {
+                yield handleLogOut();
+                goToInitialView();
+                return false;
+            }
+            const decodedJwt = decodeJwt.decodeJwt(jwt);
+            if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
+                setOnboardingOnlyJwt(jwt);
+                yield sleepToShowSuccessMessage();
+                setView('collect-user-data-login-no-wallet', {
+                    userIdentification: 'phoneNumber',
+                    userIdentificationOverride: formattedPhone,
+                });
+                return true;
+            }
+            setCallback('authSuccess');
+            // this timeout is set to make sure that the user will see success message
+            yield sleepToShowSuccessMessage();
+            yield createUserProfileByJWT(jwt, minifiedJwt);
+            if (isTurnkeyProviderEnabled &&
+                !((_h = (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.embeddedWallets) === null || _h === void 0 ? void 0 : _h.automaticEmbeddedWalletCreation)) {
+                setShowAuthFlow(false);
+                return true;
+            }
+            // this function will check turnkey wallet enabled and create wallet if needed
+            // if not enabled, it will throw an error.
+            yield createEmbeddedWallet().catch(() => setShowAuthFlow(false));
             return true;
         }
-        setCallback('authSuccess');
-        // this timeout is set to make sure that the user will see success message
-        yield sleepToShowSuccessMessage();
-        yield createUserProfileByJWT(jwt);
-        if (isTurnkeyProviderEnabled &&
-            !((_h = (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.embeddedWallets) === null || _h === void 0 ? void 0 : _h.automaticEmbeddedWalletCreation)) {
-            setShowAuthFlow(false);
-            return true;
+        catch (error) {
+            if (error instanceof utils.NoAccessError) {
+                setView('no-access');
+            }
+            if (error instanceof utils.AccountExistsError) {
+                setExistentAccountData(error.errorPayload);
+                setView('account-exists');
+            }
+            logger.logger.debug(error);
+            setError(error);
+            return false;
         }
-        // this function will check turnkey wallet enabled and create wallet if needed
-        // if not enabled, it will throw an error.
-        yield createEmbeddedWallet().catch(() => setShowAuthFlow(false));
-        return true;
     }), [
         createEmbeddedWallet,
         createUserProfileByJWT,
@@ -195,11 +212,11 @@ const useSmsVerification = (type) => {
         setShowAuthFlow,
         setView,
         verificationUUID,
+        setExistentAccountData,
     ]);
     const { data: isValid, isLoading, mutate: onSubmit, } = useMutation.useMutation(type === 'login' ? submitOtpForLogin : submitOtpForVerification, {
         onFailure: (error) => {
-            // TODO: as a follow up, maybe change this message based on the actual error
-            setError(new Error('Incorrect verification code. Did you mistype it?'));
+            setError(error);
             if (retryData)
                 dynamicEvents.dynamicEvents.emit('smsVerificationResult', false, retryData);
             else

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.js

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback } from 'react';
-import { sleep } from '@dynamic-labs/utils';
+import { NoAccessError, AccountExistsError, sleep } from '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
@@ -24,7 +24,7 @@ import 'viem';
 import 'viem/chains';
 import { signInWithSmsVerification, retrySmsVerification } from '../../../data/api.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useOtpVerificationRequest } from '../../../utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
 import 'react-dom';
 import { useEmbeddedWallet } from '../../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
@@ -53,7 +53,6 @@ import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.j
 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';
@@ -68,7 +67,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/FooterAnimationContext/index.js';
-import '../../../locale/locale.js';
+import '../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -88,6 +87,7 @@ const useSmsVerification = (type) => {
     const { createEmbeddedWallet } = useEmbeddedWallet();
     const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     const { verifyOtp } = useOtpVerificationRequest();
+    const { setExistentAccountData } = useAccountExistsContext();
     const retryOneTimePassword = () => __awaiter(void 0, void 0, void 0, function* () {
         if (!verificationUUID || !retryData) {
             yield handleLogOut();
@@ -110,6 +110,9 @@ const useSmsVerification = (type) => {
             return false;
         }
         yield verifyOtp(verificationToken, 'sms', verificationUUID);
+        // There are no scenarios currently where the backend requests another verification after
+        // an SMS verification, but if this changes in the future, we will have to replace this comment
+        // with code similar to what we have after calling verifyEmail in EmailVerification
         if (onboardingOnlyJwt) {
             setOnboardingOnlyJwt(undefined);
             setCallback('authSuccess');
@@ -144,39 +147,53 @@ const useSmsVerification = (type) => {
             goToInitialView();
             return false;
         }
-        const { jwt } = yield signInWithSmsVerification({
-            environmentId,
-            verificationToken,
-            verificationUUID,
-        });
-        if (!jwt) {
-            yield handleLogOut();
-            goToInitialView();
-            return false;
-        }
-        const decodedJwt = decodeJwt(jwt);
-        if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
-            setOnboardingOnlyJwt(jwt);
-            yield sleepToShowSuccessMessage();
-            setView('collect-user-data-login-no-wallet', {
-                userIdentification: 'phoneNumber',
-                userIdentificationOverride: formattedPhone,
+        try {
+            const { jwt, minifiedJwt } = yield signInWithSmsVerification({
+                environmentId,
+                verificationToken,
+                verificationUUID,
             });
+            if (!jwt) {
+                yield handleLogOut();
+                goToInitialView();
+                return false;
+            }
+            const decodedJwt = decodeJwt(jwt);
+            if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
+                setOnboardingOnlyJwt(jwt);
+                yield sleepToShowSuccessMessage();
+                setView('collect-user-data-login-no-wallet', {
+                    userIdentification: 'phoneNumber',
+                    userIdentificationOverride: formattedPhone,
+                });
+                return true;
+            }
+            setCallback('authSuccess');
+            // this timeout is set to make sure that the user will see success message
+            yield sleepToShowSuccessMessage();
+            yield createUserProfileByJWT(jwt, minifiedJwt);
+            if (isTurnkeyProviderEnabled &&
+                !((_h = (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.embeddedWallets) === null || _h === void 0 ? void 0 : _h.automaticEmbeddedWalletCreation)) {
+                setShowAuthFlow(false);
+                return true;
+            }
+            // this function will check turnkey wallet enabled and create wallet if needed
+            // if not enabled, it will throw an error.
+            yield createEmbeddedWallet().catch(() => setShowAuthFlow(false));
             return true;
         }
-        setCallback('authSuccess');
-        // this timeout is set to make sure that the user will see success message
-        yield sleepToShowSuccessMessage();
-        yield createUserProfileByJWT(jwt);
-        if (isTurnkeyProviderEnabled &&
-            !((_h = (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.embeddedWallets) === null || _h === void 0 ? void 0 : _h.automaticEmbeddedWalletCreation)) {
-            setShowAuthFlow(false);
-            return true;
+        catch (error) {
+            if (error instanceof NoAccessError) {
+                setView('no-access');
+            }
+            if (error instanceof AccountExistsError) {
+                setExistentAccountData(error.errorPayload);
+                setView('account-exists');
+            }
+            logger.debug(error);
+            setError(error);
+            return false;
         }
-        // this function will check turnkey wallet enabled and create wallet if needed
-        // if not enabled, it will throw an error.
-        yield createEmbeddedWallet().catch(() => setShowAuthFlow(false));
-        return true;
     }), [
         createEmbeddedWallet,
         createUserProfileByJWT,
@@ -191,11 +208,11 @@ const useSmsVerification = (type) => {
         setShowAuthFlow,
         setView,
         verificationUUID,
+        setExistentAccountData,
     ]);
     const { data: isValid, isLoading, mutate: onSubmit, } = useMutation(type === 'login' ? submitOtpForLogin : submitOtpForVerification, {
         onFailure: (error) => {
-            // TODO: as a follow up, maybe change this message based on the actual error
-            setError(new Error('Incorrect verification code. Did you mistype it?'));
+            setError(error);
             if (retryData)
                 dynamicEvents.emit('smsVerificationResult', false, retryData);
             else

package/src/lib/views/SocialRedirectView/SocialRedirectView.cjs

@@ -44,12 +44,12 @@ require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -69,14 +69,13 @@ 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('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../locale/locale.cjs');
+require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
 const SocialRedirectView = () => {
     const { socialProvider, signInProvider } = SocialRedirectContext.useSocialRedirectContext();

package/src/lib/views/SocialRedirectView/SocialRedirectView.js

@@ -40,12 +40,12 @@ import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../context/FooterAnimationContext/index.js';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -65,14 +65,13 @@ 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 '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../locale/locale.js';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const SocialRedirectView = () => {
     const { socialProvider, signInProvider } = useSocialRedirectContext();

package/src/lib/views/SocialWrongAccountView/SocialWrongAccountView.cjs

@@ -44,12 +44,12 @@ require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var Typography = require('../../components/Typography/Typography.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -69,14 +69,13 @@ 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('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../locale/locale.cjs');
+require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
 const SocialWrongAccountView = () => {
     const [tryAgainClicked, setTryAgainClicked] = React.useState(false);

package/src/lib/views/SocialWrongAccountView/SocialWrongAccountView.js

@@ -40,12 +40,12 @@ import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { Typography } from '../../components/Typography/Typography.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../context/FooterAnimationContext/index.js';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -65,14 +65,13 @@ 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 '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../locale/locale.js';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const SocialWrongAccountView = () => {
     const [tryAgainClicked, setTryAgainClicked] = useState(false);

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -60,7 +60,6 @@ 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');
@@ -75,7 +74,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../locale/locale.cjs');
+require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 var TransactionConfirmationPageLayout = require('../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs');

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.js

@@ -56,7 +56,6 @@ 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';
@@ -71,7 +70,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../locale/locale.js';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import { TransactionConfirmationPageLayout } from '../../components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js';

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.cjs

@@ -43,12 +43,12 @@ require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -72,14 +72,13 @@ var useAssignDefaultValues = require('./useAssignDefaultValues/useAssignDefaultV
 var UserFieldsToIcon = require('./UserFieldsToIcon/UserFieldsToIcon.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('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../locale/locale.cjs');
+require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
 const UserFieldEditorView = ({ onClickClose, onSubmit, fields, submitText, subtitle, title, }) => {
     // Treat undefined props

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.js

@@ -39,12 +39,12 @@ import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../context/FooterAnimationContext/index.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -68,14 +68,13 @@ import { useAssignDefaultValues } from './useAssignDefaultValues/useAssignDefaul
 import { UserFieldsToIcon } from './UserFieldsToIcon/UserFieldsToIcon.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 '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../locale/locale.js';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const UserFieldEditorView = ({ onClickClose, onSubmit, fields, submitText, subtitle, title, }) => {
     // Treat undefined props

package/src/lib/views/UserFieldEditorView/useAssignDefaultValues/useAssignDefaultValues.cjs

@@ -52,7 +52,6 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 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');
@@ -65,7 +64,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../locale/locale.cjs');
+require('../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/views/UserFieldEditorView/useAssignDefaultValues/useAssignDefaultValues.js

@@ -48,7 +48,6 @@ import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.j
 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';
@@ -61,7 +60,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
-import '../../../locale/locale.js';
+import '../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';