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

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';
@@ -36,10 +37,11 @@ import { sendDynamicProps } from '../../data/api/settings/settings.js';
 import { Locale } from '../../locale/locale.js';
 import { useSyncDynamicContextProps } from '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import { usePrimaryWalletId } from '../../store/state/primaryWalletId/primaryWalletId.js';
+import { resetConnectedWalletsInfo } from '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
 import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
 import { UserWalletsProvider } from '../UserWalletsContext/UserWalletsContext.js';
-import { resetConnectedWalletsInfo } from '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { VerificationProvider } from '../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -108,7 +110,6 @@ import { WalletConnectorEvents } from '../../components/WalletConnectorEvents/Wa
 import { shouldFetchNonce } from '../../shared/utils/functions/shouldFetchNonce/shouldFetchNonce.js';
 import { initializeStore } from '../../store/internalImplementation/store.js';
 import { defaultDynamicSettings } from '../../store/state/dynamicContextProps/defaultDynamicSettings.js';
-import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
 import { useMultiWalletWidgetState } from '../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.js';
 import { useClearWalletConnectSessions } from '../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.js';
@@ -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,26 +285,20 @@ const InnerDynamicContextProvider = (props) => {
     const walletConnectorOptions = useWalletConnectorOptions();
     useCreateWalletGroups({ walletConnectorOptions });
     const primaryWalletId = usePrimaryWalletId();
-    // 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);
-    const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user : requiredWalletsConnected);
+    const authMode = useAuthMode();
     const [isRenderingEmbeddedAuthFlow, setIsRenderingEmbeddedAuthFlow] = useState(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow({
-        isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
         isRenderingEmbeddedAuthFlow,
         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]);
@@ -322,9 +317,6 @@ const InnerDynamicContextProvider = (props) => {
         walletConnectorOptions,
     });
     useAutoselectPrimaryWallet(isBridgeFlow);
-    useEffect(() => {
-        setRequiredWalletsConnected(!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) && Boolean(primaryWallet));
-    }, [bridgeChainsToConnect, primaryWallet]);
     const walletConnectors = useMemo(() => linkedOrConnectedWallets.map((wallet) => wallet.connector), [linkedOrConnectedWallets]);
     const { refetchProjectSettings } = useFetchProjectSettings();
     useFetchNonce({
@@ -357,7 +349,6 @@ const InnerDynamicContextProvider = (props) => {
         removeConnectedNameService,
         removeSessionStorageSessionKeys,
         resetLoginWithEmail,
-        setAuthMode,
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
         setSelectedWalletConnectorKey,
@@ -376,7 +367,6 @@ const InnerDynamicContextProvider = (props) => {
     const nonce = useNonce();
     const sdkHasLoaded = useGlobalLoading({
         appName,
-        authMode,
         connectedInfo: connectedWalletsInfo[0],
         connectedWallets,
         enableInstrumentation,
@@ -396,7 +386,6 @@ const InnerDynamicContextProvider = (props) => {
         user,
     });
     const removeWallet = useRemoveWallet({
-        authMode,
         handleLogOut,
         secondaryWallets,
         setPrimaryWallet,
@@ -410,7 +399,6 @@ const InnerDynamicContextProvider = (props) => {
     });
     useAggregateWalletEvents();
     useWalletEventListeners({
-        authMode,
         detectNewWalletsForLinking,
         disconnectWallet,
         handleLogOut,
@@ -489,7 +477,6 @@ const InnerDynamicContextProvider = (props) => {
             accountSwitchState,
             appLogoUrl,
             appName,
-            authMode,
             authorizationViewDisplayOrder,
             awaitingSignatureState,
             bridgeChains,
@@ -553,7 +540,6 @@ const InnerDynamicContextProvider = (props) => {
             selectedWalletConnector,
             selectedWalletWithAction,
             sendWagmiSettings,
-            setAuthMode,
             setAuthorizationViewDisplayOrder,
             setBridgeOnboardingCompleted,
             setCallback,
@@ -602,7 +588,6 @@ const InnerDynamicContextProvider = (props) => {
         accountSwitchState,
         appLogoUrl,
         appName,
-        authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
         bridgeChains,

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

@@ -22,9 +22,12 @@ require('../../../../shared/consts/index.cjs');
 require('../../../../store/state/nonce/nonce.cjs');
 require('../../../../store/state/projectSettings/projectSettings.cjs');
 var updatePrimaryWalletId = require('../../../../utils/functions/updatePrimaryWalletId/updatePrimaryWalletId.cjs');
+require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 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');
@@ -34,7 +37,6 @@ require('../../../../config/ApiEndpoint.cjs');
 require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../events/dynamicEvents.cjs');
-require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
@@ -53,7 +55,6 @@ require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');

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

@@ -18,9 +18,12 @@ import '../../../../shared/consts/index.js';
 import '../../../../store/state/nonce/nonce.js';
 import '../../../../store/state/projectSettings/projectSettings.js';
 import { updatePrimaryWalletId } from '../../../../utils/functions/updatePrimaryWalletId/updatePrimaryWalletId.js';
+import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 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';
@@ -30,7 +33,6 @@ import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
 import '../../../../events/dynamicEvents.js';
-import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
@@ -49,7 +51,6 @@ import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';

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

@@ -26,6 +26,7 @@ require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, _setLoginWithEmail] = React.useState(null);

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

@@ -22,6 +22,7 @@ import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, _setLoginWithEmail] = useState(null);

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

@@ -25,18 +25,19 @@ require('../../../../store/state/nonce/nonce.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 var primaryWalletId = require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 var user = require('../../../../store/state/user/user.cjs');
+var connectedWalletsInfo = require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 var session = require('../../../../data/api/session/session.cjs');
 require('../../../../locale/locale.cjs');
 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');
 require('../../../AccountExistsContext/AccountExistsContext.cjs');
 require('../../../UserWalletsContext/UserWalletsContext.cjs');
-var connectedWalletsInfo = require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.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

@@ -21,18 +21,19 @@ import '../../../../store/state/nonce/nonce.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import { resetPrimaryWalletId } from '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import { setUser } from '../../../../store/state/user/user.js';
+import { resetConnectedWalletsInfo } from '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { revokeSession } from '../../../../data/api/session/session.js';
 import '../../../../locale/locale.js';
 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';
 import '../../../AccountExistsContext/AccountExistsContext.js';
 import '../../../UserWalletsContext/UserWalletsContext.js';
-import { resetConnectedWalletsInfo } from '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.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

@@ -24,12 +24,13 @@ require('../../../../store/state/nonce/nonce.cjs');
 var dynamicContextProps = require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 var primaryWalletId = require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 var user = require('../../../../store/state/user/user.cjs');
+var connectedWalletsInfo = require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 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

@@ -20,12 +20,13 @@ import '../../../../store/state/nonce/nonce.js';
 import { getEnvironmentId } from '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import { getPrimaryWalletId } from '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import { getUser } from '../../../../store/state/user/user.js';
+import { useConnectedWalletsInfo, setConnectedWalletsInfo } from '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 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/useShowAuthFlow/useShowAuthFlow.cjs

@@ -17,6 +17,17 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
 var ErrorContext = require('../../../ErrorContext/ErrorContext.cjs');
+require('../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../../store/state/nonce/nonce.cjs');
+require('../../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../../config/ApiEndpoint.cjs');
+require('../../../../store/state/user/user.cjs');
+require('../../../../locale/locale.cjs');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
+var hasAllRequiredWalletsConnected = require('../../../../utils/functions/hasAllRequiredWalletsConnected/hasAllRequiredWalletsConnected.cjs');
 
 /**
  * There are a multitude of scenarios where we want to ignore or insert functionality to calls
@@ -24,12 +35,14 @@ var ErrorContext = require('../../../ErrorContext/ErrorContext.cjs');
  * different scenarios and makes it especially easy to customize exactly which version of this method
  * is being passed to useDynamicContext.
  */
-const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, setShowDynamicUserProfile, }) => {
+const useShowAuthFlow = ({ isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, setShowDynamicUserProfile, }) => {
     const [showAuthFlow, _setShowAuthFlow] = React.useState(false);
     const { setError } = ErrorContext.useErrorContext();
     const setShowAuthFlow = React.useCallback((value, options = {}) => {
         const { emitCancelAuth, ignoreIfIsEmbeddedWidget, initializeWalletConnect, performMultiWalletChecks, clearErrors, } = Object.assign({ clearErrors: true, emitCancelAuth: false, ignoreIfIsEmbeddedWidget: true, initializeWalletConnect: true, performMultiWalletChecks: false }, options);
+        const areAllRequiredWalletsConnected = hasAllRequiredWalletsConnected.hasAllRequiredWalletsConnected();
         logger.logger.logVerboseTroubleshootingMessage('setShowAuthFlow', {
+            areAllRequiredWalletsConnected,
             clearErrors,
             emitCancelAuth,
             ignoreIfIsEmbeddedWidget,
@@ -45,7 +58,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
         if (value) {
             if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow)
                 return;
-            if (performMultiWalletChecks && isAuthenticated) {
+            if (performMultiWalletChecks && areAllRequiredWalletsConnected) {
                 if (!isMultiWalletEnabled) {
                     return setShowDynamicUserProfile(true);
                 }
@@ -59,7 +72,6 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
             setError(undefined);
         _setShowAuthFlow(value);
     }, [
-        isAuthenticated,
         isMultiWalletEnabled,
         isRenderingEmbeddedAuthFlow,
         setError,

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

@@ -27,7 +27,6 @@ export type SetShowAuthFlow = (value: SetStateAction<boolean>, options?: SetShow
 export type UseShowAuthFlowParams = {
     isMultiWalletEnabled: boolean;
     isRenderingEmbeddedAuthFlow: IDynamicContext['isRenderingEmbeddedAuthFlow'];
-    isAuthenticated: boolean;
     setShowDynamicUserProfile: IDynamicContext['setShowDynamicUserProfile'];
 };
 /**
@@ -36,4 +35,4 @@ export type UseShowAuthFlowParams = {
  * different scenarios and makes it especially easy to customize exactly which version of this method
  * is being passed to useDynamicContext.
  */
-export declare const useShowAuthFlow: ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, setShowDynamicUserProfile, }: UseShowAuthFlowParams) => [boolean, SetShowAuthFlow];
+export declare const useShowAuthFlow: ({ isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, setShowDynamicUserProfile, }: UseShowAuthFlowParams) => [boolean, SetShowAuthFlow];

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

@@ -13,6 +13,17 @@ import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/consts/index.js';
 import { useErrorContext } from '../../../ErrorContext/ErrorContext.js';
+import '../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../../store/state/nonce/nonce.js';
+import '../../../../store/state/projectSettings/projectSettings.js';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../store/state/user/user.js';
+import '../../../../locale/locale.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/primaryWalletId/primaryWalletId.js';
+import { hasAllRequiredWalletsConnected } from '../../../../utils/functions/hasAllRequiredWalletsConnected/hasAllRequiredWalletsConnected.js';
 
 /**
  * There are a multitude of scenarios where we want to ignore or insert functionality to calls
@@ -20,12 +31,14 @@ import { useErrorContext } from '../../../ErrorContext/ErrorContext.js';
  * different scenarios and makes it especially easy to customize exactly which version of this method
  * is being passed to useDynamicContext.
  */
-const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, setShowDynamicUserProfile, }) => {
+const useShowAuthFlow = ({ isRenderingEmbeddedAuthFlow, isMultiWalletEnabled, setShowDynamicUserProfile, }) => {
     const [showAuthFlow, _setShowAuthFlow] = useState(false);
     const { setError } = useErrorContext();
     const setShowAuthFlow = useCallback((value, options = {}) => {
         const { emitCancelAuth, ignoreIfIsEmbeddedWidget, initializeWalletConnect, performMultiWalletChecks, clearErrors, } = Object.assign({ clearErrors: true, emitCancelAuth: false, ignoreIfIsEmbeddedWidget: true, initializeWalletConnect: true, performMultiWalletChecks: false }, options);
+        const areAllRequiredWalletsConnected = hasAllRequiredWalletsConnected();
         logger.logVerboseTroubleshootingMessage('setShowAuthFlow', {
+            areAllRequiredWalletsConnected,
             clearErrors,
             emitCancelAuth,
             ignoreIfIsEmbeddedWidget,
@@ -41,7 +54,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
         if (value) {
             if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow)
                 return;
-            if (performMultiWalletChecks && isAuthenticated) {
+            if (performMultiWalletChecks && areAllRequiredWalletsConnected) {
                 if (!isMultiWalletEnabled) {
                     return setShowDynamicUserProfile(true);
                 }
@@ -55,7 +68,6 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
             setError(undefined);
         _setShowAuthFlow(value);
     }, [
-        isAuthenticated,
         isMultiWalletEnabled,
         isRenderingEmbeddedAuthFlow,
         setError,

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');
@@ -30,11 +31,11 @@ require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../AccountExistsContext/AccountExistsContext.cjs');
 require('../../../UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../events/dynamicEvents.cjs');
-require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');

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';
@@ -26,11 +27,11 @@ import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
 import '../../../AccountExistsContext/AccountExistsContext.js';
 import '../../../UserWalletsContext/UserWalletsContext.js';
 import '../../../../events/dynamicEvents.js';
-import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';

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,