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

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -1,7 +1,7 @@
-import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
+import { Dispatch, MutableRefObject, ReactElement, ReactNode, SetStateAction } from 'react';
 import { DynamicJwt, NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api';
-import { NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
-import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { GenericNetwork, NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
+import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, RecommendedWallet, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
 import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
@@ -18,7 +18,7 @@ export type WalletsFilter = (options: WalletOption[]) => WalletOption[];
 export type WalletListViewTabItem = {
     label: {
         text?: string;
-        icon?: string;
+        icon?: string | ReactElement;
     };
     walletsFilter?: WalletsFilter;
     recommendedWallets?: RecommendedWallet[];
@@ -31,13 +31,25 @@ export type WalletListViewSettings = {
     };
 };
 export type ViewsOverrides = SdkView | WalletListViewSettings;
+export type EvmNetworksOverrides = GenericNetwork[] | ((dashboardNetworks: GenericNetwork[]) => GenericNetwork[]);
 export type SettingsOverrides = {
     views?: Array<ViewsOverrides>;
+    /**
+     * Allows overriding which evm networks the SDK has access to.
+     * If an array is provided, it is used instead of whatever is obtained from dashboard configs.
+     * If a callback is passed, the callback will be called with the values obtained from dashboard, and
+     * it must return the network values that will be used.
+     *
+     * WARNING: this callback must be memoized as it will be used in a dependency array to ensure
+     * the SDK can react to this value changing (for ex, toggling a chain off).
+     */
+    evmNetworks?: EvmNetworksOverrides;
 };
 export type ConnectWalletResult = {
     address: string;
     id: string;
 };
+export type NetworkValidationMode = 'always' | 'sign-in' | 'never';
 export interface IDynamicContext {
     accessDeniedMessagePrimary?: string;
     accessDeniedMessageSecondary?: string;
@@ -45,6 +57,7 @@ export interface IDynamicContext {
     accessDeniedButton?: AccessDeniedCustomButton;
     accountSwitchState: AccountSwitchState;
     appLogoUrl?: string;
+    networkValidationMode: NetworkValidationMode;
     appName?: string;
     isBridgeFlow: boolean;
     authMode: AuthModeType;
@@ -52,7 +65,7 @@ export interface IDynamicContext {
     authorizationViewDisplayOrder: DisplayOrder;
     awaitingSignatureState: AwaitingSignatureState;
     clearStatesOnBackClick: () => void;
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, options?: ConnectWalletOptions) => Promise<ConnectWalletResult | undefined>;
+    connectWallet: (walletConnector: WalletConnector, getAddressOpts?: GetAddressOpts, options?: ConnectWalletOptions) => Promise<ConnectWalletResult | undefined>;
     connectedWallets: Wallet[];
     linkedWallets: Wallet[];
     locale: {
@@ -115,7 +128,6 @@ export interface IDynamicContext {
     setLogInWithEmail: Dispatch<SetStateAction<boolean>>;
     setMultiWallet: (value: boolean) => void;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
-    setNetwork: Dispatch<SetStateAction<number | string | undefined>>;
     setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
     setPrimaryWallet: (walletId: string) => Promise<void>;
     setPrimaryWalletId: (walletId: string) => void;
@@ -123,7 +135,6 @@ export interface IDynamicContext {
     setSelectedWalletConnectorKey: (key: string | null) => void;
     setSelectedWalletWithAction: (walletWithAction: WalletWithAction | null) => void;
     setShowAuthFlow: SetShowAuthFlow;
-    setShowLinkNewWalletModal: Dispatch<SetStateAction<boolean>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setPasskeySuccessPopup: (key: PasskeySuccessEnum) => void;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;

package/src/lib/context/DynamicContext/useCustomerCallbacks/types.d.ts

@@ -1,7 +1,7 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
-import { OnAuthSuccess, OnEmbeddedWalletCreated, OnLinkSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
+import { OnAuthSuccess, OnLinkSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
 import { IDynamicContext } from '../types';
-export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate' | 'embeddedWalletCreated';
+export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate';
 export type CallbackParams = {
     /** For embedded wallet events */
     email?: string;
@@ -14,7 +14,6 @@ export type UseCustomerCallbacksArgs = {
         onAuthSuccess?: OnAuthSuccess;
         onLinkSuccess?: OnLinkSuccess;
         onUserProfileUpdate?: OnUserProfileUpdate;
-        onEmbeddedWalletCreated?: OnEmbeddedWalletCreated;
     };
     handleLogOut: () => Promise<void>;
     isAuthenticated: boolean;

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.cjs

@@ -13,15 +13,17 @@ require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
+require('react-international-phone');
+require('viem');
 require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
     /** Gets the wallet from its id */
     const getWallet = React.useCallback((id) => {
@@ -31,7 +33,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             : undefined;
     }, [primaryWallet, secondaryWallets]);
     const handleNextCallback = React.useCallback((next, authToken, user) => {
-        var _a, _b;
+        var _a;
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -42,7 +44,6 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                         isAuthenticated,
                         primaryWallet,
                         user,
-                        walletConnector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector,
                     });
                 }
                 catch (e) {
@@ -57,7 +58,6 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                         authToken,
                         user,
                         wallet,
-                        walletConnector: wallet === null || wallet === void 0 ? void 0 : wallet.connector,
                     });
                 }
                 catch (e) {
@@ -74,21 +74,12 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 }
                 break;
             }
-            case 'embeddedWalletCreated': {
-                try {
-                    onEmbeddedWalletCreated === null || onEmbeddedWalletCreated === void 0 ? void 0 : onEmbeddedWalletCreated((_b = next.params) === null || _b === void 0 ? void 0 : _b.verifiedCredential);
-                }
-                catch (e) {
-                    logger.logger.error('Error calling onEmbeddedWalletCreated: ', e);
-                }
-            }
         }
     }, [
         getWallet,
         handleLogOut,
         isAuthenticated,
         onAuthSuccess,
-        onEmbeddedWalletCreated,
         onLinkSuccess,
         onUserProfileUpdate,
         primaryWallet,
@@ -105,9 +96,13 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
             return;
         }
-        const updatedQueue = [...callbackQueue];
-        handleNextCallback(updatedQueue.shift(), authToken, user);
-        setCallbackQueue(updatedQueue);
+        handleNextCallback(callbackQueue[0], authToken, user);
+        setCallbackQueue((prev) => {
+            const [resolvedCallback, ...updatedQueue] = prev;
+            logger.logger.debug('Resolved callback: ', resolvedCallback.callback);
+            logger.logger.debug('Callbacks in queue: ', updatedQueue.map((c) => c.callback));
+            return updatedQueue;
+        });
     }, [callbackQueue, handleNextCallback, primaryWallet, user]);
     const setCallback = (callback, params) => {
         setCallbackQueue((prev) => [...prev, { callback, params }]);

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.d.ts

@@ -1,4 +1,4 @@
 import { SetCallbackType, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
     setCallback: SetCallbackType;
 };

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.js

@@ -9,15 +9,17 @@ import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
+import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
     /** Gets the wallet from its id */
     const getWallet = useCallback((id) => {
@@ -27,7 +29,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             : undefined;
     }, [primaryWallet, secondaryWallets]);
     const handleNextCallback = useCallback((next, authToken, user) => {
-        var _a, _b;
+        var _a;
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
@@ -38,7 +40,6 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                         isAuthenticated,
                         primaryWallet,
                         user,
-                        walletConnector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector,
                     });
                 }
                 catch (e) {
@@ -53,7 +54,6 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                         authToken,
                         user,
                         wallet,
-                        walletConnector: wallet === null || wallet === void 0 ? void 0 : wallet.connector,
                     });
                 }
                 catch (e) {
@@ -70,21 +70,12 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                 }
                 break;
             }
