@dynamic-labs/sdk-react-core 0.18.0-RC.6 → 0.18.0-RC.8

package/src/lib/components/OTPVerificationView/OTPVerificationView.d.ts

@@ -9,8 +9,6 @@ type OtpVerificationLayoutProps = {
     onClickEditEmail?: MouseEventHandler<HTMLButtonElement>;
     onPinChange?: (value: string) => void;
     onPinComplete: (value: string) => void;
-    privacyPolicyUrl?: string;
-    termsOfServiceUrl?: string;
 };
 export declare const OTPVerificationView: FC<OtpVerificationLayoutProps>;
 export {};

package/src/lib/components/OTPVerificationView/OTPVerificationView.js

@@ -40,7 +40,6 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import { TosAndPp } from '../TosAndPp/TosAndPp.js';
 import { PinField } from '../PinField/PinField.js';
 import { ModalHeaderBanner } from '../ModalHeaderBanner/ModalHeaderBanner.js';
 import { shortenEmail } from '../../shared/utils/functions/shortenEmail/shortenEmail.js';
@@ -49,9 +48,9 @@ import '../Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 
-const OTPVerificationView = ({ onClickBack, onClickEditEmail, isLoading, email, onPinComplete, isValid, error, termsOfServiceUrl, privacyPolicyUrl, onPinChange, displayPoweredByDynamic = false, }) => {
+const OTPVerificationView = ({ onClickBack, onClickEditEmail, isLoading, email, onPinComplete, isValid, error, onPinChange, displayPoweredByDynamic = false, }) => {
     const backButton = (jsx(IconButton, Object.assign({ type: 'button', onClick: onClickBack, "data-testid": 'back-button' }, { children: jsx(SvgChevronLeft, {}) })));
-    return (jsxs("div", Object.assign({ className: 'otp-verification-view' }, { children: [jsx(ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsx(ModalHeader, Object.assign({ alignContent: 'bottom', leading: onClickBack && backButton }, { children: jsxs("div", Object.assign({ className: 'otp-verification-view__status-header' }, { children: [isValid && (jsx(IconWithStatus, { Icon: SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgCheck })), !isValid && (jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: isLoading }))] })) })), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title' }, { children: isValid ? 'Verification code confirmed' : 'Confirm verification code' })), jsxs("div", Object.assign({ className: 'otp-verification-view__body' }, { children: [isValid && (jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Hang tight while we get things ready for you" }))), !isValid && (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "We\u2019ve sent a verification code to" })), jsxs("div", Object.assign({ className: 'otp-verification-view__email-container' }, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'bold', color: 'secondary' }, { children: shortenEmail(email) })), onClickEditEmail && (jsx(IconButton, Object.assign({ onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button' }, { children: jsx(Icon, Object.assign({ color: 'text-tertiary' }, { children: jsx(SvgPencilAltIcon, {}) })) })))] }))] }))] })), jsx(PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsxs("div", Object.assign({ className: 'otp-verification-view__footer' }, { children: [termsOfServiceUrl && privacyPolicyUrl && (jsx(TosAndPp, { mode: 'logging in', privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl })), displayPoweredByDynamic && jsx(PoweredByDynamic, {})] }))] })));
+    return (jsxs("div", Object.assign({ className: 'otp-verification-view' }, { children: [jsx(ModalHeaderBanner, { type: 'error', message: error === null || error === void 0 ? void 0 : error.message }), jsx(ModalHeader, Object.assign({ alignContent: 'bottom', leading: onClickBack && backButton }, { children: jsxs("div", Object.assign({ className: 'otp-verification-view__status-header' }, { children: [isValid && (jsx(IconWithStatus, { Icon: SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgCheck })), !isValid && (jsx(IconWithSpinner, { Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: isLoading }))] })) })), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title' }, { children: isValid ? 'Verification code confirmed' : 'Confirm verification code' })), jsxs("div", Object.assign({ className: 'otp-verification-view__body' }, { children: [isValid && (jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Hang tight while we get things ready for you" }))), !isValid && (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "We\u2019ve sent a verification code to" })), jsxs("div", Object.assign({ className: 'otp-verification-view__email-container' }, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'bold', color: 'secondary' }, { children: shortenEmail(email) })), onClickEditEmail && (jsx(IconButton, Object.assign({ onClick: onClickEditEmail, "data-testid": 'otp-verification-view__edit-button' }, { children: jsx(Icon, Object.assign({ color: 'text-tertiary' }, { children: jsx(SvgPencilAltIcon, {}) })) })))] }))] }))] })), jsx(PinField, { initialValue: Array(6).join('.').split('.'), isLoading: isLoading, handleComplete: onPinComplete, isValidated: isValid, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: onPinChange }), jsx("div", Object.assign({ className: 'otp-verification-view__footer' }, { children: displayPoweredByDynamic && jsx(PoweredByDynamic, {}) }))] })));
 };
 
 export { OTPVerificationView };

package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.cjs

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var Typography = require('../Typography/Typography.cjs');
 var IconWithSpinner = require('../IconWithSpinner/IconWithSpinner.cjs');
+var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
 
-const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 100, isSpinning: true }), jsxRuntime.jsxs("div", Object.assign({ className: 'select-wallet-chain-layout__body' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'select-wallet-chain-layout__title', as: 'h6', color: 'primary', variant: 'title' }, { children: "Select Chain" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal' }, { children: "This wallet supports multiple chains, so select your preferred chain to connect with." })), jsxRuntime.jsx("div", Object.assign({ className: 'select-wallet-chain-layout__list' }, { children: children }))] }))] }));
+const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 100, isSpinning: true }), jsxRuntime.jsxs("div", Object.assign({ className: 'select-wallet-chain-layout__body' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'select-wallet-chain-layout__title', as: 'h6', color: 'primary', variant: 'title' }, { children: "Select Chain" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal' }, { children: "This wallet supports multiple chains. Select which chain you'd like to connect to" })), jsxRuntime.jsx("div", Object.assign({ className: 'select-wallet-chain-layout__list' }, { children: children }))] })), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'select-wallet-chain-layout__powered-by' })] }));
 
 exports.SelectWalletChainLayout = SelectWalletChainLayout;

package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Typography } from '../Typography/Typography.js';
 import { IconWithSpinner } from '../IconWithSpinner/IconWithSpinner.js';
+import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
 
-const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxs("div", { children: [jsx(IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 100, isSpinning: true }), jsxs("div", Object.assign({ className: 'select-wallet-chain-layout__body' }, { children: [jsx(Typography, Object.assign({ className: 'select-wallet-chain-layout__title', as: 'h6', color: 'primary', variant: 'title' }, { children: "Select Chain" })), jsx(Typography, Object.assign({ className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal' }, { children: "This wallet supports multiple chains, so select your preferred chain to connect with." })), jsx("div", Object.assign({ className: 'select-wallet-chain-layout__list' }, { children: children }))] }))] }));
+const SelectWalletChainLayout = ({ children, HeaderIcon }) => (jsxs("div", { children: [jsx(IconWithSpinner, { className: 'select-wallet-chain-layout__icon', Icon: HeaderIcon, iconSize: 100, isSpinning: true }), jsxs("div", Object.assign({ className: 'select-wallet-chain-layout__body' }, { children: [jsx(Typography, Object.assign({ className: 'select-wallet-chain-layout__title', as: 'h6', color: 'primary', variant: 'title' }, { children: "Select Chain" })), jsx(Typography, Object.assign({ className: 'select-wallet-chain-layout__text', as: 'p', color: 'secondary', variant: 'body_normal' }, { children: "This wallet supports multiple chains. Select which chain you'd like to connect to" })), jsx("div", Object.assign({ className: 'select-wallet-chain-layout__list' }, { children: children }))] })), jsx(PoweredByDynamic, { classNameRoot: 'select-wallet-chain-layout__powered-by' })] }));
 
 export { SelectWalletChainLayout };

package/src/lib/components/Tooltip/Tooltip.cjs

@@ -60,7 +60,7 @@ const Tooltip = ({ children, content, className, as: Tag = 'span', }) => {
             const childrenBounding = childrenRef.current.getBoundingClientRect();
             setVector([
                 childrenBounding.left + childrenBounding.width / 2,
-                childrenBounding.top,
+                childrenBounding.top - 4, //add 4px margin over the children
             ]);
         }
     }, []);

package/src/lib/components/Tooltip/Tooltip.js

@@ -56,7 +56,7 @@ const Tooltip = ({ children, content, className, as: Tag = 'span', }) => {
             const childrenBounding = childrenRef.current.getBoundingClientRect();
             setVector([
                 childrenBounding.left + childrenBounding.width / 2,
-                childrenBounding.top,
+                childrenBounding.top - 4, //add 4px margin over the children
             ]);
         }
     }, []);

package/src/lib/components/TosAndPp/TosAndPp.cjs

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/utils');
+var isConnectOnly = require('../../utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
 var Typography = require('../Typography/Typography.cjs');
 
-const TosAndPp = ({ privacyPolicyUrl, termsOfServiceUrl, mode, }) => {
-    if (!privacyPolicyUrl || !termsOfServiceUrl) {
-        return null;
-    }
-    return (jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'body_mini', weight: 'regular', className: 'tos-and-pp__text' }, { children: ["By ", mode, ", you agree to our\u00A0", jsxRuntime.jsx("a", Object.assign({ className: 'tos-and-pp__link', href: termsOfServiceUrl, target: '_blank', rel: 'noreferrer' }, { children: "Terms of Services" })), "\u00A0&\u00A0", jsxRuntime.jsx("a", Object.assign({ className: 'tos-and-pp__link', href: privacyPolicyUrl, target: '_blank', rel: 'noreferrer' }, { children: "Privacy Policy" })), "."] })));
+const TosAndPp = ({ privacyPolicyUrl, termsOfServiceUrl, }) => {
+    const { user, authMode } = useInternalDynamicContext.useInternalDynamicContext();
+    return (jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'body_small', weight: 'regular', className: 'tos-and-pp__text' }, { children: ["By ", isConnectOnly.isConnectOnly(user, authMode) ? 'connecting' : 'logging in', ", you agree to", jsxRuntime.jsx("br", {}), "our\u00A0", jsxRuntime.jsx("a", Object.assign({ className: 'tos-and-pp__link', href: termsOfServiceUrl, target: '_blank', rel: 'noreferrer' }, { children: "Terms of Service" })), "\u00A0&\u00A0", jsxRuntime.jsx("a", Object.assign({ className: 'tos-and-pp__link', href: privacyPolicyUrl, target: '_blank', rel: 'noreferrer' }, { children: "Privacy Policy" })), "."] })));
 };
 
 exports.TosAndPp = TosAndPp;

package/src/lib/components/TosAndPp/TosAndPp.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 type Props = {
-    mode: 'connecting' | 'signing' | 'logging in';
-    privacyPolicyUrl?: string;
-    termsOfServiceUrl?: string;
+    privacyPolicyUrl: string;
+    termsOfServiceUrl: string;
 };
-export declare const TosAndPp: ({ privacyPolicyUrl, termsOfServiceUrl, mode, }: Props) => JSX.Element | null;
+export declare const TosAndPp: ({ privacyPolicyUrl, termsOfServiceUrl, }: Props) => JSX.Element | null;
 export {};

package/src/lib/components/TosAndPp/TosAndPp.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/utils';
+import { isConnectOnly } from '../../utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
 import { Typography } from '../Typography/Typography.js';
 
-const TosAndPp = ({ privacyPolicyUrl, termsOfServiceUrl, mode, }) => {
-    if (!privacyPolicyUrl || !termsOfServiceUrl) {
-        return null;
-    }
-    return (jsxs(Typography, Object.assign({ variant: 'body_mini', weight: 'regular', className: 'tos-and-pp__text' }, { children: ["By ", mode, ", you agree to our\u00A0", jsx("a", Object.assign({ className: 'tos-and-pp__link', href: termsOfServiceUrl, target: '_blank', rel: 'noreferrer' }, { children: "Terms of Services" })), "\u00A0&\u00A0", jsx("a", Object.assign({ className: 'tos-and-pp__link', href: privacyPolicyUrl, target: '_blank', rel: 'noreferrer' }, { children: "Privacy Policy" })), "."] })));
+const TosAndPp = ({ privacyPolicyUrl, termsOfServiceUrl, }) => {
+    const { user, authMode } = useInternalDynamicContext();
+    return (jsxs(Typography, Object.assign({ variant: 'body_small', weight: 'regular', className: 'tos-and-pp__text' }, { children: ["By ", isConnectOnly(user, authMode) ? 'connecting' : 'logging in', ", you agree to", jsx("br", {}), "our\u00A0", jsx("a", Object.assign({ className: 'tos-and-pp__link', href: termsOfServiceUrl, target: '_blank', rel: 'noreferrer' }, { children: "Terms of Service" })), "\u00A0&\u00A0", jsx("a", Object.assign({ className: 'tos-and-pp__link', href: privacyPolicyUrl, target: '_blank', rel: 'noreferrer' }, { children: "Privacy Policy" })), "."] })));
 };
 
 export { TosAndPp };

package/src/lib/components/Transition/transition.type.d.ts

@@ -3,10 +3,10 @@ export interface ITransitionOptions {
     className?: string;
     duration?: number;
     inDuration?: number;
-    inTimeout?: number;
+    inDelay?: number;
     isShown?: boolean;
     outDuration?: number;
-    outTimeout?: number;
-    timeout?: number;
+    outDelay?: number;
+    delay?: number;
 }
 export type TransitionProps = ITransitionOptions & PropsWithChildren;

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

@@ -39,7 +39,6 @@ var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 var useFetchNetworkConfigurations = require('../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.cjs');
 var useMultiWalletWidgetState = require('../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.cjs');
-var useSyncPrimaryWallet = require('../../utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs');
 var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
 var useFetchWalletsForChainsMap = require('../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.cjs');
@@ -79,6 +78,7 @@ var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs')
 var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.cjs');
 var MultiWalletStepSelectorModal = require('../../modals/MultiWalletStepSelectorModal/MultiWalletStepSelectorModal.cjs');
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
+var WalletContext = require('../WalletContext/WalletContext.cjs');
 var helpers = require('./helpers.cjs');
 var validators = require('./validators.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
@@ -90,13 +90,18 @@ var useSetShowAuthFlowWithInit = require('./hooks/useSetShowAuthFlowWithInit/use
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
     var _a, _b, _c, _d, _e;
     logger.logger.setLogLevel(logLevel);
     walletConnectorCore.logger.setLogLevel(logLevel);
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
     localStorage.LocalStorage.setSuffix(localStorageSuffix);
     const isAuthenticated = Boolean(getAuthToken.getAuthToken());
+    // HOTFIX - NEED TO BE REVISITED
+    // if there's user but not auth_token, remove user
+    if (!isAuthenticated) {
+        localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_USER);
+    }
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = React.useState(undefined);
     const [showAuthFlow, setShowAuthFlow] = React.useState(false);
     const [showBridgeAuthFlow, setShowBridgeAuthFlow] = React.useState(false);
@@ -139,12 +144,22 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
         walletBook: walletBook$1,
+        walletConnectV1Bridge,
         walletConnectorsProp,
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
-    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, setConnectedWallet, setConnectedWallets, connectedWallets, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly, primaryWalletId, setPrimaryWalletId);
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, setConnectedWallet, setConnectedWallets, connectedWallets, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet({
+        authMode,
+        clearPrimaryWalletId,
+        enableVisitTrackingOnConnectOnly,
+        environmentId,
+        primaryWalletId,
+        setPrimaryWalletId,
+        user,
+        wallets,
+    });
     const [selectedWalletConnector, setSelectedWalletConnector] = React.useState(null);
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
@@ -192,6 +207,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearAllWalletConnectSessions();
         setWalletsToConnectByChain(walletsByChain);
         setShowBridgeWidget(false);
+        localStorage.LocalStorage.removeFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY);
         const jwt = getAuthToken.getAuthToken();
         if (jwt && user) {
             // do not await this async call - just fire and forget
@@ -201,6 +217,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             yield connector.endSession();
         }
         (_f = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _f === void 0 ? void 0 : _f.endSession();
+        setAuthMode(initialAuthenticationMode);
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
@@ -229,18 +246,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         environmentId,
         walletConnectors,
     ]);
-    useSyncPrimaryWallet.useSyncPrimaryWallet({
-        canSync: didConnectedStateLoad,
-        computeConnectedStateForWallets,
-        handleLogOut,
-        multiWalletWidgetState,
-        primaryWallet,
-        secondaryWallets,
-        setMultiWalletWidgetState,
-        setPrimaryWallet,
-        setShowWidgetStatePopup,
-        showWidgetStatePopup,
-    });
     const handleUnlinkWallet = useHandleUnlinkWallet.useHandleUnlinkWallet({
         environmentId,
         primaryWalletId,
@@ -267,7 +272,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { walletsForChainsMap } = useFetchWalletsForChainsMap.useFetchWalletsForChainsMap(newToWeb3WalletChainMap);
     const rpcProviders = useRpcProviders.useRpcProviders({
         networkConfigurations: serverNetworkConfigurations,
-        networkId: network,
     });
     React.useEffect(() => {
         helpers.initExpirationTime(handleLogOut);
@@ -301,6 +305,9 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         if (!localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_USER)) {
             localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_TOKEN);
         }
+        if (localStorage.LocalStorage.getFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY)) {
+            localStorage.LocalStorage.removeFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY);
+        }
         if (selectedWalletConnector &&
             (!primaryWallet ||
                 !isSameWalletName.isSameWalletName(primaryWallet.connector.name, selectedWalletConnector.name))) {
@@ -371,6 +378,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             privacyPolicyUrl,
             projectSettings,
             qrcodeUri,
+            removeConnectedWalletsInfo,
             rpcProviders,
             sdkHasLoaded,
             secondaryWallets,
@@ -379,6 +387,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setAuthMode,
             setAuthorizationViewDisplayOrder,
             setCallback,
+            setConnectedWallets,
             setDesktopUri,
             setIsSingleWalletAccount,
             setIsVerifying,
@@ -472,6 +481,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         privacyPolicyUrl,
         projectSettings,
         qrcodeUri,
+        removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
         selectedWalletConnector,
@@ -486,7 +496,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setPrimaryWalletId,
         setSdkHasLoaded,
         setShowAuthFlowWithInit,
-        setShowBridgeAuthFlow,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
@@ -510,6 +519,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
+        setConnectedWallets,
     ]);
     React.useEffect(() => {
         const addPrefetch = (attr) => {
@@ -553,7 +563,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, Object.assign({ walletBook: walletBook$1 }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ initialView: loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list' }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsxs(WalletGroupContext.WalletGroupContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(MultiWalletStepSelectorModal.MultiWalletStepSelectorModal, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) })) }) })) })) })));
+    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, Object.assign({ walletBook: walletBook$1 }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ initialView: loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list' }, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsxs(WalletGroupContext.WalletGroupContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(MultiWalletStepSelectorModal.MultiWalletStepSelectorModal, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) })) })) }) })) })) })));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -120,6 +120,8 @@ export interface IDynamicContext {
     walletUiUtils: WalletUiUtils;
     wallets: WalletOption[];
     walletsFilter?: (options: WalletOption[]) => WalletOption[];
+    removeConnectedWalletsInfo: () => void;
+    setConnectedWallets: Dispatch<SetStateAction<Wallet[] | []>>;
 }
 export interface DynamicContextProps {
     children: ReactNode;
@@ -165,11 +167,12 @@ export interface DynamicContextProps {
         socialMediaUrl?: string;
         termsOfServiceUrl?: string;
         toolkitEnabled?: boolean;
+        walletConnectV1Bridge?: string;
         walletConnectors?: WalletConnectorsMethod[];
         walletsFilter?: (options: WalletOption[]) => WalletOption[];
     };
     theme?: ThemeData | ThemeSetting;
 }
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
-export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl, appName, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow, flowNetwork, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, walletConnectors: walletConnectorsProp, }, children, theme, }: DynamicContextProps) => JSX.Element;
+export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl, appName, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow, flowNetwork, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }: DynamicContextProps) => JSX.Element;
 export {};

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

@@ -4,7 +4,7 @@ import { createContext, useState, useCallback, useEffect, useMemo } from 'react'
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
 import { logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
 import { ICONIC_SPRITE_URL } from '@dynamic-labs/iconic';
-import { AUTH_TOKEN, AUTH_USER, AUTH_MODE } from '../../utils/constants/localStorage.js';
+import { AUTH_USER, AUTH_TOKEN, AUTH_MODE, WALLET_PICKER_SEARCH_KEY } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
 import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.js';
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
@@ -35,7 +35,6 @@ import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
 import { useFetchNetworkConfigurations } from '../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.js';
 import { useMultiWalletWidgetState } from '../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.js';
-import { useSyncPrimaryWallet } from '../../utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js';
 import { useWalletEventListeners } from '../../utils/hooks/useWalletEventListeners/useWalletEventListeners.js';
 import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
 import { useFetchWalletsForChainsMap } from '../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.js';
@@ -75,6 +74,7 @@ import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceCon
 import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.js';
 import { MultiWalletStepSelectorModal } from '../../modals/MultiWalletStepSelectorModal/MultiWalletStepSelectorModal.js';
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
+import { WalletContextProvider } from '../WalletContext/WalletContext.js';
 import { initExpirationTime } from './helpers.js';
 import { validateAuthUser } from './validators.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
@@ -86,13 +86,18 @@ import { useSetShowAuthFlowWithInit } from './hooks/useSetShowAuthFlowWithInit/u
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
     var _a, _b, _c, _d, _e;
     logger.setLogLevel(logLevel);
     logger$1.setLogLevel(logLevel);
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
     LocalStorage.setSuffix(localStorageSuffix);
     const isAuthenticated = Boolean(getAuthToken());
+    // HOTFIX - NEED TO BE REVISITED
+    // if there's user but not auth_token, remove user
+    if (!isAuthenticated) {
+        LocalStorage.removeFromLS(AUTH_USER);
+    }
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = useState(undefined);
     const [showAuthFlow, setShowAuthFlow] = useState(false);
     const [showBridgeAuthFlow, setShowBridgeAuthFlow] = useState(false);
@@ -135,12 +140,22 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
         walletBook,
+        walletConnectV1Bridge,
         walletConnectorsProp,
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
-    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, setConnectedWallet, setConnectedWallets, connectedWallets, connectWalletByAddressAndChain, } = useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly, primaryWalletId, setPrimaryWalletId);
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, setConnectedWallet, setConnectedWallets, connectedWallets, connectWalletByAddressAndChain, } = useConnectWallet({
+        authMode,
+        clearPrimaryWalletId,
+        enableVisitTrackingOnConnectOnly,
+        environmentId,
+        primaryWalletId,
+        setPrimaryWalletId,
+        user,
+        wallets,
+    });
     const [selectedWalletConnector, setSelectedWalletConnector] = useState(null);
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
@@ -188,6 +203,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearAllWalletConnectSessions();
         setWalletsToConnectByChain(walletsByChain);
         setShowBridgeWidget(false);
+        LocalStorage.removeFromLS(WALLET_PICKER_SEARCH_KEY);
         const jwt = getAuthToken();
         if (jwt && user) {
             // do not await this async call - just fire and forget
@@ -197,6 +213,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             yield connector.endSession();
         }
         (_f = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _f === void 0 ? void 0 : _f.endSession();
+        setAuthMode(initialAuthenticationMode);
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
@@ -225,18 +242,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         environmentId,
         walletConnectors,
     ]);
-    useSyncPrimaryWallet({
-        canSync: didConnectedStateLoad,
-        computeConnectedStateForWallets,
-        handleLogOut,
-        multiWalletWidgetState,
-        primaryWallet,
-        secondaryWallets,
-        setMultiWalletWidgetState,
-        setPrimaryWallet,
-        setShowWidgetStatePopup,
-        showWidgetStatePopup,
-    });
     const handleUnlinkWallet = useHandleUnlinkWallet({
         environmentId,
         primaryWalletId,
@@ -263,7 +268,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { walletsForChainsMap } = useFetchWalletsForChainsMap(newToWeb3WalletChainMap);
     const rpcProviders = useRpcProviders({
         networkConfigurations: serverNetworkConfigurations,
-        networkId: network,
     });
     useEffect(() => {
         initExpirationTime(handleLogOut);
@@ -297,6 +301,9 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         if (!LocalStorage.getFromLS(AUTH_USER)) {
             LocalStorage.removeFromLS(AUTH_TOKEN);
         }
+        if (LocalStorage.getFromLS(WALLET_PICKER_SEARCH_KEY)) {
+            LocalStorage.removeFromLS(WALLET_PICKER_SEARCH_KEY);
+        }
         if (selectedWalletConnector &&
             (!primaryWallet ||
                 !isSameWalletName(primaryWallet.connector.name, selectedWalletConnector.name))) {
@@ -367,6 +374,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             privacyPolicyUrl,
             projectSettings,
             qrcodeUri,
+            removeConnectedWalletsInfo,
             rpcProviders,
             sdkHasLoaded,
             secondaryWallets,
@@ -375,6 +383,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setAuthMode,
             setAuthorizationViewDisplayOrder,
             setCallback,
+            setConnectedWallets,
             setDesktopUri,
             setIsSingleWalletAccount,
             setIsVerifying,
@@ -468,6 +477,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         privacyPolicyUrl,
         projectSettings,
         qrcodeUri,
+        removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
         selectedWalletConnector,
@@ -482,7 +492,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setPrimaryWalletId,
         setSdkHasLoaded,
         setShowAuthFlowWithInit,
-        setShowBridgeAuthFlow,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
@@ -506,6 +515,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
+        setConnectedWallets,
     ]);
     useEffect(() => {
         const addPrefetch = (attr) => {
@@ -549,7 +559,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(WalletBookContextProvider, Object.assign({ walletBook: walletBook }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ initialView: loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list' }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsxs(WalletGroupContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(MultiWalletStepSelectorModal, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) })) }) })) })) })));
+    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(WalletBookContextProvider, Object.assign({ walletBook: walletBook }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ initialView: loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list' }, { children: jsx(WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsxs(WalletGroupContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(MultiWalletStepSelectorModal, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) })) })) }) })) })) })));
 };
 
 export { DynamicContext, DynamicContextProvider };

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

@@ -11,7 +11,6 @@ require('react');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
-var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
 var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
@@ -33,7 +32,7 @@ const isAuthTokenExpired = (token) => {
     return false;
 };
 const initExpirationTime = (logout) => {
-    const decodedJwt = decodeJwt.decodeJwt(localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_TOKEN));
+    const decodedJwt = decodeJwt.decodeJwt(localStorage.LocalStorage.getAuthTokenValue());
     if (!decodedJwt)
         return clearTimeout(logoutTimer);
     const tokenExp = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.exp;

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

@@ -7,7 +7,6 @@ import 'react';
 import '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
-import { AUTH_TOKEN } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
@@ -29,7 +28,7 @@ const isAuthTokenExpired = (token) => {
     return false;
 };
 const initExpirationTime = (logout) => {
-    const decodedJwt = decodeJwt(LocalStorage.getFromLS(AUTH_TOKEN));
+    const decodedJwt = decodeJwt(LocalStorage.getAuthTokenValue());
     if (!decodedJwt)
         return clearTimeout(logoutTimer);
     const tokenExp = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.exp;

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

@@ -7,10 +7,16 @@ var React = require('react');
 var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
 
 const errorMessageMap = {
+    '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
+    0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    5001: 'Message signature denied.',
+    5002: 'Message signature denied.',
+    connection_rejected: 'Connection rejected. Please try again.',
+    metamask_timeout: 'Please change your wallet chain to Ethereum Main Network and try again',
     'missing-nonce': 'Something went wrong. Please try again.',
     'missing-public-address': 'Connection cancelled. Please try again',
     too_many_email_verification_attempts: 'Too many email verification attempts, please try again later',

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

@@ -3,10 +3,16 @@ import { createContext, useState, useCallback, useEffect, useMemo, useContext }
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
 
 const errorMessageMap = {
+    '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
+    0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    5001: 'Message signature denied.',
+    5002: 'Message signature denied.',
+    connection_rejected: 'Connection rejected. Please try again.',
+    metamask_timeout: 'Please change your wallet chain to Ethereum Main Network and try again',
     'missing-nonce': 'Something went wrong. Please try again.',
     'missing-public-address': 'Connection cancelled. Please try again',
     too_many_email_verification_attempts: 'Too many email verification attempts, please try again later',