@dynamic-labs/sdk-react-core 0.18.0-RC.1 → 0.18.0-RC.3

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

@@ -1,19 +1,17 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 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 '../../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';
-import { getFromLS } from '../../shared/utils/functions/storage/getFromLS.js';
-import LSSuffix from '../../config/LSSuffix.js';
-import { removeFromLS } from '../../shared/utils/functions/storage/removeFromLS.js';
 import { ViewContextProvider } from '../ViewContext/ViewContext.js';
 import { logger } from '../../shared/logger.js';
-import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
+import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
@@ -71,8 +69,11 @@ import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetViews/DynamicBridgeWidgetViews.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
+import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.js';
+import { MultiWalletStepSelectorModal } from '../../modals/MultiWalletStepSelectorModal/MultiWalletStepSelectorModal.js';
 import { initExpirationTime } from './helpers.js';
 import { validateAuthUser } from './validators.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
@@ -84,15 +85,17 @@ 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', 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, 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);
-    LSSuffix.setSuffix(localStorageSuffix);
+    LocalStorage.setSuffix(localStorageSuffix);
     const isAuthenticated = Boolean(getAuthToken());
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = useState(undefined);
     const [showAuthFlow, setShowAuthFlow] = useState(false);
+    const [showBridgeAuthFlow, setShowBridgeAuthFlow] = useState(false);
+    const [walletsToConnectByChain, setWalletsToConnectByChain] = useState(walletsByChain);
     // Allows clients to control widget flow without need to click on AccountControl
     const [showDynamicUserProfile, setShowDynamicUserProfile] = useState(false);
     // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
@@ -108,6 +111,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const multiWallet = (_c = deprecatedMultiWallet !== null && deprecatedMultiWallet !== void 0 ? deprecatedMultiWallet : (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet) !== null && _c !== void 0 ? _c : false;
     // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
     const [showWidgetStatePopup, setShowWidgetStatePopup] = useState(!multiWallet);
+    const walletBook = useWalletBookCdn();
     const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations({
         authToken: getAuthToken(),
         environmentId,
@@ -129,33 +133,40 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         flowNetwork,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
+        walletBook,
         walletConnectorsProp,
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
-    const { connectWallet, removeConnectedInfo, connectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, setConnectedWallet, setConnectedWallets, connectedWallets, connectWalletByAddressAndChain, } = useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly, primaryWalletId, setPrimaryWalletId);
     const [selectedWalletConnector, setSelectedWalletConnector] = useState(null);
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
     const removeAuthTokenAndUser = useCallback(() => {
-        removeFromLS(AUTH_TOKEN);
+        LocalStorage.removeFromLS(AUTH_TOKEN);
         removeUser();
     }, [removeUser]);
-    const { clearPrimaryWalletId, computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, primaryWalletId, showQrcodeModal, secondaryWallets, setPrimaryWallet, setPrimaryWalletId, setShowQrcodeModal, } = useWalletConnectors({
+    const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, } = useWalletConnectors({
+        authMode,
         authToken: getAuthToken() || onboardingOnlyJwt,
+        connectedWallets,
         multiWalletWidgetState,
+        primaryWalletId,
         setDesktopUri,
         setMultiWalletWidgetState,
+        setPrimaryWalletId,
         setQrcodeUri,
         wallets,
     });
     const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading({
         authMode,
-        connectedInfo,
+        connectedInfo: connectedWalletsInfo[0],
         connectedWallet,
         primaryWallet,
         projectSettings,
         user,
+        walletBook,
     });
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit({
         setShowAuthFlow,
@@ -165,7 +176,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         authToken: (_d = getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
     });
-    const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
     const { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions } = useClearWalletConnectSessions({
         connectors: walletConnectors,
     });
@@ -175,6 +185,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const handleLogOut = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _f, _g;
         clearAllWalletConnectSessions();
+        setWalletsToConnectByChain(walletsByChain);
+        setShowBridgeWidget(false);
         const jwt = getAuthToken();
         if (jwt && user) {
             // do not await this async call - just fire and forget
@@ -190,7 +202,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setConnectedWallet(null);
         handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
-        removeConnectedInfo();
+        removeConnectedWalletsInfo();
+        setConnectedWallets([]);
         clearPrimaryWalletId();
         removeConnectedNameService();
         (_g = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _g === void 0 ? void 0 : _g.call(eventsCallbacks, user);
@@ -200,11 +213,13 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector,
         setMultiWalletWidgetState,
         removeAuthTokenAndUser,
+        walletsByChain,
         setConnectedWallet,
         handleRemoveLsNetworks,
-        removeConnectedInfo,
-        removeConnectedNameService,
+        removeConnectedWalletsInfo,
+        setConnectedWallets,
         clearPrimaryWalletId,
+        removeConnectedNameService,
         eventsCallbacks,
         environmentId,
         walletConnectors,
@@ -234,7 +249,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         handleLogOut,
         multiWallet,
         multiWalletWidgetState,
-        primaryWallet: walletForUserFacingContext,
+        primaryWallet,
         secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
@@ -263,7 +278,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         },
         handleLogOut,
         isAuthenticated,
-        primaryWallet: walletForUserFacingContext,
+        primaryWallet,
         user,
     });
     const clearStatesOnBackClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
@@ -275,10 +290,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setMultiWalletWidgetState('idle');
         if (authMode !== 'connect-only') {
             setConnectedWallet(null);
-            removeConnectedInfo();
+            removeConnectedWalletsInfo();
+            setConnectedWallets([]);
         }
-        if (!getFromLS(AUTH_USER)) {
-            removeFromLS(AUTH_TOKEN);
+        if (!LocalStorage.getFromLS(AUTH_USER)) {
+            LocalStorage.removeFromLS(AUTH_TOKEN);
         }
         if (selectedWalletConnector &&
             (!primaryWallet ||
@@ -293,7 +309,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         primaryWallet,
         clearAllWalletConnectSessions,
         setConnectedWallet,
-        removeConnectedInfo,
+        removeConnectedWalletsInfo,
+        setConnectedWallets,
     ]);
     const value = useMemo(() => {
         var _a, _b;
@@ -315,6 +332,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             connectedWallets: primaryWallet
                 ? [primaryWallet, ...secondaryWallets]
                 : [],
+            connectedWalletsInfo,
             consumeNonce,
             cssOverrides,
             debugError,
@@ -343,7 +361,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
             onboardingOnlyJwt,
             policiesConsentInnerComponent,
-            primaryWallet: walletForUserFacingContext,
+            primaryWallet,
             primaryWalletId,
             privacyPolicyUrl,
             projectSettings,
@@ -370,13 +388,16 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setSelectedWalletConnector,
             setSelectedWalletWithAction,
             setShowAuthFlow: setShowAuthFlowWithInit,
+            setShowBridgeAuthFlow,
             setShowBridgeWidget,
             setShowDynamicUserProfile,
             setShowQrcodeModal,
             setShowWidgetStatePopup,
             setUser,
+            setWalletsToConnectByChain,
             shadowDOMEnabled,
             showAuthFlow,
+            showBridgeAuthFlow,
             showBridgeWidget,
             showDynamicUserProfile,
             showQrcodeModal,
@@ -390,15 +411,17 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             theme,
             toolkitEnabled,
             user,
-            walletConnector: (_b = walletForUserFacingContext === null || walletForUserFacingContext === void 0 ? void 0 : walletForUserFacingContext.connector) !== null && _b !== void 0 ? _b : null,
+            walletConnector: (_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _b !== void 0 ? _b : null,
             walletUiUtils,
             wallets,
+            walletsByChain,
             walletsFilter,
+            walletsToConnectByChain,
         });
     }, [
+        accessDeniedButton,
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
-        accessDeniedButton,
         accountSwitchState,
         appLogoUrl,
         appName,
@@ -411,6 +434,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         connectedWallet,
         primaryWallet,
         secondaryWallets,
+        connectedWalletsInfo,
         consumeNonce,
         cssOverrides,
         debugError,
@@ -439,7 +463,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         imageUserInAccessList,
         onboardingImageUrl,
         policiesConsentInnerComponent,
-        walletForUserFacingContext,
         primaryWalletId,
         privacyPolicyUrl,
         projectSettings,
@@ -458,10 +481,13 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setPrimaryWalletId,
         setSdkHasLoaded,
         setShowAuthFlowWithInit,
+        setShowBridgeAuthFlow,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
         showAuthFlow,
+        showBridgeAuthFlow,
+        showBridgeWidget,
         showDynamicUserProfile,
         showQrcodeModal,
         showWidgetStatePopup,
@@ -476,18 +502,34 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         user,
         walletUiUtils,
         wallets,
+        walletsByChain,
         walletsFilter,
+        walletsToConnectByChain,
     ]);
     useEffect(() => {
-        if (!document.head.querySelector('#sprite')) {
-            const element = document.createElement('link');
-            element.setAttribute('id', 'sprite');
-            element.setAttribute('rel', 'prefetch');
-            element.setAttribute('href', ICONIC_SPRITE_URL);
-            element.setAttribute('as', 'image');
-            element.setAttribute('type', 'image/svg+xml');
-            document.head.insertAdjacentElement('beforeend', element);
-        }
+        const addPrefetch = (attr) => {
+            if (!document.head.querySelector(`#${attr.id}`)) {
+                const element = document.createElement('link');
+                element.setAttribute('id', attr.id);
+                element.setAttribute('rel', 'prefetch');
+                element.setAttribute('href', attr.href);
+                element.setAttribute('as', attr.as);
+                element.setAttribute('type', attr.type);
+                document.head.insertAdjacentElement('beforeend', element);
+            }
+        };
+        addPrefetch({
+            as: 'image',
+            href: ICONIC_SPRITE_URL,
+            id: 'sprite',
+            type: 'image/svg+xml',
+        });
+        addPrefetch({
+            as: 'fetch',
+            href: getWalletBookCdnUrl(),
+            id: 'wallet-book',
+            type: 'application/json',
+        });
     }, []);
     // hides dynamic widget if user is not logged in or there is no connected wallet
     useEffect(() => {
@@ -506,7 +548,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { 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: jsxs(SendBalanceContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), 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(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsxs(SendBalanceContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(MultiWalletStepSelectorModal, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) })) }) })) })) })));
 };
 
 export { DynamicContext, DynamicContextProvider };

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

@@ -3,8 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-var getFromLS = require('../../shared/utils/functions/storage/getFromLS.cjs');
-require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -13,8 +11,9 @@ require('react');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
-var localStorage = require('../../utils/constants/localStorage.cjs');
+var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
+var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 
 let logoutTimer;
@@ -34,7 +33,7 @@ const isAuthTokenExpired = (token) => {
     return false;
 };
 const initExpirationTime = (logout) => {
-    const decodedJwt = decodeJwt.decodeJwt(getFromLS.getFromLS(localStorage.AUTH_TOKEN));
+    const decodedJwt = decodeJwt.decodeJwt(localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_TOKEN));
     if (!decodedJwt)
         return clearTimeout(logoutTimer);
     const tokenExp = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.exp;

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

@@ -1,6 +1,4 @@
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
-import { getFromLS } from '../../shared/utils/functions/storage/getFromLS.js';
-import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -11,6 +9,7 @@ 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';
 
 let logoutTimer;
@@ -30,7 +29,7 @@ const isAuthTokenExpired = (token) => {
     return false;
 };
 const initExpirationTime = (logout) => {
-    const decodedJwt = decodeJwt(getFromLS(AUTH_TOKEN));
+    const decodedJwt = decodeJwt(LocalStorage.getFromLS(AUTH_TOKEN));
     if (!decodedJwt)
         return clearTimeout(logoutTimer);
     const tokenExp = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.exp;

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -15,6 +14,7 @@ var isDisplayOrderPriorityForWeb3 = require('../../../../shared/utils/functions/
 var isDisplayOrderPriorityForWeb2 = require('../../../../shared/utils/functions/isDisplayOrderPriorityForWeb2/isDisplayOrderPriorityForWeb2.cjs');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');
 

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

@@ -1,7 +1,6 @@
 import { useState, useCallback, useEffect } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -11,6 +10,7 @@ import { isDisplayOrderPriorityForWeb3 } from '../../../../shared/utils/function
 import { isDisplayOrderPriorityForWeb2 } from '../../../../shared/utils/functions/isDisplayOrderPriorityForWeb2/isDisplayOrderPriorityForWeb2.js';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
 

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -13,6 +12,7 @@ require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');

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

@@ -1,7 +1,6 @@
 import { useState, useEffect } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -9,6 +8,7 @@ import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';

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

@@ -5,16 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-require('../../../../shared/logger.cjs');
-require('../../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../ViewContext/ViewContext.cjs');
+require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 var localStorage = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var useLocalStorage = require('../../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../../shared/consts/index.cjs');

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

@@ -1,16 +1,16 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useRef, useCallback } from 'react';
 import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
-import '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
+import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import { CONNECTED_WALLET_NAME_SERVICE } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { useLocalStorage } from '../../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../../shared/consts/index.js';

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

@@ -7,13 +7,13 @@ require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../shared/logger.cjs');
-require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -35,6 +35,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../MockContext/MockContext.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

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

@@ -3,13 +3,13 @@ import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../../config/ApiEndpoint.js';
 import '../../../shared/logger.js';
-import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
@@ -31,6 +31,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../MockContext/MockContext.js';
 import '../../CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
-require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -13,6 +12,7 @@ require('../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../utils/constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');

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

@@ -1,7 +1,6 @@
 import { useState, useCallback, useEffect } from 'react';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
-import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -9,6 +8,7 @@ import '../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../utils/constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';

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

@@ -11,13 +11,14 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, awaitingSignatureState, authMode, authToken, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setShowAuthFlow, setNetwork, showAuthFlow, showQrcodeModal, setMultiWalletWidgetState, setShowQrcodeModal, setPrimaryWallet, setShowDynamicUserProfile, user, walletConnector, wallets, shadowDOMEnabled, } = context;
+    const { accountSwitchState, awaitingSignatureState, authMode, authToken, connectedWallets, connectedWalletsInfo, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setShowAuthFlow, setNetwork, showAuthFlow, showQrcodeModal, setMultiWalletWidgetState, setShowQrcodeModal, setPrimaryWallet, setShowDynamicUserProfile, setShowBridgeAuthFlow, user, walletConnector, wallets, shadowDOMEnabled, walletsToConnectByChain, walletsByChain, } = context;
     return {
         accountSwitchState,
         authMode,
         authToken,
         awaitingSignatureState,
         connectedWallets,
+        connectedWalletsInfo,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
@@ -35,6 +36,7 @@ const useDynamicContext = () => {
         setNetwork,
         setPrimaryWallet,
         setShowAuthFlow,
+        setShowBridgeAuthFlow,
         setShowDynamicUserProfile,
         setShowQrcodeModal,
         shadowDOMEnabled,
@@ -43,6 +45,8 @@ const useDynamicContext = () => {
         user,
         walletConnector,
         wallets,
+        walletsByChain,
+        walletsToConnectByChain,
     };
 };
 

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

@@ -1,3 +1,3 @@
 import { IDynamicContext } from './DynamicContext';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'secondaryWallets' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'sdkHasLoaded' | 'showAuthFlow' | 'showQrcodeModal' | 'setShowDynamicUserProfile' | 'user' | 'walletConnector' | 'wallets'>;
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'secondaryWallets' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'sdkHasLoaded' | 'showAuthFlow' | 'showQrcodeModal' | 'setShowDynamicUserProfile' | 'user' | 'walletConnector' | 'wallets' | 'walletsToConnectByChain' | 'connectedWalletsInfo' | 'walletsByChain' | 'setShowBridgeAuthFlow'>;
 export declare const useDynamicContext: () => UseDynamicContext;