-            case 'embeddedWalletCreated': {
-                try {
-                    onEmbeddedWalletCreated === null || onEmbeddedWalletCreated === void 0 ? void 0 : onEmbeddedWalletCreated((_b = next.params) === null || _b === void 0 ? void 0 : _b.verifiedCredential);
-                }
-                catch (e) {
-                    logger.error('Error calling onEmbeddedWalletCreated: ', e);
-                }
-            }
         }
     }, [
         getWallet,
         handleLogOut,
         isAuthenticated,
         onAuthSuccess,
-        onEmbeddedWalletCreated,
         onLinkSuccess,
         onUserProfileUpdate,
         primaryWallet,
@@ -101,9 +92,13 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
             return;
         }
-        const updatedQueue = [...callbackQueue];
-        handleNextCallback(updatedQueue.shift(), authToken, user);
-        setCallbackQueue(updatedQueue);
+        handleNextCallback(callbackQueue[0], authToken, user);
+        setCallbackQueue((prev) => {
+            const [resolvedCallback, ...updatedQueue] = prev;
+            logger.debug('Resolved callback: ', resolvedCallback.callback);
+            logger.debug('Callbacks in queue: ', updatedQueue.map((c) => c.callback));
+            return updatedQueue;
+        });
     }, [callbackQueue, handleNextCallback, primaryWallet, user]);
     const setCallback = (callback, params) => {
         setCallbackQueue((prev) => [...prev, { callback, params }]);

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.cjs

@@ -12,7 +12,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, setShowLinkNewWalletModal, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -41,7 +41,6 @@ const useDynamicContext = () => {
         setAuthMode,
         setLogInWithEmail,
         setMultiWalletWidgetState,
-        setNetwork,
         setPrimaryWallet,
         setShowAuthFlow: (value) => setShowAuthFlow(value, {
             clearErrors: true,
@@ -52,7 +51,6 @@ const useDynamicContext = () => {
         }),
         setShowBridgeWidget,
         setShowDynamicUserProfile,
-        setShowLinkNewWalletModal,
         setShowQrcodeModal,
         shadowDOMEnabled,
         showAuthFlow,

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { IDynamicContext } from '../types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setShowLinkNewWalletModal' | 'setAuthMode'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.js

@@ -8,7 +8,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, setShowLinkNewWalletModal, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -37,7 +37,6 @@ const useDynamicContext = () => {
         setAuthMode,
         setLogInWithEmail,
         setMultiWalletWidgetState,
-        setNetwork,
         setPrimaryWallet,
         setShowAuthFlow: (value) => setShowAuthFlow(value, {
             clearErrors: true,
@@ -48,7 +47,6 @@ const useDynamicContext = () => {
         }),
         setShowBridgeWidget,
         setShowDynamicUserProfile,
-        setShowLinkNewWalletModal,
         setShowQrcodeModal,
         shadowDOMEnabled,
         showAuthFlow,

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.cjs

@@ -13,7 +13,6 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 require('../../../../events/dynamicEvents.cjs');
@@ -22,17 +21,21 @@ require('../../DynamicContext.cjs');
 require('../../../CaptchaContext/CaptchaContext.cjs');
 require('../../../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
 require('viem/chains');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../config/ApiEndpoint.cjs');
-require('../../../EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../WalletContext/WalletContext.cjs');
 require('../../../ThemeContext/ThemeContext.cjs');
 var useIsLoggedIn = require('../../../../utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -42,31 +45,33 @@ require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/Input/Input.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.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('../../../../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');
+require('qrcode');
 require('formik');
-require('i18next');
-require('../../../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
-require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
+require('../../../../locale/locale.cjs');
+require('../../../WalletGroupContext/WalletGroupContext.cjs');
+require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const useOverrides = (dynamicContext) => {

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.js

@@ -9,7 +9,6 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import '../../../../events/dynamicEvents.js';
@@ -18,17 +17,21 @@ import '../../DynamicContext.js';
 import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
+import '../../../../config/ApiEndpoint.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
 import '../../../AccountExistsContext/AccountExistsContext.js';
-import '../../../../config/ApiEndpoint.js';
-import '../../../EmailVerificationContext/EmailVerificationContext.js';
+import '../../../VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../WalletContext/WalletContext.js';
 import '../../../ThemeContext/ThemeContext.js';
 import { useIsLoggedIn } from '../../../../utils/hooks/useIsLoggedIn/useIsLoggedIn.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
@@ -38,31 +41,33 @@ 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/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 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 '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 '@hcaptcha/react-hcaptcha';
+import '../../../LoadingContext/LoadingContext.js';
 import '../../../FooterAnimationContext/index.js';
+import '../../../../locale/locale.js';
+import '../../../WalletGroupContext/WalletGroupContext.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';
 
 const useOverrides = (dynamicContext) => {

package/src/lib/context/DynamicContext/validators/validators.cjs

@@ -14,7 +14,6 @@ require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 

package/src/lib/context/DynamicContext/validators/validators.js

@@ -10,7 +10,6 @@ import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 

package/src/lib/context/ErrorContext/ErrorContext.cjs

@@ -8,10 +8,13 @@ var React = require('react');
 const errorMessageMap = {
     '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
+    '-32003': 'Message signature denied.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
     0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    4100: 'Please unlock your wallet extension and try again.',
+    4900: 'There was an internal error. Please try again.',
     5001: 'Message signature denied.',
     5002: 'Message signature denied.',
     account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',
@@ -33,7 +36,11 @@ const ErrorContextProvider = ({ children }) => {
         var _a;
         setError((_a = errorMessageMap[status]) !== null && _a !== void 0 ? _a : 'Something went wrong. Please try again.');
     }, []);
+    const clearError = React.useCallback(() => {
+        setError(undefined);
+    }, []);
     return (jsxRuntime.jsx(ErrorContext.Provider, { value: {
+            clearError,
             error,
             setError,
             setErrorMessage,

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

@@ -3,6 +3,7 @@ interface ErrorContextProps {
     error: string | undefined;
     setError(error: string | undefined): void;
     setErrorMessage: (status: string) => void;
+    clearError(): void;
 }
 export declare const ErrorContext: import("react").Context<ErrorContextProps | undefined>;
 export declare const ErrorContextProvider: ({ children }: {

package/src/lib/context/ErrorContext/ErrorContext.js

@@ -4,10 +4,13 @@ import { createContext, useState, useCallback, useContext } from 'react';
 const errorMessageMap = {
     '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
+    '-32003': 'Message signature denied.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
     0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    4100: 'Please unlock your wallet extension and try again.',
+    4900: 'There was an internal error. Please try again.',
     5001: 'Message signature denied.',
     5002: 'Message signature denied.',
     account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',
@@ -29,7 +32,11 @@ const ErrorContextProvider = ({ children }) => {
         var _a;
         setError((_a = errorMessageMap[status]) !== null && _a !== void 0 ? _a : 'Something went wrong. Please try again.');
     }, []);
+    const clearError = useCallback(() => {
+        setError(undefined);
+    }, []);
     return (jsx(ErrorContext.Provider, { value: {
+            clearError,
             error,
             setError,
             setErrorMessage,

package/src/lib/context/FieldsStateContext/FieldsStateContext.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+
+const FieldsStateContext = React.createContext(undefined);
+const FieldsStateProvider = ({ children }) => {
+    const selectedPhoneCountry = React.useRef();
+    return (jsxRuntime.jsx(FieldsStateContext.Provider, { value: { selectedPhoneCountry }, children: children }));
+};
+const useFieldsState = () => {
+    const context = React.useContext(FieldsStateContext);
+    if (!context)
+        throw new utils.DynamicError('Can only call useFieldsState inside FieldsStateProvider');
+    return context;
+};
+
+exports.FieldsStateContext = FieldsStateContext;
+exports.FieldsStateProvider = FieldsStateProvider;
+exports.useFieldsState = useFieldsState;

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

@@ -0,0 +1,12 @@
+import { FC, MutableRefObject, PropsWithChildren } from 'react';
+import { ParsedCountry } from 'react-international-phone';
+export type FieldsStateContextType = {
+    /**
+     * Allows telling which country is selected, so that we can use it to detect if phone
+     * number is too short.
+     */
+    selectedPhoneCountry: MutableRefObject<ParsedCountry | undefined>;
+};
+export declare const FieldsStateContext: import("react").Context<FieldsStateContextType | undefined>;
+export declare const FieldsStateProvider: FC<PropsWithChildren>;
+export declare const useFieldsState: () => FieldsStateContextType;

package/src/lib/context/FieldsStateContext/FieldsStateContext.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useRef, useContext } from 'react';
+import { DynamicError } from '@dynamic-labs/utils';
+
+const FieldsStateContext = createContext(undefined);
+const FieldsStateProvider = ({ children }) => {
+    const selectedPhoneCountry = useRef();
+    return (jsx(FieldsStateContext.Provider, { value: { selectedPhoneCountry }, children: children }));
+};
+const useFieldsState = () => {
+    const context = useContext(FieldsStateContext);
+    if (!context)
+        throw new DynamicError('Can only call useFieldsState inside FieldsStateProvider');
+    return context;
+};
+
+export { FieldsStateContext, FieldsStateProvider, useFieldsState };

package/src/lib/context/FieldsStateContext/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldsStateContext';