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

package/src/lib/data/api.d.ts

@@ -1,4 +1,4 @@
-import { ProjectSettings, UserFields, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential, ExportEmbeddedWalletResponse, EmbeddedWalletAuthType, SmsVerificationCreateResponse, FarcasterSignInRequest } from '@dynamic-labs/sdk-api';
+import { ProjectSettings, UserFields, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential, ExportEmbeddedWalletResponse, EmbeddedWalletAuthType, SmsVerificationCreateResponse, FarcasterSignInRequest, UpdateRecoveryEmailRequest } from '@dynamic-labs/sdk-api';
 import { AuthenticatorType } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, VerifyWallet } from '../shared/types';
 export declare const fetchNonce: (environmentId: string) => Promise<string | undefined>;
@@ -31,13 +31,13 @@ export declare const revokeSession: ({ environmentId, sessionId, }: {
     environmentId: string;
     sessionId: string;
 }, userJwt: string) => Promise<void>;
-export declare const linkWallet: (environmentId: string, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }: VerifyWallet, userJwt: string) => Promise<string | undefined>;
+export declare const linkWallet: (environmentId: string, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }: VerifyWallet, userJwt: string) => Promise<VerifyResponse | undefined>;
 export declare const unlinkWallet: ({ environmentId, primaryWalletId, walletId, }: {
     environmentId: string;
     primaryWalletId: string | undefined;
     walletId: string;
-}, userJwt: string) => Promise<string | undefined>;
-export declare const transferWallet: (environmentId: string, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck, }: VerifyWallet, userJwt: string) => Promise<string | undefined>;
+}, userJwt: string) => Promise<VerifyResponse | undefined>;
+export declare const transferWallet: (environmentId: string, { network, messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, skipEmptyAccountCheck, }: VerifyWallet, userJwt: string) => Promise<VerifyResponse | undefined>;
 export declare const mapChainToChainEnum: (chain: string) => ChainEnum;
 export declare const mapProviderToProviderEnum: (provider: string) => WalletProviderEnum;
 export declare const mapAuthModeTypeToEnum: (authMode: string) => AuthModeEnum;
@@ -49,17 +49,17 @@ export declare const createVisit: ({ authMode, chain, environmentId, walletProvi
     walletName: string;
     walletProvider: string;
 }) => Promise<void | undefined>;
-export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }: VerifyWallet) => Promise<string | undefined>;
+export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, additionalWalletAddresses, }: VerifyWallet) => Promise<VerifyResponse | undefined>;
 export declare const fetchProjectSettings: (environmentId: string) => Promise<ProjectSettings | undefined>;
 export declare const updateUserProfileFields: (jwt: string | undefined, environmentId: string, fields: UserFields) => Promise<UpdateSelfResponse>;
 export declare const getOauthLoginUrl: (environmentId: string, providerType: ProviderEnum, userJwt: string) => Promise<string | undefined>;
