@dynamic-labs/sdk-react-core 2.0.0-alpha.3 → 2.0.0-alpha.5

package/src/lib/context/WalletContext/WalletContext.d.ts

@@ -1,7 +1,12 @@
-import { ReactNode } from 'react';
-export declare const WalletContext: import("react").Context<undefined>;
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+type WalletContextProps = {
+    isLoadingEmbeddedWallet: boolean;
+    setIsLoadingEmbeddedWallet: Dispatch<SetStateAction<boolean>>;
+};
+export declare const WalletContext: import("react").Context<WalletContextProps | undefined>;
 export declare const WalletContextProvider: ({ children, canSync, }: {
     children: ReactNode;
     canSync: boolean;
 }) => JSX.Element;
-export declare const useWalletContext: () => never;
+export declare const useWalletContext: () => WalletContextProps;
+export {};

package/src/lib/context/WalletContext/WalletContext.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext } from 'react';
+import { createContext, useContext, useState, useMemo } from 'react';
 import '../DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
@@ -18,11 +18,12 @@ import '../../../../_virtual/_tslib.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
+import 'react-international-phone';
 import 'viem/chains';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
-import '../../config/ApiEndpoint.js';
-import '../EmailVerificationContext/EmailVerificationContext.js';
+import '../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
@@ -37,39 +38,52 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.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 '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import 'formik';
-import 'i18next';
-import '../../components/OverlayCard/OverlayCard.context.js';
-import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
+import 'formik';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
 import '../FooterAnimationContext/index.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useSyncPrimaryWallet } from '../../utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js';
 
 const WalletContext = createContext(undefined);
 const WalletContextProvider = ({ children, canSync, }) => {
+    const [isLoadingEmbeddedWallet, setIsLoadingEmbeddedWallet] = useState(false);
     useSyncPrimaryWallet(canSync);
-    const value = undefined;
+    const value = useMemo(() => ({
+        isLoadingEmbeddedWallet,
+        setIsLoadingEmbeddedWallet,
+    }), [isLoadingEmbeddedWallet]);
     return (jsx(WalletContext.Provider, { value: value, children: children }));
 };
+const useWalletContext = () => {
+    const context = useContext(WalletContext);
+    if (context === undefined) {
+        throw new Error('usage of useWalletContext not wrapped in `WalletContextProvider`.');
+    }
+    return context;
+};
 
-export { WalletContext, WalletContextProvider };
+export { WalletContext, WalletContextProvider, useWalletContext };

package/src/lib/data/api.cjs

@@ -149,12 +149,15 @@ const revokeSession = ({ environmentId, sessionId, }, userJwt) => _tslib.__await
         logger.logger.error(Error(body.error.message));
     }
 });
-const linkWallet = (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const linkWallet = (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const verifyRequest = sdkApi$1.VerifyRequestFromJSON({
         additionalWalletAddresses,
+        backup,
         chain,
         messageToSign,
         network,
+        password,
+        passwordSource,
         publicWalletAddress,
         signedMessage,
         walletName,
@@ -559,6 +562,73 @@ const exportEmbeddedWallet = ({ userJwt, environmentId, walletId, activityId, })
         return { exportBundle: '' };
     }
 });
+const getWalletAuthToken = ({ environmentId, type, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const authToken = yield sdkApi(userJwt).getAuthToken({
+            environmentId,
+            type,
+        });
+        return authToken.token;
+    }
+    catch (e) {
+        return undefined;
+    }
+});
+const getEmbeddedWalletBackup = ({ environmentId, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield sdkApi(userJwt).getEmbeddedWalletBackups({
+            environmentId,
+        });
+        return response.secret;
+    }
+    catch (e) {
+        return undefined;
+    }
+});
+const getEmbeddedWalletPasscode = ({ environmentId, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield sdkApi(userJwt).getEmbeddedWalletPasscode({
+            environmentId,
+        });
+        return response.secret;
+    }
+    catch (e) {
+        return undefined;
+    }
+});
+const updateEmbeddedWalletPasscode = ({ environmentId, walletId, passcode, currentPasscode, source, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield sdkApi(userJwt).updateEmbeddedWalletPasscode({
+            embeddedWalletPasscodeUpdateRequest: {
+                currentPasscode,
+                passcode,
+                source,
+                walletId,
+            },
+            environmentId,
+        });
+        return response.secret;
+    }
+    catch (e) {
+        return undefined;
+    }
+});
+const refreshAuth = ({ userJwt, environmentId, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _b, _c;
+    try {
+        const data = yield sdkApi(userJwt).refreshAuth({ environmentId });
+        return data;
+    }
+    catch (e) {
+        logger.logger.error(e);
+        // request failed, return unknown error
+        const data = yield ((_b = e === null || e === void 0 ? void 0 : e.json) === null || _b === void 0 ? void 0 : _b.call(e));
+        if (!((_c = data === null || data === void 0 ? void 0 : data.error) === null || _c === void 0 ? void 0 : _c.code)) {
+            return { code: 'unknown_error' };
+        }
+        throw e;
+    }
+});
 
 exports.completePasskeyRecovery = completePasskeyRecovery;
 exports.createEmailVerification = createEmailVerification;
