@dynamic-labs/sdk-react-core 2.3.7 → 2.3.9

package/src/lib/components/UserProfileForm/UserProfileForm.cjs

@@ -73,6 +73,7 @@ require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -81,7 +82,6 @@ require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('yup');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');

package/src/lib/components/UserProfileForm/UserProfileForm.js

@@ -69,6 +69,7 @@ import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/CollectUserDataView/useFields.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
@@ -77,7 +78,6 @@ import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import 'yup';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';

package/src/lib/context/CaptchaContext/CaptchaContext.cjs

@@ -6,37 +6,48 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/wallet-book');
+var localStorage = require('../../utils/constants/localStorage.cjs');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/logger');
+var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../shared/consts/index.cjs');
 
-const CaptchaTokenLocalStorageKey = 'dynamic-captcha-token';
 const CaptchaContext = React.createContext(undefined);
 const CaptchaContextProvider = ({ children, }) => {
     const { setView } = ViewContext.useViewContext();
-    const [captchaToken, setCaptchaToken] = React.useState(undefined);
+    const [captchaToken, setCaptchaToken, removeCaptchaToken] = useLocalStorage.useLocalStorage(localStorage.CAPTCHA_TOKEN, undefined);
     const [captchaAuthState, setCaptchaAuthState] = React.useState();
-    const setCaptchaTokenInLS = React.useCallback((token) => localStorage.setItem(CaptchaTokenLocalStorageKey, token), []);
     const engageCaptcha = React.useCallback(({ authMethod, onCaptchaSuccess, }) => {
         setCaptchaAuthState({ authMethod, onCaptchaSuccess });
         setView('captcha');
     }, [setView, setCaptchaAuthState]);
     const getCaptchaToken = React.useCallback(() => {
-        var _a;
-        return (_a = captchaToken !== null && captchaToken !== void 0 ? captchaToken : localStorage.getItem(CaptchaTokenLocalStorageKey)) !== null && _a !== void 0 ? _a : undefined;
-    }, [captchaToken]);
+        const token = captchaToken;
+        removeCaptchaToken();
+        return token;
+    }, [captchaToken, removeCaptchaToken]);
     const value = React.useMemo(() => ({
         captchaAuthState,
-        captchaToken,
         engageCaptcha,
         getCaptchaToken,
+        removeCaptchaToken,
         setCaptchaAuthState,
         setCaptchaToken,
-        setCaptchaTokenInLS,
     }), [
         captchaAuthState,
-        captchaToken,
+        getCaptchaToken,
         engageCaptcha,
         setCaptchaAuthState,
-        setCaptchaTokenInLS,
-        getCaptchaToken,
+        setCaptchaToken,
+        removeCaptchaToken,
     ]);
     return (jsxRuntime.jsx(CaptchaContext.Provider, { value: value, children: children }));
 };
@@ -50,5 +61,4 @@ const useCaptchaContext = () => {
 
 exports.CaptchaContext = CaptchaContext;
 exports.CaptchaContextProvider = CaptchaContextProvider;
-exports.CaptchaTokenLocalStorageKey = CaptchaTokenLocalStorageKey;
 exports.useCaptchaContext = useCaptchaContext;

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

@@ -1,6 +1,6 @@
 import { ReactNode, SetStateAction, Dispatch } from 'react';
 type CaptchaContextProps = {
-    captchaToken: string | undefined;
+    getCaptchaToken: () => string | undefined;
     setCaptchaToken: Dispatch<SetStateAction<string | undefined>>;
     captchaAuthState: CaptchaAuthenticationState | undefined;
     setCaptchaAuthState: Dispatch<SetStateAction<CaptchaAuthenticationState | undefined>>;
@@ -8,11 +8,8 @@ type CaptchaContextProps = {
         authMethod: AuthMethod;
         onCaptchaSuccess: (captchaToken: string) => Promise<void>;
     }) => void;
-    setCaptchaTokenInLS: (token: string) => void;
-    getCaptchaToken: () => string | undefined;
 };
 export type AuthMethod = 'wallet' | 'email' | 'social' | 'phone';
-export declare const CaptchaTokenLocalStorageKey = "dynamic-captcha-token";
 interface CaptchaAuthenticationState {
     authMethod: AuthMethod;
     onCaptchaSuccess: (captchaToken: string) => Promise<void>;

package/src/lib/context/CaptchaContext/CaptchaContext.js

@@ -2,37 +2,48 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useContext } from 'react';
 import { useViewContext } from '../ViewContext/ViewContext.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/wallet-book';
+import { CAPTCHA_TOKEN } from '../../utils/constants/localStorage.js';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/logger';
+import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import '@dynamic-labs/utils';
+import '../../shared/consts/index.js';
 
-const CaptchaTokenLocalStorageKey = 'dynamic-captcha-token';
 const CaptchaContext = createContext(undefined);
 const CaptchaContextProvider = ({ children, }) => {
     const { setView } = useViewContext();
-    const [captchaToken, setCaptchaToken] = useState(undefined);
+    const [captchaToken, setCaptchaToken, removeCaptchaToken] = useLocalStorage(CAPTCHA_TOKEN, undefined);
     const [captchaAuthState, setCaptchaAuthState] = useState();
-    const setCaptchaTokenInLS = useCallback((token) => localStorage.setItem(CaptchaTokenLocalStorageKey, token), []);
     const engageCaptcha = useCallback(({ authMethod, onCaptchaSuccess, }) => {
         setCaptchaAuthState({ authMethod, onCaptchaSuccess });
         setView('captcha');
     }, [setView, setCaptchaAuthState]);
     const getCaptchaToken = useCallback(() => {
-        var _a;
-        return (_a = captchaToken !== null && captchaToken !== void 0 ? captchaToken : localStorage.getItem(CaptchaTokenLocalStorageKey)) !== null && _a !== void 0 ? _a : undefined;
-    }, [captchaToken]);
+        const token = captchaToken;
+        removeCaptchaToken();
+        return token;
+    }, [captchaToken, removeCaptchaToken]);
     const value = useMemo(() => ({
         captchaAuthState,
-        captchaToken,
         engageCaptcha,
         getCaptchaToken,
+        removeCaptchaToken,
         setCaptchaAuthState,
         setCaptchaToken,
-        setCaptchaTokenInLS,
     }), [
         captchaAuthState,
-        captchaToken,
+        getCaptchaToken,
         engageCaptcha,
         setCaptchaAuthState,
-        setCaptchaTokenInLS,
-        getCaptchaToken,
+        setCaptchaToken,
+        removeCaptchaToken,
     ]);
     return (jsx(CaptchaContext.Provider, { value: value, children: children }));
 };
@@ -44,4 +55,4 @@ const useCaptchaContext = () => {
     return context;
 };
 
-export { CaptchaContext, CaptchaContextProvider, CaptchaTokenLocalStorageKey, useCaptchaContext };
+export { CaptchaContext, CaptchaContextProvider, useCaptchaContext };

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.cjs

@@ -72,13 +72,13 @@ require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../MfaSettingsContext/MfaSettingsContext.cjs');
 require('../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var ConnectWithOtpContext = require('./ConnectWithOtpContext.cjs');

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.js

@@ -68,13 +68,13 @@ import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../FooterAnimationContext/index.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../MfaSettingsContext/MfaSettingsContext.js';
 import '../IpConfigurationContext/IpConfigurationContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { ConnectWithOtpContext } from './ConnectWithOtpContext.js';

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

@@ -66,6 +66,7 @@ var useSetWalletConnectorFetchers = require('../../utils/hooks/useSetWalletConne
 var useSendDynamicProps = require('../../utils/hooks/useSendDynamicProps/useSendDynamicProps.cjs');
 var MfaSettingsContext = require('../MfaSettingsContext/MfaSettingsContext.cjs');
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
+var useResetCookieLocalStorage = require('../../utils/hooks/useResetCookieLocalStorage/useResetCookieLocalStorage.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
@@ -86,6 +87,7 @@ require('../../views/WalletList/WalletList.cjs');
 var SocialRedirectContext = require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 var IpConfigurationContext = require('../IpConfigurationContext/IpConfigurationContext.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
@@ -102,7 +104,6 @@ var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimar
 var useRpcProviders = require('../../utils/hooks/useRpcProviders/useRpcProviders.cjs');
 var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs');
 var DynamicBridgeWidgetContext = require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
@@ -191,7 +192,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
     const [showBridgeWidget, setShowBridgeWidget] = React.useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = React.useState(false);
-    const { user, unauthenticatedUser } = useUser.useUser();
+    const { user, userWithMissingInfo } = useUser.useUser();
     const isAuthenticated = useIsAuthenticated.useIsAuthenticated(user);
     try {
         if (user) {
@@ -288,7 +289,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
-    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : unauthenticatedUser, walletConnectorOptions);
+    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
@@ -300,7 +301,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         setQrcodeUri,
-        user: user || unauthenticatedUser,
+        user: user || userWithMissingInfo,
         walletBook: walletBook$1,
         walletConnectorOptions,
     });
@@ -316,7 +317,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         enableInstrumentation,
         primaryWallet,
         projectSettings,
-        user: user !== null && user !== void 0 ? user : unauthenticatedUser,
+        user: user !== null && user !== void 0 ? user : userWithMissingInfo,
         walletBook: walletBook$1,
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
@@ -341,6 +342,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setAuthMode,
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
+        setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
@@ -351,6 +353,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         environmentId,
         handleLogOut,
     });
+    useResetCookieLocalStorage.useResetCookieLocalStorage({
+        environmentId,
+        projectSettings,
+        setPrimaryWalletId,
+    });
     // Ties all client callbacks to dynamic's events, such that
     // when our events are triggered, so are the client callbacks
     useTieCallbacksToEvents.useTieCallbacksToEvents({
@@ -558,8 +565,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
-            unauthenticatedUser,
             user,
+            userWithMissingInfo,
             walletConnector: (_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _b !== void 0 ? _b : null,
             walletConnectorOptions,
             walletUiUtils,
@@ -671,7 +678,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        unauthenticatedUser,
+        userWithMissingInfo,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,

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

@@ -62,6 +62,7 @@ import { useSetWalletConnectorFetchers } from '../../utils/hooks/useSetWalletCon
 import { useSendDynamicProps } from '../../utils/hooks/useSendDynamicProps/useSendDynamicProps.js';
 import { MfaSettingsContextProvider } from '../MfaSettingsContext/MfaSettingsContext.js';
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
+import { useResetCookieLocalStorage } from '../../utils/hooks/useResetCookieLocalStorage/useResetCookieLocalStorage.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
@@ -82,6 +83,7 @@ import '../../views/WalletList/WalletList.js';
 import { SocialRedirectContextProvider } from '../SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../FooterAnimationContext/index.js';
 import { IpConfigurationContextProvider } from '../IpConfigurationContext/IpConfigurationContext.js';
 import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
@@ -98,7 +100,6 @@ import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrim
 import { useRpcProviders } from '../../utils/hooks/useRpcProviders/useRpcProviders.js';
 import { useWalletEventListeners } from '../../utils/hooks/useWalletEventListeners/useWalletEventListeners.js';
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
@@ -187,7 +188,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
     const [showBridgeWidget, setShowBridgeWidget] = useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = useState(false);
-    const { user, unauthenticatedUser } = useUser();
+    const { user, userWithMissingInfo } = useUser();
     const isAuthenticated = useIsAuthenticated(user);
     try {
         if (user) {
@@ -284,7 +285,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
-    useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : unauthenticatedUser, walletConnectorOptions);
+    useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
@@ -296,7 +297,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         setQrcodeUri,
-        user: user || unauthenticatedUser,
+        user: user || userWithMissingInfo,
         walletBook,
         walletConnectorOptions,
     });
@@ -312,7 +313,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         enableInstrumentation,
         primaryWallet,
         projectSettings,
-        user: user !== null && user !== void 0 ? user : unauthenticatedUser,
+        user: user !== null && user !== void 0 ? user : userWithMissingInfo,
         walletBook,
     });
     const { getNameService, removeConnectedNameService } = useNameService({
@@ -337,6 +338,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         setAuthMode,
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
+        setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
@@ -347,6 +349,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         environmentId,
         handleLogOut,
     });
+    useResetCookieLocalStorage({
+        environmentId,
+        projectSettings,
+        setPrimaryWalletId,
+    });
     // Ties all client callbacks to dynamic's events, such that
     // when our events are triggered, so are the client callbacks
     useTieCallbacksToEvents({
@@ -554,8 +561,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
-            unauthenticatedUser,
             user,
+            userWithMissingInfo,
             walletConnector: (_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _b !== void 0 ? _b : null,
             walletConnectorOptions,
             walletUiUtils,
@@ -667,7 +674,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        unauthenticatedUser,
+        userWithMissingInfo,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,

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

@@ -8,6 +8,7 @@ import { SetShowAuthFlow } from '../useShowAuthFlow';
 export type UseHandleLogoutParams = {
     clearAllWalletConnectSessions: () => void;
     bridgeChains: ChainsToConnect[] | undefined;
+    setSelectedWalletConnectorKey: Dispatch<SetStateAction<string | null>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
     user: UserProfile | undefined;

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

@@ -72,13 +72,13 @@ require('../../../../views/WalletList/WalletList.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
@@ -94,6 +94,7 @@ const useHandleLogout = (params) => {
     paramsRef.current = params;
     const logout = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
+        p.setSelectedWalletConnectorKey(null);
         p.clearAllWalletConnectSessions();
         p.setShowDynamicUserProfile(false);
         p.setShowBridgeWidget(false);

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

@@ -68,13 +68,13 @@ import '../../../../views/WalletList/WalletList.js';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../FooterAnimationContext/index.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../MfaSettingsContext/MfaSettingsContext.js';
 import '../../../IpConfigurationContext/IpConfigurationContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
@@ -90,6 +90,7 @@ const useHandleLogout = (params) => {
     paramsRef.current = params;
     const logout = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
+        p.setSelectedWalletConnectorKey(null);
         p.clearAllWalletConnectSessions();
         p.setShowDynamicUserProfile(false);
         p.setShowBridgeWidget(false);

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

@@ -69,13 +69,13 @@ require('../../../../views/WalletList/WalletList.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 

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

@@ -65,13 +65,13 @@ import '../../../../views/WalletList/WalletList.js';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../FooterAnimationContext/index.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../MfaSettingsContext/MfaSettingsContext.js';
 import '../../../IpConfigurationContext/IpConfigurationContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 

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

@@ -195,7 +195,7 @@ export interface IDynamicContext {
     theme?: ThemeData | ThemeSetting;
     toolkitEnabled?: boolean;
     user: UserProfile | undefined;
-    unauthenticatedUser: UserProfile | undefined;
+    userWithMissingInfo: UserProfile | undefined;
     walletConnector: WalletConnector | null;
     walletConnectorOptions: WalletOption[];
     walletUiUtils: WalletUiUtils<WalletConnector>;

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

@@ -13,7 +13,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, 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, minAuthToken, setDefaultTabIndex, selectedTabIndex, setSelectedTabIndex, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -60,6 +60,7 @@ const useDynamicContext = () => {
         showDynamicUserProfile,
         showQrcodeModal,
         user,
+        userWithMissingInfo,
         walletConnector,
         walletConnectorOptions,
     };

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' | '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' | 'minAuthToken' | 'setDefaultTabIndex' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'userWithMissingInfo' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'minAuthToken' | 'setDefaultTabIndex' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -9,7 +9,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, 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, minAuthToken, setDefaultTabIndex, selectedTabIndex, setSelectedTabIndex, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -56,6 +56,7 @@ const useDynamicContext = () => {
         showDynamicUserProfile,
         showQrcodeModal,
         user,
+        userWithMissingInfo,
         walletConnector,
         walletConnectorOptions,
     };

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

@@ -69,13 +69,13 @@ require('../../../../views/WalletList/WalletList.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 

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

@@ -65,13 +65,13 @@ import '../../../../views/WalletList/WalletList.js';
 import '../../../SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../FooterAnimationContext/index.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../MfaSettingsContext/MfaSettingsContext.js';
 import '../../../IpConfigurationContext/IpConfigurationContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -71,13 +71,13 @@ require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../MfaSettingsContext/MfaSettingsContext.cjs');
 require('../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');