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

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';
@@ -9,8 +7,8 @@ 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';
 
 let logoutTimer;
@@ -30,7 +28,7 @@ const isAuthTokenExpired = (token) => {
     return false;
 };
 const initExpirationTime = (logout) => {
-    const decodedJwt = decodeJwt(getFromLS(AUTH_TOKEN));
+    const decodedJwt = decodeJwt(LocalStorage.getAuthTokenValue());
     if (!decodedJwt)
         return clearTimeout(logoutTimer);
     const tokenExp = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.exp;
@@ -50,6 +48,18 @@ const initExpirationTime = (logout) => {
     // https://developer.mozilla.org/en-US/docs/Web/API/setTimeout#maximum_delay_value
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
+};
+const getInitialView = ({ loginWithEmail, isBridgeFlow, isUserConnected, }) => {
+    if (loginWithEmail) {
+        return 'login-with-email-or-wallet';
+    }
+    if (isUserConnected) {
+        return 'wallet-list';
+    }
+    if (isBridgeFlow) {
+        return 'bridge-welcome';
+    }
+    return 'wallet-list';
 };
 
-export { initExpirationTime, isAuthTokenExpired };
+export { getInitialView, initExpirationTime, isAuthTokenExpired };

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,17 +7,18 @@ 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');
 require('@dynamic-labs/rpc-providers');
+require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../DynamicContext.cjs');
 require('../../ErrorContext/ErrorContext.cjs');
 require('../../AccessDeniedContext/AccessDeniedContext.cjs');

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

@@ -3,17 +3,18 @@ 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';
 import '@dynamic-labs/rpc-providers';
+import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../DynamicContext.js';
 import '../../ErrorContext/ErrorContext.js';
 import '../../AccessDeniedContext/AccessDeniedContext.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,18 +11,21 @@ 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, isUserConnected, connectedWallets, connectedWalletsInfo, 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, walletsToConnectByChain, walletsByChain, loginWithEmail, setLogInWithEmail, } = context;
     return {
         accountSwitchState,
         authMode,
         authToken,
         awaitingSignatureState,
         connectedWallets,
+        connectedWalletsInfo,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
+        isUserConnected,
         loadingNetwork,
+        loginWithEmail,
         multiWalletWidgetState,
         network,
         networkConfigurations,
@@ -31,6 +34,7 @@ const useDynamicContext = () => {
         rpcProviders,
         sdkHasLoaded,
         secondaryWallets,
+        setLogInWithEmail,
         setMultiWalletWidgetState,
         setNetwork,
         setPrimaryWallet,
@@ -43,6 +47,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' | 'isUserConnected' | 'loginWithEmail' | 'setLogInWithEmail'>;
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -7,18 +7,21 @@ 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, isUserConnected, connectedWallets, connectedWalletsInfo, 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, walletsToConnectByChain, walletsByChain, loginWithEmail, setLogInWithEmail, } = context;
     return {
         accountSwitchState,
         authMode,
         authToken,
         awaitingSignatureState,
         connectedWallets,
+        connectedWalletsInfo,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
+        isUserConnected,
         loadingNetwork,
+        loginWithEmail,
         multiWalletWidgetState,
         network,
         networkConfigurations,
@@ -27,6 +30,7 @@ const useDynamicContext = () => {
         rpcProviders,
         sdkHasLoaded,
         secondaryWallets,
+        setLogInWithEmail,
         setMultiWalletWidgetState,
         setNetwork,
         setPrimaryWallet,
@@ -39,6 +43,8 @@ const useDynamicContext = () => {
         user,
         walletConnector,
         wallets,
+        walletsByChain,
+        walletsToConnectByChain,
     };
 };
 

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
-require('../../config/LSSuffix.cjs');
 var validateType = require('../../shared/utils/functions/validateType/validateType.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -14,6 +13,7 @@ require('react');
 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');
 

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

@@ -1,6 +1,5 @@
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
-import '../../config/LSSuffix.js';
 import { validateType } from '../../shared/utils/functions/validateType/validateType.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -10,6 +9,7 @@ import 'react';
 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';
 

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',

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

@@ -8,18 +8,7 @@ var DynamicAuthLayout = require('../../layout/DynamicAuthLayout/DynamicAuthLayou
 var index = require('../FooterAnimationContext/index.cjs');
 var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
-var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/sdk-api');
-require('../../shared/logger.cjs');
-require('../../config/LSSuffix.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
-require('../../utils/constants/colors.cjs');
-require('ethers');
-var index$1 = require('../../shared/consts/index.cjs');
 
 const MockContext = React.createContext(undefined);
 const MockContextProvider = ({ children, walletName, view, mockedWalletConnector, customerTheme, dynamicLayoutClassName, }) => {
@@ -32,7 +21,6 @@ const MockContextProvider = ({ children, walletName, view, mockedWalletConnector
     return (jsxRuntime.jsx(MockContext.Provider, Object.assign({ value: { mockedSDK: true } }, { children: jsxRuntime.jsx(ViewContext.ViewContext.Provider, Object.assign({ value: viewContextValue }, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: customerTheme }, { children: jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(MockContextWrapper, Object.assign({ dynamicLayoutClassName: dynamicLayoutClassName, mockedWalletConnector: mockedWalletConnector, walletName: walletName }, { children: children })) }) })) }) })) })));
 };
 const MockContextWrapper = ({ dynamicLayoutClassName, mockedWalletConnector, walletName, children, }) => {
-    const { appName, privacyPolicyUrl, termsOfServiceUrl } = useInternalDynamicContext.useInternalDynamicContext();
     /* istanbul ignore next */
     const onClose = () => new Promise(() => { });
     const mockProjectSettings = {
@@ -44,12 +32,12 @@ const MockContextWrapper = ({ dynamicLayoutClassName, mockedWalletConnector, wal
         sdk: { walletConnect: { projectId: '', v2Enabled: false } },
         security: {},
     };
-    return (jsxRuntime.jsx("div", Object.assign({ className: 'mock-ctx__container', style: { position: 'relative' } }, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, Object.assign({ className: dynamicLayoutClassName, appName: appName, onClose: onClose, walletName: walletName, newToWeb3WalletChainMap: index$1.defaultWalletsForChains, projectSettings: mockProjectSettings, transitionProps: {
+    return (jsxRuntime.jsx("div", Object.assign({ className: 'mock-ctx__container', style: { position: 'relative' } }, { children: jsxRuntime.jsx(DynamicAuthLayout.DynamicAuthLayout, Object.assign({ className: dynamicLayoutClassName, onClose: onClose, projectSettings: mockProjectSettings, transitionProps: {
                 isShown: true,
             }, walletConnector: mockedWalletConnector !== null && mockedWalletConnector !== void 0 ? mockedWalletConnector : {
                 canConnectViaQrCode: true,
                 name: walletName,
-            }, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }, { children: children })) })));
+            } }, { children: children })) })));
 };
 const useMockContext = () => {
     const context = React.useContext(MockContext);

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

@@ -4,18 +4,7 @@ import { DynamicAuthLayout } from '../../layout/DynamicAuthLayout/DynamicAuthLay
 import { FooterAnimationContextProvider } from '../FooterAnimationContext/index.js';
 import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
 import { ViewContext } from '../ViewContext/ViewContext.js';
-import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
-import '@dynamic-labs/sdk-api';
-import '../../shared/logger.js';
-import '../../config/LSSuffix.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import '../../utils/constants/colors.js';
-import 'ethers';
-import { defaultWalletsForChains } from '../../shared/consts/index.js';
 
 const MockContext = createContext(undefined);
 const MockContextProvider = ({ children, walletName, view, mockedWalletConnector, customerTheme, dynamicLayoutClassName, }) => {
@@ -28,7 +17,6 @@ const MockContextProvider = ({ children, walletName, view, mockedWalletConnector
     return (jsx(MockContext.Provider, Object.assign({ value: { mockedSDK: true } }, { children: jsx(ViewContext.Provider, Object.assign({ value: viewContextValue }, { children: jsx(ErrorContextProvider, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: customerTheme }, { children: jsx(FooterAnimationContextProvider, { children: jsx(MockContextWrapper, Object.assign({ dynamicLayoutClassName: dynamicLayoutClassName, mockedWalletConnector: mockedWalletConnector, walletName: walletName }, { children: children })) }) })) }) })) })));
 };
 const MockContextWrapper = ({ dynamicLayoutClassName, mockedWalletConnector, walletName, children, }) => {
-    const { appName, privacyPolicyUrl, termsOfServiceUrl } = useInternalDynamicContext();
     /* istanbul ignore next */
     const onClose = () => new Promise(() => { });
     const mockProjectSettings = {
@@ -40,12 +28,12 @@ const MockContextWrapper = ({ dynamicLayoutClassName, mockedWalletConnector, wal
         sdk: { walletConnect: { projectId: '', v2Enabled: false } },
         security: {},
     };
-    return (jsx("div", Object.assign({ className: 'mock-ctx__container', style: { position: 'relative' } }, { children: jsx(DynamicAuthLayout, Object.assign({ className: dynamicLayoutClassName, appName: appName, onClose: onClose, walletName: walletName, newToWeb3WalletChainMap: defaultWalletsForChains, projectSettings: mockProjectSettings, transitionProps: {
+    return (jsx("div", Object.assign({ className: 'mock-ctx__container', style: { position: 'relative' } }, { children: jsx(DynamicAuthLayout, Object.assign({ className: dynamicLayoutClassName, onClose: onClose, projectSettings: mockProjectSettings, transitionProps: {
                 isShown: true,
             }, walletConnector: mockedWalletConnector !== null && mockedWalletConnector !== void 0 ? mockedWalletConnector : {
                 canConnectViaQrCode: true,
                 name: walletName,
-            }, privacyPolicyUrl: privacyPolicyUrl, termsOfServiceUrl: termsOfServiceUrl }, { children: children })) })));
+            } }, { children: children })) })));
 };
 const useMockContext = () => {
     const context = useContext(MockContext);

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -8,16 +8,17 @@ 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('../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');
 require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../DynamicContext/DynamicContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -4,16 +4,17 @@ 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 '../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';
 import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../DynamicContext/DynamicContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -11,15 +11,16 @@ 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('../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');
 require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useConfirmationModal.cjs');

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -7,15 +7,16 @@ 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 '../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';
 import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import { useConfirmationModal } from '../../utils/hooks/useConfirmationModal/useConfirmationModal.js';

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -12,15 +12,16 @@ require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 require('../../config/ApiEndpoint.cjs');
 var logger = require('../../shared/logger.cjs');
-require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 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');
 var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
 require('react-dom');
 require('../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -8,15 +8,16 @@ import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../config/ApiEndpoint.js';
 import { logger } from '../../shared/logger.js';
-import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 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';
 import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
 import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
 import 'react-dom';
 import '../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/context/ThemeContext/themesData.cjs

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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');
@@ -14,6 +13,7 @@ require('@dynamic-labs/wallet-book');
 var index = require('../../shared/utils/functions/getValueByKey/index.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/ThemeContext/themesData.js

@@ -1,6 +1,5 @@
 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';
@@ -10,6 +9,7 @@ import '@dynamic-labs/wallet-book';
 import { getValueByKey } from '../../shared/utils/functions/getValueByKey/index.js';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../shared/consts/index.js';