@dynamic-labs/sdk-react-core 4.18.3 → 4.18.4

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

@@ -27,6 +27,7 @@ var values = require('../../utils/constants/values.cjs');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 var usePrefetch = require('../../shared/utils/hooks/usePrefetch/usePrefetch.cjs');
 require('../../shared/consts/index.cjs');
+var authMode = require('../../store/state/authMode/authMode.cjs');
 var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -178,6 +179,9 @@ const InnerDynamicContextProvider = (props) => {
      */
     store.initializeStore(props);
     dynamicContextProps.useSyncDynamicContextProps(props);
+    React.useEffect(() => {
+        authMode.setAuthMode(initialAuthenticationMode);
+    }, [initialAuthenticationMode]);
     /**
      * Sets the chain info overrides if they are present
      */
@@ -252,11 +256,9 @@ const InnerDynamicContextProvider = (props) => {
     const [confirmationModal, walletUiUtils] = useWalletUiUtils.useWalletUiUtils({
         hideEmbeddedWalletTransactionUIs: !showEmbeddedWalletActionsUI,
     });
-    const [authMode, setAuthMode] = React.useState(initialAuthenticationMode);
     const connectorProps = React.useMemo(() => ({
         appLogoUrl,
         appName,
-        authMode,
         coinbaseWalletPreference,
         deepLinkPreference,
         flowNetwork,
@@ -271,7 +273,6 @@ const InnerDynamicContextProvider = (props) => {
     }), [
         appLogoUrl,
         appName,
-        authMode,
         coinbaseWalletPreference,
         deepLinkPreference,
         flowNetwork,
@@ -288,10 +289,11 @@ const InnerDynamicContextProvider = (props) => {
     const walletConnectorOptions = walletOptions.useWalletConnectorOptions();
     useCreateWalletGroups.useCreateWalletGroups({ walletConnectorOptions });
     const primaryWalletId$1 = primaryWalletId.usePrimaryWalletId();
+    const authMode$1 = authMode.useAuthMode();
     // this is a state because it's set based on primaryWallet and bridgeChainsToConnect,
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = React.useState(false);
-    const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user$1 : requiredWalletsConnected);
+    const isUserAuthenticated = Boolean(authMode$1 === 'connect-and-sign' ? user$1 : requiredWalletsConnected);
     const [isRenderingEmbeddedAuthFlow, setIsRenderingEmbeddedAuthFlow] = React.useState(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow.useShowAuthFlow({
         isAuthenticated: isUserAuthenticated,
@@ -300,14 +302,12 @@ const InnerDynamicContextProvider = (props) => {
         setShowDynamicUserProfile,
     });
     const { connectWallet, connectedWalletsInfo: connectedWalletsInfo$1, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
-        authMode,
         enableVisitTrackingOnConnectOnly,
         environmentId,
         handleConnectedWallet: handlers === null || handlers === void 0 ? void 0 : handlers.handleConnectedWallet,
         isBridgeFlow,
         primaryWalletId: primaryWalletId$1,
         setShowAuthFlow,
-        user: user$1,
         walletConnectorOptions,
     });
     const bridgeChainsToConnect = React.useMemo(() => getMissingChains.getMissingChains(bridgeChains, connectedWalletsInfo$1), [bridgeChains, connectedWalletsInfo$1]);
@@ -332,7 +332,7 @@ const InnerDynamicContextProvider = (props) => {
     const walletConnectors = React.useMemo(() => linkedOrConnectedWallets.map((wallet) => wallet.connector), [linkedOrConnectedWallets]);
     const { refetchProjectSettings } = projectSettings.useFetchProjectSettings();
     nonce.useFetchNonce({
-        shouldFetch: shouldFetchNonce.shouldFetchNonce({ authMode }),
+        shouldFetch: shouldFetchNonce.shouldFetchNonce({ authMode: authMode$1 }),
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
@@ -361,7 +361,6 @@ const InnerDynamicContextProvider = (props) => {
         removeConnectedNameService,
         removeSessionStorageSessionKeys,
         resetLoginWithEmail,
-        setAuthMode,
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
         setSelectedWalletConnectorKey,
@@ -380,7 +379,6 @@ const InnerDynamicContextProvider = (props) => {
     const nonce$1 = nonce.useNonce();
     const sdkHasLoaded = useGlobalLoading.useGlobalLoading({
         appName,
-        authMode,
         connectedInfo: connectedWalletsInfo$1[0],
         connectedWallets,
         enableInstrumentation,
@@ -400,7 +398,6 @@ const InnerDynamicContextProvider = (props) => {
         user: user$1,
     });
     const removeWallet = useRemoveWallet.useRemoveWallet({
-        authMode,
         handleLogOut,
         secondaryWallets,
         setPrimaryWallet,
@@ -414,7 +411,6 @@ const InnerDynamicContextProvider = (props) => {
     });
     useAggregateWalletEvents.useAggregateWalletEvents();
     useWalletEventListeners.useWalletEventListeners({
-        authMode,
         detectNewWalletsForLinking,
         disconnectWallet,
         handleLogOut,
@@ -459,7 +455,7 @@ const InnerDynamicContextProvider = (props) => {
             clearAllWalletConnectSessions();
         }
         setMultiWalletWidgetState('idle');
-        if (authMode !== 'connect-only') {
+        if (authMode$1 !== 'connect-only') {
             connectedWalletsInfo.resetConnectedWalletsInfo();
         }
         if (utils.StorageService.getItem(localStorage.WALLET_PICKER_SEARCH_KEY)) {
@@ -474,7 +470,7 @@ const InnerDynamicContextProvider = (props) => {
     }), [
         user$1,
         setMultiWalletWidgetState,
-        authMode,
+        authMode$1,
         selectedWalletConnector,
         primaryWallet,
         clearAllWalletConnectSessions,
@@ -483,7 +479,7 @@ const InnerDynamicContextProvider = (props) => {
     const memoizedLocale = React.useMemo(() => ({
         changeLanguage: locale.Locale.getInstance().changeLanguage,
     }), []);
-    const linkedWallets = React.useMemo(() => authMode === 'connect-only' || !user$1 ? [] : linkedOrConnectedWallets, [authMode, linkedOrConnectedWallets, user$1]);
+    const linkedWallets = React.useMemo(() => authMode$1 === 'connect-only' || !user$1 ? [] : linkedOrConnectedWallets, [authMode$1, linkedOrConnectedWallets, user$1]);
     const value = React.useMemo(() => {
         var _a;
         return ({
@@ -493,7 +489,6 @@ const InnerDynamicContextProvider = (props) => {
             accountSwitchState,
             appLogoUrl,
             appName,
-            authMode,
             authorizationViewDisplayOrder,
             awaitingSignatureState,
             bridgeChains,
@@ -557,7 +552,6 @@ const InnerDynamicContextProvider = (props) => {
             selectedWalletConnector,
             selectedWalletWithAction,
             sendWagmiSettings,
-            setAuthMode,
             setAuthorizationViewDisplayOrder,
             setBridgeOnboardingCompleted,
             setCallback,
@@ -606,7 +600,6 @@ const InnerDynamicContextProvider = (props) => {
         accountSwitchState,
         appLogoUrl,
         appName,
-        authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
         bridgeChains,

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useEffect, useCallback } from 'react';
+import { createContext, useEffect, useState, useMemo, useCallback } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { Logger } from '@dynamic-labs/logger';
@@ -23,6 +23,7 @@ import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import { usePrefetch } from '../../shared/utils/hooks/usePrefetch/usePrefetch.js';
 import '../../shared/consts/index.js';
+import { setAuthMode, useAuthMode } from '../../store/state/authMode/authMode.js';
 import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -174,6 +175,9 @@ const InnerDynamicContextProvider = (props) => {
      */
     initializeStore(props);
     useSyncDynamicContextProps(props);
+    useEffect(() => {
+        setAuthMode(initialAuthenticationMode);
+    }, [initialAuthenticationMode]);
     /**
      * Sets the chain info overrides if they are present
      */
@@ -248,11 +252,9 @@ const InnerDynamicContextProvider = (props) => {
     const [confirmationModal, walletUiUtils] = useWalletUiUtils({
         hideEmbeddedWalletTransactionUIs: !showEmbeddedWalletActionsUI,
     });
-    const [authMode, setAuthMode] = useState(initialAuthenticationMode);
     const connectorProps = useMemo(() => ({
         appLogoUrl,
         appName,
-        authMode,
         coinbaseWalletPreference,
         deepLinkPreference,
         flowNetwork,
@@ -267,7 +269,6 @@ const InnerDynamicContextProvider = (props) => {
     }), [
         appLogoUrl,
         appName,
-        authMode,
         coinbaseWalletPreference,
         deepLinkPreference,
         flowNetwork,
@@ -284,6 +285,7 @@ const InnerDynamicContextProvider = (props) => {
     const walletConnectorOptions = useWalletConnectorOptions();
     useCreateWalletGroups({ walletConnectorOptions });
     const primaryWalletId = usePrimaryWalletId();
+    const authMode = useAuthMode();
     // this is a state because it's set based on primaryWallet and bridgeChainsToConnect,
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = useState(false);
@@ -296,14 +298,12 @@ const InnerDynamicContextProvider = (props) => {
         setShowDynamicUserProfile,
     });
     const { connectWallet, connectedWalletsInfo, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet({
-        authMode,
         enableVisitTrackingOnConnectOnly,
         environmentId,
         handleConnectedWallet: handlers === null || handlers === void 0 ? void 0 : handlers.handleConnectedWallet,
         isBridgeFlow,
         primaryWalletId,
         setShowAuthFlow,
-        user,
         walletConnectorOptions,
     });
     const bridgeChainsToConnect = useMemo(() => getMissingChains(bridgeChains, connectedWalletsInfo), [bridgeChains, connectedWalletsInfo]);
@@ -357,7 +357,6 @@ const InnerDynamicContextProvider = (props) => {
         removeConnectedNameService,
         removeSessionStorageSessionKeys,
         resetLoginWithEmail,
-        setAuthMode,
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
         setSelectedWalletConnectorKey,
@@ -376,7 +375,6 @@ const InnerDynamicContextProvider = (props) => {
     const nonce = useNonce();
     const sdkHasLoaded = useGlobalLoading({
         appName,
-        authMode,
         connectedInfo: connectedWalletsInfo[0],
         connectedWallets,
         enableInstrumentation,
@@ -396,7 +394,6 @@ const InnerDynamicContextProvider = (props) => {
         user,
     });
     const removeWallet = useRemoveWallet({
-        authMode,
         handleLogOut,
         secondaryWallets,
         setPrimaryWallet,
@@ -410,7 +407,6 @@ const InnerDynamicContextProvider = (props) => {
     });
     useAggregateWalletEvents();
     useWalletEventListeners({
-        authMode,
         detectNewWalletsForLinking,
         disconnectWallet,
         handleLogOut,
@@ -489,7 +485,6 @@ const InnerDynamicContextProvider = (props) => {
             accountSwitchState,
             appLogoUrl,
             appName,
-            authMode,
             authorizationViewDisplayOrder,
             awaitingSignatureState,
             bridgeChains,
@@ -553,7 +548,6 @@ const InnerDynamicContextProvider = (props) => {
             selectedWalletConnector,
             selectedWalletWithAction,
             sendWagmiSettings,
-            setAuthMode,
             setAuthorizationViewDisplayOrder,
             setBridgeOnboardingCompleted,
             setCallback,
@@ -602,7 +596,6 @@ const InnerDynamicContextProvider = (props) => {
         accountSwitchState,
         appLogoUrl,
         appName,
-        authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
         bridgeChains,

package/src/lib/context/DynamicContext/hooks/useAutoselectPrimaryWallet/useAutoselectPrimaryWallet.cjs

@@ -25,6 +25,7 @@ var updatePrimaryWalletId = require('../../../../utils/functions/updatePrimaryWa
 var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('../../DynamicContext.cjs');
 require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../../../store/state/authMode/authMode.cjs');
 require('../../../CaptchaContext/CaptchaContext.cjs');
 require('../../../ErrorContext/ErrorContext.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');

package/src/lib/context/DynamicContext/hooks/useAutoselectPrimaryWallet/useAutoselectPrimaryWallet.js

@@ -21,6 +21,7 @@ import { updatePrimaryWalletId } from '../../../../utils/functions/updatePrimary
 import { useInternalDynamicEvents } from '../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import '../../DynamicContext.js';
 import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../../../store/state/authMode/authMode.js';
 import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';

package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts

@@ -16,7 +16,6 @@ export type UseHandleLogoutParams = {
     walletConnectors: WalletConnector[];
     connectedWallets: Wallet[];
     setLegacyIsVerifying: Dispatch<SetStateAction<boolean>>;
-    setAuthMode: (value: AuthMode | ((val: AuthMode) => AuthMode)) => void;
     initialAuthenticationMode: AuthMode;
     setShowAuthFlow: SetShowAuthFlow;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs

@@ -31,6 +31,7 @@ var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
 var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('../../DynamicContext.cjs');
 require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+var authMode = require('../../../../store/state/authMode/authMode.cjs');
 require('../../../CaptchaContext/CaptchaContext.cjs');
 require('../../../ErrorContext/ErrorContext.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
@@ -131,7 +132,7 @@ const useHandleLogout = (params) => {
         utils.StorageService.removeItem(localStorage.WALLET_PICKER_SEARCH_KEY);
         utils.StorageService.removeItem(localStorage.PHANTOM_SIGNATURE_STATE);
         utils.StorageService.removeItem(localStorage.AUTH_EXPIRES_AT);
-        p.setAuthMode(p.initialAuthenticationMode);
+        authMode.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,
             ignoreIfIsEmbeddedWidget: false,

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js

@@ -27,6 +27,7 @@ import { dynamicEvents } from '../../../../events/dynamicEvents.js';
 import { useInternalDynamicEvents } from '../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import '../../DynamicContext.js';
 import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import { setAuthMode } from '../../../../store/state/authMode/authMode.js';
 import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
@@ -127,7 +128,7 @@ const useHandleLogout = (params) => {
         StorageService.removeItem(WALLET_PICKER_SEARCH_KEY);
         StorageService.removeItem(PHANTOM_SIGNATURE_STATE);
         StorageService.removeItem(AUTH_EXPIRES_AT);
-        p.setAuthMode(p.initialAuthenticationMode);
+        setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,
             ignoreIfIsEmbeddedWidget: false,

package/src/lib/context/DynamicContext/hooks/useRemoveWallet/useRemoveWallet.cjs

@@ -28,8 +28,9 @@ require('../../../../locale/locale.cjs');
 var wallets = require('../../../../data/api/wallets/wallets.cjs');
 var connectedWalletsInfo = require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 var UserWalletsContext = require('../../../UserWalletsContext/UserWalletsContext.cjs');
+var authMode = require('../../../../store/state/authMode/authMode.cjs');
 
-const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryWallet, }) => {
+const useRemoveWallet = ({ secondaryWallets, handleLogOut, setPrimaryWallet, }) => {
     const { removedWalletsIds, userWallets } = UserWalletsContext.useInternalUserWallets();
     const connectedWalletsInfo$1 = connectedWalletsInfo.useConnectedWalletsInfo();
     const nextWalletId = React.useMemo(() => (secondaryWallets[0] ? secondaryWallets[0].id : undefined), [secondaryWallets]);
@@ -40,7 +41,8 @@ const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryW
             return;
         const primaryWalletId$1 = primaryWalletId.getPrimaryWalletId();
         const isUnlinkingPrimaryWallet = walletId === primaryWalletId$1;
-        if (authMode === 'connect-and-sign') {
+        const authMode$1 = authMode.getAuthMode();
+        if (authMode$1 === 'connect-and-sign') {
             const isLastVerifiedCredential = ((_a = user.getUser()) === null || _a === void 0 ? void 0 : _a.verifiedCredentials.length) === 1;
             if (isLastVerifiedCredential) {
                 throw new utils.DynamicError('This is your only login method. Add another wallet or log in method before removing it.');
@@ -76,7 +78,6 @@ const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryW
         }
     }), [
         userWallets,
-        authMode,
         connectedWalletsInfo$1,
         nextWalletId,
         removedWalletsIds,

package/src/lib/context/DynamicContext/hooks/useRemoveWallet/useRemoveWallet.d.ts

@@ -1,9 +1,7 @@
-import { AuthMode } from '@dynamic-labs/types';
 import { Wallet } from '../../../../shared/types/wallets';
 export type UseRemoveWalletProps = {
     secondaryWallets: Wallet[];
-    authMode: AuthMode;
     handleLogOut: () => void;
     setPrimaryWallet: (walletId: string) => void;
 };
-export declare const useRemoveWallet: ({ secondaryWallets, authMode, handleLogOut, setPrimaryWallet, }: UseRemoveWalletProps) => (walletId: string) => Promise<void>;
+export declare const useRemoveWallet: ({ secondaryWallets, handleLogOut, setPrimaryWallet, }: UseRemoveWalletProps) => (walletId: string) => Promise<void>;

package/src/lib/context/DynamicContext/hooks/useRemoveWallet/useRemoveWallet.js

@@ -24,8 +24,9 @@ import '../../../../locale/locale.js';
 import { unlinkWallet } from '../../../../data/api/wallets/wallets.js';
 import { useConnectedWalletsInfo, setConnectedWalletsInfo } from '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { useInternalUserWallets } from '../../../UserWalletsContext/UserWalletsContext.js';
+import { getAuthMode } from '../../../../store/state/authMode/authMode.js';
 
-const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryWallet, }) => {
+const useRemoveWallet = ({ secondaryWallets, handleLogOut, setPrimaryWallet, }) => {
     const { removedWalletsIds, userWallets } = useInternalUserWallets();
     const connectedWalletsInfo = useConnectedWalletsInfo();
     const nextWalletId = useMemo(() => (secondaryWallets[0] ? secondaryWallets[0].id : undefined), [secondaryWallets]);
@@ -36,6 +37,7 @@ const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryW
             return;
         const primaryWalletId = getPrimaryWalletId();
         const isUnlinkingPrimaryWallet = walletId === primaryWalletId;
+        const authMode = getAuthMode();
         if (authMode === 'connect-and-sign') {
             const isLastVerifiedCredential = ((_a = getUser()) === null || _a === void 0 ? void 0 : _a.verifiedCredentials.length) === 1;
             if (isLastVerifiedCredential) {
@@ -72,7 +74,6 @@ const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryW
         }
     }), [
         userWallets,
-        authMode,
         connectedWalletsInfo,
         nextWalletId,
         removedWalletsIds,

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs

@@ -19,6 +19,7 @@ var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/
 require('../../../../../../_virtual/_tslib.cjs');
 require('../../DynamicContext.cjs');
 require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../../../store/state/authMode/authMode.cjs');
 require('../../../CaptchaContext/CaptchaContext.cjs');
 require('../../../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js

@@ -15,6 +15,7 @@ import { useInternalDynamicEvents } from '../../../../utils/hooks/events/useDyna
 import '../../../../../../_virtual/_tslib.js';
 import '../../DynamicContext.js';
 import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../../../store/state/authMode/authMode.js';
 import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';

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

@@ -2,7 +2,7 @@ import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { changeLanguage } from 'i18next';
 import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
-import { AuthMode, MobileExperience, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
+import { MobileExperience, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, GetAddressOpts, InternalWalletConnector, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletListViewTabItem, WalletOption, WalletsFilter, WalletWithAction } from '../../../shared';
@@ -32,7 +32,6 @@ export interface IDynamicContext {
     appLogoUrl?: string;
     appName?: string;
     defaultPhoneInputIso2?: CountryIso2;
-    authMode: AuthMode;
     authorizationViewDisplayOrder: DisplayOrder;
     awaitingSignatureState: AwaitingSignatureState;
     socialSettings?: SocialSettings;
@@ -117,7 +116,6 @@ export interface IDynamicContext {
     sendWagmiSettings: (settings: {
         dynamicWagmiSettings?: object;
     }) => void;
-    setAuthMode: Dispatch<SetStateAction<AuthMode>>;
     setAuthorizationViewDisplayOrder: SetDisplayOrderPriority;
     setBridgeOnboardingCompleted: (value: boolean | ((val: boolean) => boolean)) => void;
     setCallback: SetCallbackType;

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

@@ -14,8 +14,8 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, removeWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, refetchProjectSettings, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
-    const { setAuthMode } = useOverrides.useOverrides(context);
+    const { accountSwitchState, awaitingSignatureState, getNameService, handleLogOut, removeWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, refetchProjectSettings, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
+    const { authMode, setAuthMode } = useOverrides.useOverrides(context);
     const externalSetShowAuthFlow = React.useCallback((value) => {
         setShowAuthFlow(value, {
             clearErrors: true,

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

@@ -1,10 +1,13 @@
 import { Dispatch, SetStateAction } from 'react';
+import { AuthMode } from '@dynamic-labs/types';
 import { IDynamicContext } from '../types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'removeWallet' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'refetchProjectSettings' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'userWithMissingInfo' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'removeWallet' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'refetchProjectSettings' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'userWithMissingInfo' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     /**
      * @deprecated Use removeWallet instead
      */
     handleUnlinkWallet: (walletId: string) => void;
+    setAuthMode: (value: AuthMode) => void;
+    authMode: AuthMode;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -10,8 +10,8 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, removeWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, refetchProjectSettings, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
-    const { setAuthMode } = useOverrides(context);
+    const { accountSwitchState, awaitingSignatureState, getNameService, handleLogOut, removeWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, refetchProjectSettings, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
+    const { authMode, setAuthMode } = useOverrides(context);
     const externalSetShowAuthFlow = useCallback((value) => {
         setShowAuthFlow(value, {
             clearErrors: true,

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

@@ -19,6 +19,7 @@ require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
 require('../../DynamicContext.cjs');
 require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+var authMode = require('../../../../store/state/authMode/authMode.cjs');
 require('../../../CaptchaContext/CaptchaContext.cjs');
 require('../../../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -98,18 +99,19 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 const useOverrides = (dynamicContext) => {
     const context = React.useRef(dynamicContext);
     const isLoggedIn = useIsLoggedIn.useIsLoggedIn();
+    const authMode$1 = authMode.useAuthMode();
     context.current = dynamicContext;
     return React.useMemo(() => ({
+        authMode: authMode$1,
         setAuthMode: (value) => {
-            const { setAuthMode } = context.current;
             // If there's a connected wallet, log an error and ignore
             if (isLoggedIn) {
                 logger.logger.error("Calling DynamicContext's setAuthMode method when the user already has a wallet is a noop");
                 return;
             }
-            return setAuthMode(value);
+            return authMode.setAuthMode(value);
         },
-    }), [isLoggedIn]);
+    }), [isLoggedIn, authMode$1]);
 };
 
 exports.useOverrides = useOverrides;

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

@@ -1,3 +1,7 @@
+import { AuthMode } from '@dynamic-labs/types';
 import { IDynamicContext } from '../../types';
-export type DynamicContextOverrides = Pick<IDynamicContext, 'setAuthMode'>;
+export type DynamicContextOverrides = {
+    setAuthMode: (value: AuthMode) => void;
+    authMode: AuthMode;
+};
 export declare const useOverrides: (dynamicContext: IDynamicContext) => DynamicContextOverrides;

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

@@ -15,6 +15,7 @@ import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
 import '../../DynamicContext.js';
 import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import { useAuthMode, setAuthMode } from '../../../../store/state/authMode/authMode.js';
 import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -94,10 +95,11 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 const useOverrides = (dynamicContext) => {
     const context = useRef(dynamicContext);
     const isLoggedIn = useIsLoggedIn();
+    const authMode = useAuthMode();
     context.current = dynamicContext;
     return useMemo(() => ({
+        authMode,
         setAuthMode: (value) => {
-            const { setAuthMode } = context.current;
             // If there's a connected wallet, log an error and ignore
             if (isLoggedIn) {
                 logger.error("Calling DynamicContext's setAuthMode method when the user already has a wallet is a noop");
@@ -105,7 +107,7 @@ const useOverrides = (dynamicContext) => {
             }
             return setAuthMode(value);
         },
-    }), [isLoggedIn]);
+    }), [isLoggedIn, authMode]);
 };
 
 export { useOverrides };

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -19,6 +19,7 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../store/state/authMode/authMode.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -15,6 +15,7 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../store/state/authMode/authMode.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';

package/src/lib/context/MockContext/MockContext.cjs

@@ -24,6 +24,7 @@ require('@dynamic-labs/wallet-connector-core');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../store/state/authMode/authMode.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');

package/src/lib/context/MockContext/MockContext.js

@@ -20,6 +20,7 @@ import '@dynamic-labs/wallet-connector-core';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../store/state/authMode/authMode.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';

package/src/lib/context/OnrampContext/OnrampContext.cjs

@@ -34,6 +34,7 @@ require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../UserWalletsContext/UserWalletsContext.cjs');
 require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../store/state/authMode/authMode.cjs');
 require('../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');

package/src/lib/context/OnrampContext/OnrampContext.js

@@ -30,6 +30,7 @@ import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../UserWalletsContext/UserWalletsContext.js';
 import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../store/state/authMode/authMode.js';
 import '../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -21,6 +21,7 @@ require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../shared/consts/index.cjs');
+require('../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');