-export declare const verifyOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state }: OauthRequest, userJwt: string) => Promise<string | undefined>;
+export declare const verifyOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state }: OauthRequest, userJwt: string) => Promise<VerifyResponse | undefined>;
 export declare const unlinkOAuth: ({ environmentId, primaryWalletId, verifiedCrentialId, }: {
     environmentId: string;
     primaryWalletId: string | undefined;
     verifiedCrentialId: string;
-}, userJwt: string) => Promise<string | undefined>;
-export declare const signInOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state, captchaToken }: OauthRequest) => Promise<string | undefined>;
+}, userJwt: string) => Promise<VerifyResponse | undefined>;
+export declare const signInOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state, captchaToken }: OauthRequest) => Promise<VerifyResponse | undefined>;
 export declare const getOAuthResult: (environmentId: string, providerType: ProviderEnum, { state }: OauthResultRequest) => Promise<OauthResultResponse | undefined>;
 export declare const getOnrampProviders: ({ chain, environmentId, networkId, token, walletAddress, }: {
     chain: string;
@@ -73,7 +73,7 @@ export declare const sendDynamicProps: (environmentId: string, settingsToSend: {
     dynamicWagmiSettings?: object;
     frameworkSettings?: object;
 }) => Promise<void>;
-export declare const mergeUserAccounts: (userJwt: string, environmentId: string) => Promise<string | undefined>;
+export declare const mergeUserAccounts: (userJwt: string, environmentId: string) => Promise<VerifyResponse | undefined>;
 export type CreateTurnkeyEmbeddedWalletProps = {
     userJwt: string;
     environmentId: string;
@@ -98,6 +98,12 @@ export type CompletePasskeyRecoveryProps = {
     challenge: string;
 };
 export declare const completePasskeyRecovery: ({ walletId, attestation, challenge, environmentId, userJwt, }: CompletePasskeyRecoveryProps) => Promise<VerifyResponse>;
+export type UpdatePasskeyRecoveryEmailProps = {
+    userJwt: string;
+    environmentId: string;
+    updateRecoveryEmailRequest: UpdateRecoveryEmailRequest;
+};
+export declare const updatePasskeyRecoveryEmail: ({ userJwt, environmentId, updateRecoveryEmailRequest, }: UpdatePasskeyRecoveryEmailProps) => Promise<void>;
 export type GetUserPasskeysProps = {
     userJwt: string;
     environmentId: string;
@@ -166,4 +172,4 @@ export declare const verifySms: ({ verificationToken, verificationUUID, environm
     verificationToken: string;
     verificationUUID: string;
 }, userJwt: string) => Promise<UpdateSelfResponse>;
-export declare const farcasterSignIn: (environmentId: string, farcasterSignInRequest: FarcasterSignInRequest) => Promise<string | undefined>;
+export declare const farcasterSignIn: (environmentId: string, farcasterSignInRequest: FarcasterSignInRequest) => Promise<VerifyResponse | undefined>;

package/src/lib/data/api.js

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
-import { NoAccessError, AccountExistsError, EmailVerificationError, WalletUsedError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, SmsVerificationError, WalletNotDeployedError, ChainalysisError, GateBlockedError, EmailProviderError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
+import { NoAccessError, AccountExistsError, EmailVerificationError, WalletUsedError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, InvalidPhoneNumberError, UserHasAccountWithEmailError, SmsVerificationError, WalletNotDeployedError, ChainalysisError, GateBlockedError, EmailProviderError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
 import { VerifyRequestFromJSON, SDKApi, Configuration, UnprocessableEntityErrorCode, ChainEnum, WalletProviderEnum, AuthModeEnum, EmbeddedWalletProviderEnum } from '@dynamic-labs/sdk-api';
 import { VERSION, API_VERSION } from '../../version.js';
 import ApiEndpoint from '../config/ApiEndpoint.js';
@@ -159,11 +159,11 @@ const linkWallet = (environmentId, { messageToSign, network, signedMessage, publ
         walletProvider,
     });
     try {
-        const { jwt } = yield sdkApi(userJwt).verifyLink({
+        const response = yield sdkApi(userJwt).verifyLink({
             environmentId,
             verifyRequest,
         });
-        return jwt;
+        return response;
     }
     catch (e) {
         logger.error(e);
@@ -177,14 +177,14 @@ const linkWallet = (environmentId, { messageToSign, network, signedMessage, publ
 });
 const unlinkWallet = ({ environmentId, primaryWalletId, walletId, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        const { jwt } = yield sdkApi(userJwt).verifyUnlink({
+        const response = yield sdkApi(userJwt).verifyUnlink({
             environmentId,
             verifyUnlinkRequest: {
                 primaryWalletId,
                 walletId,
             },
         });
-        return jwt;
+        return response;
     }
     catch (e) {
         return undefined;
@@ -203,11 +203,11 @@ const transferWallet = (environmentId, { network, messageToSign, signedMessage,
         walletProvider,
     };
     try {
-        const { jwt } = yield sdkApi(userJwt).verifyTransfer({
+        const response = yield sdkApi(userJwt).verifyTransfer({
             environmentId,
             verifyRequest,
         });
-        return jwt;
+        return response;
     }
     catch (_a) {
         return undefined;
@@ -267,11 +267,11 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         walletProvider,
     });
     try {
-        const { jwt } = yield sdkApi().verify({
+        const response = yield sdkApi().verify({
             environmentId,
             verifyRequest,
         });
-        return jwt;
+        return response;
     }
     catch (e) {
         logger.error(e);
@@ -328,6 +328,12 @@ const updateUserProfileFields = (jwt, environmentId, fields) => __awaiter(void 0
             else if (error.code === 'username_already_exists') {
                 throw new UsernameAlreadyExistsError();
             }
+            else if (error.code === 'too_many_verification_attempts') {
+                throw new TooManyEmailVerificationsError();
+            }
+            else if (error.code === 'invalid_phone') {
+                throw new InvalidPhoneNumberError();
+            }
         }
         throw e;
     }
@@ -339,12 +345,12 @@ const verifyOAuth = (environmentId, providerType, { code, codeVerifier, state },
         state,
     };
     try {
-        const { jwt } = yield sdkApi(userJwt).oauthVerify({
+        const response = yield sdkApi(userJwt).oauthVerify({
             environmentId,
             oauthRequest,
             providerType,
         });
-        return jwt;
+        return response;
     }
     catch (e) {
         logger.error(e);
@@ -357,14 +363,14 @@ const verifyOAuth = (environmentId, providerType, { code, codeVerifier, state },
 });
 const unlinkOAuth = ({ environmentId, primaryWalletId, verifiedCrentialId, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        const { jwt } = yield sdkApi(userJwt).verifyUnlink({
+        const response = yield sdkApi(userJwt).verifyUnlink({
             environmentId,
             verifyUnlinkRequest: {
                 primaryWalletId,
                 verifiedCrentialId,
             },
         });
-        return jwt;
+        return response;
     }
     catch (e) {
         return undefined;
@@ -379,12 +385,12 @@ const signInOAuth = (environmentId, providerType, { code, codeVerifier, state, c
         state,
     };
     try {
-        const { jwt } = yield sdkApi().oauthSignIn({
+        const response = yield sdkApi().oauthSignIn({
             environmentId,
             oauthRequest,
             providerType,
         });
-        return jwt;
+        return response;
     }
     catch (e) {
         logger.error(e);
@@ -457,10 +463,10 @@ const sendDynamicContextSettings = (environmentId, sdkSettingsRequest, isSdkSett
 });
 const mergeUserAccounts = (userJwt, environmentId) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        const { jwt } = yield sdkApi(userJwt).mergeUsers({
+        const response = yield sdkApi(userJwt).mergeUsers({
             environmentId,
         });
-        return jwt;
+        return response;
     }
     catch (e) {
         logger.error(e);
@@ -652,6 +658,9 @@ const signInWithSmsVerification = ({ verificationToken, verificationUUID, enviro
     catch (e) {
         const data = yield e.json();
         logger.error(data.error);
+        if (data.error.code === 'missing_from_list') {
+            throw new NoAccessError({ phoneNumber: data.payload.phoneNumber });
+        }
         throw new SmsVerificationError(data.error, data.code);
     }
 });
@@ -691,11 +700,11 @@ const verifySms = ({ verificationToken, verificationUUID, environmentId, }, user
 });
 const farcasterSignIn = (environmentId, farcasterSignInRequest) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        const { jwt } = yield sdkApi().farcasterSignIn({
+        const response = yield sdkApi().farcasterSignIn({
             environmentId,
             farcasterSignInRequest,
         });
-        return jwt;
+        return response;
     }
     catch (e) {
         logger.error(e);

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

@@ -73,7 +73,6 @@ 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');
@@ -81,7 +80,7 @@ require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = ViewContext.useViewContext();
@@ -92,7 +91,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
         view: view.type,
     });
     const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks.useAuthLayoutChecks();
-    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {}), showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 exports.DynamicAuthLayout = DynamicAuthLayout;

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

@@ -69,7 +69,6 @@ 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';
@@ -77,7 +76,7 @@ import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = useViewContext();
@@ -88,7 +87,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
         view: view.type,
     });
     const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks();
-    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsx(DynamicFooter, {}), showToSFooter && jsx(ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showToSFooter && jsx(ToSFooter, {}), showDynamicFooter && jsx(DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 export { DynamicAuthLayout };

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -46,13 +46,13 @@ require('@dynamic-labs/rpc-providers');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var Typography = require('../../../components/Typography/Typography.cjs');
+var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.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');
 var index = require('../../../context/FooterAnimationContext/index.cjs');
-var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
 var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
 var SocialRedirectContext = require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
@@ -73,14 +73,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('../../../views/WalletList/WalletList.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../locale/locale.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
     const { setError } = ErrorContext.useErrorContext();

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -42,13 +42,13 @@ import '@dynamic-labs/rpc-providers';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { Typography } from '../../../components/Typography/Typography.js';
+import { useAuthLayoutChecks } from '../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.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 { useFooterAnimationContext } from '../../../context/FooterAnimationContext/index.js';
-import { useAuthLayoutChecks } from '../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
 import { Tooltip } from '../../../components/Tooltip/Tooltip.js';
 import { useSocialRedirectContext } from '../../../context/SocialRedirectContext/SocialRedirectContext.js';
@@ -69,14 +69,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 '../../../views/WalletList/WalletList.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../locale/locale.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
     const { setError } = useErrorContext();

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.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('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 var EmptyHelpContent = require('./EmptyHelpContent/EmptyHelpContent.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.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 '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import { EmptyHelpContent } from './EmptyHelpContent/EmptyHelpContent.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -44,13 +44,13 @@ require('@dynamic-labs/rpc-providers');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');
+var useAuthLayoutChecks = require('../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.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');
 var index = require('../../../../context/FooterAnimationContext/index.cjs');
-var useAuthLayoutChecks = require('../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 var useDynamicLayoutData = require('../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -70,14 +70,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('../../../../views/WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../../locale/locale.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
 const HelpHeader = () => {
     const { authMode } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -40,13 +40,13 @@ import '@dynamic-labs/rpc-providers';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { Typography } from '../../../../components/Typography/Typography.js';
+import { useAuthLayoutChecks } from '../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.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 { useFooterAnimationContext } from '../../../../context/FooterAnimationContext/index.js';
-import { useAuthLayoutChecks } from '../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import { useDynamicLayoutData } from '../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
@@ -66,14 +66,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 '../../../../views/WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../../locale/locale.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const HelpHeader = () => {
     const { authMode } = useInternalDynamicContext();

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.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');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -69,14 +69,13 @@ require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passke
 var EnterTileAnimation = require('../../../../components/EnterTileAnimation/EnterTileAnimation.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('../../../../locale/locale.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
 const PasskeyInfoHelper = () => {
     const { t } = reactI18next.useTranslation();

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.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 '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -65,14 +65,13 @@ import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passkey
 import { EnterTileAnimation } from '../../../../components/EnterTileAnimation/EnterTileAnimation.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 '../../../../locale/locale.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const PasskeyInfoHelper = () => {
     const { t } = useTranslation();

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs

@@ -42,12 +42,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');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -65,14 +65,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('../../../../../views/WalletList/WalletList.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../../../locale/locale.cjs');
+require('../../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxRuntime.jsxs("a", { className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank', children: [jsxRuntime.jsx("div", { className: 'footer-buttons-item__icon--left', children: jsxRuntime.jsx(StartIcon, {}) }), jsxRuntime.jsxs("div", { className: 'footer-buttons-item__typography', children: [jsxRuntime.jsx(Typography.Typography, { as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal', children: heading }), message && (jsxRuntime.jsx(Typography.Typography, { as: 'p', weight: 'regular', color: 'secondary', children: message }))] }), EndIcon && jsxRuntime.jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] }));
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js

@@ -38,12 +38,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 '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -61,14 +61,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 '../../../../../views/WalletList/WalletList.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../../../locale/locale.js';
+import '../../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxs("a", { className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank', children: [jsx("div", { className: 'footer-buttons-item__icon--left', children: jsx(StartIcon, {}) }), jsxs("div", { className: 'footer-buttons-item__typography', children: [jsx(Typography, { as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal', children: heading }), message && (jsx(Typography, { as: 'p', weight: 'regular', color: 'secondary', children: message }))] }), EndIcon && jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] }));