@@ -568,15 +638,19 @@ exports.exportEmbeddedWallet = exportEmbeddedWallet;
 exports.fetchNonce = fetchNonce;
 exports.fetchProjectSettings = fetchProjectSettings;
 exports.getEmailProvider = getEmailProvider;
+exports.getEmbeddedWalletBackup = getEmbeddedWalletBackup;
+exports.getEmbeddedWalletPasscode = getEmbeddedWalletPasscode;
 exports.getOAuthResult = getOAuthResult;
 exports.getOnrampProviders = getOnrampProviders;
 exports.getUserPasskeys = getUserPasskeys;
+exports.getWalletAuthToken = getWalletAuthToken;
 exports.initEmbeddedWalletSession = initEmbeddedWalletSession;
 exports.linkWallet = linkWallet;
 exports.mapAuthModeTypeToEnum = mapAuthModeTypeToEnum;
 exports.mapChainToChainEnum = mapChainToChainEnum;
 exports.mapProviderToProviderEnum = mapProviderToProviderEnum;
 exports.mergeUserAccounts = mergeUserAccounts;
+exports.refreshAuth = refreshAuth;
 exports.retryEmailVerification = retryEmailVerification;
 exports.revokeSession = revokeSession;
 exports.sendDynamicProps = sendDynamicProps;
@@ -585,6 +659,7 @@ exports.signInWithEmailVerification = signInWithEmailVerification;
 exports.transferWallet = transferWallet;
 exports.unlinkOAuth = unlinkOAuth;
 exports.unlinkWallet = unlinkWallet;
+exports.updateEmbeddedWalletPasscode = updateEmbeddedWalletPasscode;
 exports.updateUserPasskey = updateUserPasskey;
 exports.updateUserProfileFields = updateUserProfileFields;
 exports.verifyEmail = verifyEmail;

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 } from '@dynamic-labs/sdk-api';
+import { ProjectSettings, UserFields, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential, ExportEmbeddedWalletResponse, EmbeddedWalletAuthType, PasswordSourceTypeEnum } 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,7 +31,7 @@ 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, }: 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<string | undefined>;
 export declare const unlinkWallet: ({ environmentId, primaryWalletId, walletId, }: {
     environmentId: string;
     primaryWalletId: string | undefined;
@@ -116,3 +116,26 @@ export declare const exportEmbeddedWallet: ({ userJwt, environmentId, walletId,
     walletId: string;
     activityId: string;
 }) => Promise<ExportEmbeddedWalletResponse>;
+export declare const getWalletAuthToken: ({ environmentId, type, }: {
+    environmentId: string;
+    type: EmbeddedWalletAuthType | undefined;
+}, userJwt: string) => Promise<string | undefined>;
+export declare const getEmbeddedWalletBackup: ({ environmentId, }: {
+    environmentId: string;
+}, userJwt: string) => Promise<string | undefined>;
+export declare const getEmbeddedWalletPasscode: ({ environmentId, }: {
+    environmentId: string;
+}, userJwt: string) => Promise<string | undefined>;
+export declare const updateEmbeddedWalletPasscode: ({ environmentId, walletId, passcode, currentPasscode, source, }: {
+    environmentId: string;
+    walletId: string;
+    passcode: string;
+    currentPasscode?: string | undefined;
+    source: PasswordSourceTypeEnum;
+}, userJwt: string) => Promise<string | undefined>;
+export declare const refreshAuth: ({ userJwt, environmentId, }: {
+    userJwt: string;
+    environmentId: string;
+}) => Promise<VerifyResponse | {
+    code: string;
+}>;

package/src/lib/data/api.js

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
-import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, EmailProviderError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
-import { UnprocessableEntityErrorCode, SDKApi, Configuration, VerifyRequestFromJSON, ChainEnum, WalletProviderEnum, AuthModeEnum, EmbeddedWalletProviderEnum } from '@dynamic-labs/sdk-api';
+import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, WalletUsedError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, WalletNotDeployedError, ChainalysisError, GateBlockedError, EmailProviderError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
+import { UnprocessableEntityErrorCode, VerifyRequestFromJSON, SDKApi, Configuration, ChainEnum, WalletProviderEnum, AuthModeEnum, EmbeddedWalletProviderEnum } from '@dynamic-labs/sdk-api';
 import { VERSION, API_VERSION } from '../../version.js';
 import ApiEndpoint from '../config/ApiEndpoint.js';
 import { logger } from '../shared/logger.js';
@@ -145,12 +145,15 @@ const revokeSession = ({ environmentId, sessionId, }, userJwt) => __awaiter(void
         logger.error(Error(body.error.message));
     }
 });
-const linkWallet = (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
+const linkWallet = (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, additionalWalletAddresses, backup, password, passwordSource, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
     const verifyRequest = VerifyRequestFromJSON({
         additionalWalletAddresses,
+        backup,
         chain,
         messageToSign,
         network,
+        password,
+        passwordSource,
         publicWalletAddress,
         signedMessage,
         walletName,
@@ -555,5 +558,72 @@ const exportEmbeddedWallet = ({ userJwt, environmentId, walletId, activityId, })
         return { exportBundle: '' };
     }
 });
+const getWalletAuthToken = ({ environmentId, type, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const authToken = yield sdkApi(userJwt).getAuthToken({
+            environmentId,
+            type,
+        });
+        return authToken.token;
+    }
+    catch (e) {
+        return undefined;
+    }
+});
+const getEmbeddedWalletBackup = ({ environmentId, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield sdkApi(userJwt).getEmbeddedWalletBackups({
+            environmentId,
+        });
+        return response.secret;
+    }
+    catch (e) {
+        return undefined;
+    }
+});
+const getEmbeddedWalletPasscode = ({ environmentId, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield sdkApi(userJwt).getEmbeddedWalletPasscode({
+            environmentId,
+        });
+        return response.secret;
+    }
+    catch (e) {
+        return undefined;
+    }
+});
+const updateEmbeddedWalletPasscode = ({ environmentId, walletId, passcode, currentPasscode, source, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield sdkApi(userJwt).updateEmbeddedWalletPasscode({
+            embeddedWalletPasscodeUpdateRequest: {
+                currentPasscode,
+                passcode,
+                source,
+                walletId,
+            },
+            environmentId,
+        });
+        return response.secret;
+    }
+    catch (e) {
+        return undefined;
+    }
+});
+const refreshAuth = ({ userJwt, environmentId, }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _b, _c;
+    try {
+        const data = yield sdkApi(userJwt).refreshAuth({ environmentId });
+        return data;
+    }
+    catch (e) {
+        logger.error(e);
+        // request failed, return unknown error
+        const data = yield ((_b = e === null || e === void 0 ? void 0 : e.json) === null || _b === void 0 ? void 0 : _b.call(e));
+        if (!((_c = data === null || data === void 0 ? void 0 : data.error) === null || _c === void 0 ? void 0 : _c.code)) {
+            return { code: 'unknown_error' };
+        }
+        throw e;
+    }
+});
 
-export { completePasskeyRecovery, createEmailVerification, createTurnkeyEmbeddedWallet, createVisit, exportEmbeddedWallet, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initEmbeddedWalletSession, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserPasskey, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };
+export { completePasskeyRecovery, createEmailVerification, createTurnkeyEmbeddedWallet, createVisit, exportEmbeddedWallet, fetchNonce, fetchProjectSettings, getEmailProvider, getEmbeddedWalletBackup, getEmbeddedWalletPasscode, getOAuthResult, getOnrampProviders, getUserPasskeys, getWalletAuthToken, initEmbeddedWalletSession, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, refreshAuth, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateEmbeddedWalletPasscode, updateUserPasskey, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };

package/src/lib/events/dynamicEvents.d.ts

@@ -3,17 +3,26 @@ import { Wallet } from '../shared';
 /** Maps internal event names to their listeners */
 export type DynamicEvents = {
     authFlowOpen: () => void;
-    authFlowClose: () => void;
     /** Triggered when auth is closed before reaching success (due to user cancel or fail) */
-    authFlowCancelled: () => void;
+    authFlowClose: () => void;
     /** Triggered when auth is attempted but fails, like when user rejects connection or the network call fails */
+    authFlowCancelled: () => void;
     emailVerificationResult: (param: boolean, email: string) => void;
+    smsVerificationResult: (param: boolean, phone: {
+        phone: string;
+        iso2: string;
+        dialCode: string;
+    }) => void;
     embeddedWalletCreated: (wallet: Wallet) => void;
     embeddedWalletFailed: (error: unknown) => void;
     passkeyRecoveryCompleted: (wallet: Wallet) => void;
     passkeyRecoveryFailed: (error: unknown) => void;
     embeddedWalletRevealCompleted: (wallet: Wallet) => void;
     embeddedWalletRevealFailed: (error: unknown) => void;
+    embeddedWalletCreatePasswordCompleted: (password: string) => void;
+    embeddedWalletCreatePasswordFailed: (error: unknown) => void;
+    embeddedWalletUpdatePasswordCompleted: (password: string) => void;
+    embeddedWalletUpdatePasswordFailed: (error: unknown) => void;
     logout: () => void;
     /** Triggered when a new wallet is connected in connect-only mode */
     walletConnected: (wallet: Wallet) => void;

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

@@ -26,12 +26,14 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../config/ApiEndpoint.cjs');
+require('react-international-phone');
 require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
@@ -41,12 +43,11 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.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/ShadowDOM/ShadowDOM.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
-var OverlayCardTarget = require('../../components/OverlayCard/OverlayCardTarget.cjs');
+var OverlayCardTarget = 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');
@@ -62,22 +63,24 @@ require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
-require('../../components/IconButton/IconButton.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/Input/Input.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
-require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = ViewContext.useViewContext();

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

@@ -22,12 +22,14 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
+import 'react-international-phone';
 import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../config/ApiEndpoint.js';
-import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
@@ -37,12 +39,11 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.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/ShadowDOM/ShadowDOM.js';
-import '../../components/OverlayCard/OverlayCard.context.js';
-import { OverlayCardTarget } from '../../components/OverlayCard/OverlayCardTarget.js';
+import { OverlayCardTarget } from '../../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';
@@ -58,22 +59,24 @@ import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
-import '../../components/IconButton/IconButton.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';
-import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = useViewContext();

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

@@ -26,12 +26,14 @@ require('../../../shared/consts/index.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../config/ApiEndpoint.cjs');
+require('react-international-phone');
 require('viem/chains');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../config/ApiEndpoint.cjs');
-require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
@@ -41,11 +43,11 @@ require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.c
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../context/UserWalletsContext/UserWalletsContext.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/ShadowDOM/ShadowDOM.cjs');
-require('../../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 var index = require('../../../context/FooterAnimationContext/index.cjs');
 var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 var Typography = require('../../../components/Typography/Typography.cjs');
@@ -58,24 +60,26 @@ require('../../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('qrcode');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+var IconButton = require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
-var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
 require('../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
     const { setError } = ErrorContext.useErrorContext();

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

@@ -22,12 +22,14 @@ import '../../../shared/consts/index.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../config/ApiEndpoint.js';
+import 'react-international-phone';
 import 'viem/chains';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../config/ApiEndpoint.js';
-import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
@@ -37,11 +39,11 @@ import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../context/UserWalletsContext/UserWalletsContext.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/ShadowDOM/ShadowDOM.js';
-import '../../../components/OverlayCard/OverlayCard.context.js';
+import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import { useFooterAnimationContext } from '../../../context/FooterAnimationContext/index.js';
 import { useAuthLayoutChecks } from '../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import { Typography } from '../../../components/Typography/Typography.js';
@@ -54,24 +56,26 @@ import '../../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import 'qrcode';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import { IconButton } from '../../../components/IconButton/IconButton.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
-import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
-import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
 import '../../../components/IsBrowser/IsBrowser.js';
-import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
     const { setError } = useErrorContext();