@dynamic-labs/sdk-react-core 3.0.0-alpha.67 → 3.0.0-alpha.68

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs

@@ -15,7 +15,6 @@ require('react');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../config/ApiEndpoint.cjs');
@@ -68,14 +67,13 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
-require('../../../views/WalletList/WalletList.cjs');
+require('../../FooterAnimationContext/index.cjs');
+require('../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../locale/locale.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../FooterAnimationContext/index.cjs');
-require('../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js

@@ -11,7 +11,6 @@ import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
 import '../../../config/ApiEndpoint.js';
@@ -64,14 +63,13 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
-import '../../../views/WalletList/WalletList.js';
+import '../../FooterAnimationContext/index.js';
+import '../../WalletGroupContext/WalletGroupContext.js';
 import '../../SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../locale/locale.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../FooterAnimationContext/index.js';
-import '../../WalletGroupContext/WalletGroupContext.js';
 import '../../IpConfigurationContext/IpConfigurationContext.js';
 import '../../PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.cjs

@@ -16,7 +16,6 @@ require('react');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.js

@@ -12,7 +12,6 @@ import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';

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

@@ -19,11 +19,9 @@ require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger$1 = require('../../shared/logger.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
-var isSSR = require('../../shared/utils/functions/isSSR/isSSR.cjs');
-var localStorage$1 = require('../../utils/constants/localStorage.cjs');
+var localStorage = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
 var values = require('../../utils/constants/values.cjs');
-var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 var usePrefetch = require('../../shared/utils/hooks/usePrefetch/usePrefetch.cjs');
@@ -86,12 +84,11 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
-require('../../views/WalletList/WalletList.cjs');
+require('../FooterAnimationContext/index.cjs');
 var SocialRedirectContext = require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../FooterAnimationContext/index.cjs');
 var IpConfigurationContext = require('../IpConfigurationContext/IpConfigurationContext.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
@@ -141,6 +138,7 @@ var useMultiAsset = require('./hooks/useMultiAsset/useMultiAsset.cjs');
 var useParentDynamicContextGuard = require('./hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.cjs');
 var useShowFiat = require('./hooks/useShowFiat/useShowFiat.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
+var useRegisterStorageService = require('./hooks/useRegisterStorageService/useRegisterStorageService.cjs');
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const DynamicContext = React.createContext(undefined);
@@ -151,17 +149,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     /**
      * initialize Storage
      */
-    localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
-    if (!isSSR.isSSR()) {
-        utils.StorageService.registerSourceStorage('localStorage', utils.createStorageService({
-            prefix: settings$1.localStorageSuffix,
-            storage: window.localStorage,
-        }));
-        utils.StorageService.registerSourceStorage('sessionStorage', utils.createStorageService({
-            prefix: settings$1.localStorageSuffix,
-            storage: window.sessionStorage,
-        }));
-    }
+    useRegisterStorageService.useRegisterStorageService({
+        storagePostfix: settings$1.localStorageSuffix,
+    });
     /**
      * initialize global store
      */
@@ -200,7 +190,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState.useTabState({ settingsOverrides: settings$1.overrides });
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
-    const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage.useLocalStorage(localStorage$1.BRIDGE_ONBOARDING_COMPLETED, false);
+    const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage.useLocalStorage(localStorage.BRIDGE_ONBOARDING_COMPLETED, false);
     // Allows clients to control widget flow without need to click on AccountControl
     const [showDynamicUserProfile, setShowDynamicUserProfile] = React.useState(false);
     // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
@@ -268,7 +258,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         walletConnectorsProp,
         walletUiUtils,
     });
-    const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
+    const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage.AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId({
         environmentId,
         user: user$1,
@@ -442,10 +432,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         if (authMode !== 'connect-only') {
             removeConnectedWalletsInfo();
         }
-        if (localStorage.LocalStorage.getFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY)) {
-            localStorage.LocalStorage.removeFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY);
+        if (utils.StorageService.getItem(localStorage.WALLET_PICKER_SEARCH_KEY)) {
+            utils.StorageService.removeItem(localStorage.WALLET_PICKER_SEARCH_KEY);
         }
-        localStorage.LocalStorage.removeFromLS(localStorage$1.PHANTOM_SIGNATURE_STATE);
+        utils.StorageService.removeItem(localStorage.PHANTOM_SIGNATURE_STATE);
         if (selectedWalletConnector &&
             (!primaryWallet ||
                 primaryWallet.connector.key !== selectedWalletConnector.key)) {

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

@@ -5,7 +5,7 @@ import { createContext, useState, useRef, useMemo, useEffect, useCallback } from
 import { I18nextProvider } from 'react-i18next';
 import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { Logger } from '@dynamic-labs/logger';
-import { StorageService, createStorageService, MissingEnvironmentIdError } from '@dynamic-labs/utils';
+import { MissingEnvironmentIdError, StorageService } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
 import { setChainInfoOverrides, logger as logger$1, isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { DynamicAuthFlow } from '../../app.js';
@@ -15,11 +15,9 @@ import '../../events/dynamicEvents.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
 import { ViewContextProvider } from '../ViewContext/ViewContext.js';
-import { isSSR } from '../../shared/utils/functions/isSSR/isSSR.js';
 import { BRIDGE_ONBOARDING_COMPLETED, AUTH_MODE, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
 import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.js';
-import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import { usePrefetch } from '../../shared/utils/hooks/usePrefetch/usePrefetch.js';
@@ -82,12 +80,11 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
-import '../../views/WalletList/WalletList.js';
+import '../FooterAnimationContext/index.js';
 import { SocialRedirectContextProvider } from '../SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../FooterAnimationContext/index.js';
 import { IpConfigurationContextProvider } from '../IpConfigurationContext/IpConfigurationContext.js';
 import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
@@ -137,6 +134,7 @@ import { useMultiAsset } from './hooks/useMultiAsset/useMultiAsset.js';
 import { useParentDynamicContextGuard } from './hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.js';
 import { useShowFiat } from './hooks/useShowFiat/useShowFiat.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
+import { useRegisterStorageService } from './hooks/useRegisterStorageService/useRegisterStorageService.js';
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const DynamicContext = createContext(undefined);
@@ -147,17 +145,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     /**
      * initialize Storage
      */
-    LocalStorage.setSuffix(settings.localStorageSuffix);
-    if (!isSSR()) {
-        StorageService.registerSourceStorage('localStorage', createStorageService({
-            prefix: settings.localStorageSuffix,
-            storage: window.localStorage,
-        }));
-        StorageService.registerSourceStorage('sessionStorage', createStorageService({
-            prefix: settings.localStorageSuffix,
-            storage: window.sessionStorage,
-        }));
-    }
+    useRegisterStorageService({
+        storagePostfix: settings.localStorageSuffix,
+    });
     /**
      * initialize global store
      */
@@ -438,10 +428,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         if (authMode !== 'connect-only') {
             removeConnectedWalletsInfo();
         }
-        if (LocalStorage.getFromLS(WALLET_PICKER_SEARCH_KEY)) {
-            LocalStorage.removeFromLS(WALLET_PICKER_SEARCH_KEY);
+        if (StorageService.getItem(WALLET_PICKER_SEARCH_KEY)) {
+            StorageService.removeItem(WALLET_PICKER_SEARCH_KEY);
         }
-        LocalStorage.removeFromLS(PHANTOM_SIGNATURE_STATE);
+        StorageService.removeItem(PHANTOM_SIGNATURE_STATE);
         if (selectedWalletConnector &&
             (!primaryWallet ||
                 primaryWallet.connector.key !== selectedWalletConnector.key)) {

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

@@ -3,11 +3,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var localStorage$1 = require('../../../utils/constants/localStorage.cjs');
+var utils = require('@dynamic-labs/utils');
+var localStorage = require('../../../utils/constants/localStorage.cjs');
 var getExpiresAt = require('../../../utils/functions/getExpiresAt/getExpiresAt.cjs');
 var decodeMinJwt = require('../../../shared/utils/functions/decodeMinJwt/decodeMinJwt.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 
 let logoutTimer;
 let dynamicContextSettingsTimer;
@@ -66,21 +66,21 @@ const getInitialView = ({ connectedWallets, isBridgeFlow, bridgeOnboardingComple
     return { type: 'login-with-email-or-wallet' };
 };
 const setDynamicContextSessionSettings = () => {
-    setSessionSettings(localStorage$1.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS);
+    setSessionSettings(localStorage.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS);
     dynamicContextSettingsTimer = setTimeout(isDynamicContextSessionSettingExpired, sdkSettingsTimeout);
 };
 const setWagmiSessionSettings = () => {
-    setSessionSettings(localStorage$1.WAGMI_LAST_SESSION_SETTINGS);
+    setSessionSettings(localStorage.WAGMI_LAST_SESSION_SETTINGS);
     wagmiSettingsTimer = setTimeout(isWagmiSessionSettingExpired, sdkSettingsTimeout);
 };
 const setSessionSettings = (lsKey) => {
     const timestamp = new Date().getTime();
-    localStorage.LocalStorage.setToLS(lsKey, timestamp.toString());
+    utils.StorageService.setItem(lsKey, timestamp.toString());
 };
-const isDynamicContextSessionSettingExpired = () => isSettingExpired(localStorage$1.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, dynamicContextSettingsTimer);
-const isWagmiSessionSettingExpired = () => isSettingExpired(localStorage$1.WAGMI_LAST_SESSION_SETTINGS, wagmiSettingsTimer);
+const isDynamicContextSessionSettingExpired = () => isSettingExpired(localStorage.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, dynamicContextSettingsTimer);
+const isWagmiSessionSettingExpired = () => isSettingExpired(localStorage.WAGMI_LAST_SESSION_SETTINGS, wagmiSettingsTimer);
 const isSettingExpired = (lsKey, timer) => {
-    const lastSentTime = localStorage.LocalStorage.getFromLS(lsKey);
+    const lastSentTime = utils.StorageService.getItem(lsKey);
     // should set new time
     if (!lastSentTime) {
         return true;
@@ -90,7 +90,7 @@ const isSettingExpired = (lsKey, timer) => {
     if (currentTime - lastSentTimestamp > sdkSettingsTimeout) {
         // Reset session-related data here
         clearTimeout(timer);
-        localStorage.LocalStorage.removeFromLS(lsKey);
+        utils.StorageService.removeItem(lsKey);
         return true;
     }
     return false;

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

@@ -1,9 +1,9 @@
 'use client'
+import { StorageService } from '@dynamic-labs/utils';
 import { DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, WAGMI_LAST_SESSION_SETTINGS } from '../../../utils/constants/localStorage.js';
 import { getExpiresAt } from '../../../utils/functions/getExpiresAt/getExpiresAt.js';
 import { decodeMinJwt } from '../../../shared/utils/functions/decodeMinJwt/decodeMinJwt.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
-import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 
 let logoutTimer;
 let dynamicContextSettingsTimer;
@@ -71,12 +71,12 @@ const setWagmiSessionSettings = () => {
 };
 const setSessionSettings = (lsKey) => {
     const timestamp = new Date().getTime();
-    LocalStorage.setToLS(lsKey, timestamp.toString());
+    StorageService.setItem(lsKey, timestamp.toString());
 };
 const isDynamicContextSessionSettingExpired = () => isSettingExpired(DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, dynamicContextSettingsTimer);
 const isWagmiSessionSettingExpired = () => isSettingExpired(WAGMI_LAST_SESSION_SETTINGS, wagmiSettingsTimer);
 const isSettingExpired = (lsKey, timer) => {
-    const lastSentTime = LocalStorage.getFromLS(lsKey);
+    const lastSentTime = StorageService.getItem(lsKey);
     // should set new time
     if (!lastSentTime) {
         return true;
@@ -86,7 +86,7 @@ const isSettingExpired = (lsKey, timer) => {
     if (currentTime - lastSentTimestamp > sdkSettingsTimeout) {
         // Reset session-related data here
         clearTimeout(timer);
-        LocalStorage.removeFromLS(lsKey);
+        StorageService.removeItem(lsKey);
         return true;
     }
     return false;

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

@@ -12,11 +12,10 @@ require('react/jsx-runtime');
 require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var isDisplayOrderPriorityForWeb3 = require('../../../../shared/utils/functions/isDisplayOrderPriorityForWeb3/isDisplayOrderPriorityForWeb3.cjs');
+require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
-require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../store/state/loadingAndLifecycle.cjs');
-require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 
 const useDisplayOrderState = (projectSettings) => {

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

@@ -8,11 +8,10 @@ import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { isDisplayOrderPriorityForWeb3 } from '../../../../shared/utils/functions/isDisplayOrderPriorityForWeb3/isDisplayOrderPriorityForWeb3.js';
+import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
-import '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../store/state/loadingAndLifecycle.js';
-import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 
 const useDisplayOrderState = (projectSettings) => {

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

@@ -10,16 +10,15 @@ require('@dynamic-labs/utils');
 require('../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../../shared/logger.cjs');
+require('../../../../utils/constants/colors.cjs');
+require('react-international-phone');
 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('../../../../store/state/loadingAndLifecycle.cjs');
 require('../../../../shared/consts/index.cjs');
-require('react-international-phone');
 var isEmailProviderEnabled = require('../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../store/state/user/user.cjs');

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

@@ -6,16 +6,15 @@ import '@dynamic-labs/utils';
 import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../shared/logger.js';
+import '../../../../utils/constants/colors.js';
+import 'react-international-phone';
 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 '../../../../store/state/loadingAndLifecycle.js';
 import '../../../../shared/consts/index.js';
-import 'react-international-phone';
 import { isEmailProviderEnabled } from '../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-require('@dynamic-labs/utils');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -13,10 +13,9 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var localStorage$1 = require('../../../../utils/constants/localStorage.cjs');
+var localStorage = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
 var values = require('../../../../utils/constants/values.cjs');
-var localStorage = require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../store/state/loadingAndLifecycle.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../config/ApiEndpoint.cjs');
@@ -27,81 +26,7 @@ var user = require('../../../../store/state/user/user.cjs');
 var session = require('../../../../data/api/session/session.cjs');
 require('../../../../locale/locale.cjs');
 var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
-var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
-require('../../DynamicContext.cjs');
-require('../../../CaptchaContext/CaptchaContext.cjs');
-require('../../../ErrorContext/ErrorContext.cjs');
-require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../../AccountExistsContext/AccountExistsContext.cjs');
-require('../../../UserWalletsContext/UserWalletsContext.cjs');
-require('../../../VerificationContext/VerificationContext.cjs');
-require('react-dom');
-require('../../../WalletContext/WalletContext.cjs');
-require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
-require('../../../ThemeContext/ThemeContext.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-require('@dynamic-labs/types');
-require('../../../LoadingContext/LoadingContext.cjs');
-require('yup');
-require('../../../MockContext/MockContext.cjs');
-require('../../../../views/CollectUserDataView/useFields.cjs');
-require('../../../FieldsStateContext/FieldsStateContext.cjs');
-require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../../../store/state/environmentId.cjs');
-require('../../../../store/state/walletConnectorOptions.cjs');
-require('react-i18next');
-require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../../components/Alert/Alert.cjs');
-require('../../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../../components/IconButton/IconButton.cjs');
-require('../../../../components/InlineWidget/InlineWidget.cjs');
-require('../../../../components/Input/Input.cjs');
-require('../../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../components/Popper/Popper/Popper.cjs');
-require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../../../../views/WalletList/WalletList.cjs');
-require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../FooterAnimationContext/index.cjs');
-require('../../../WalletGroupContext/WalletGroupContext.cjs');
-require('../../../IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../PasskeyContext/PasskeyContext.cjs');
-require('../../../../store/state/sendBalances.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../polyfills.cjs');
-require('../../../ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../../../ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../../../FundingContext/FundingContext.cjs');
-require('../../../SendBalanceContext/SendBalanceContext.cjs');
-require('../../../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../ConnectWithOtpContext/constants.cjs');
-require('../../../ReinitializeContext/ReinitializeContextProvider.cjs');
-require('../../../../store/state/tokenBalances.cjs');
 
-const clearFromLocalStorage = [
-    localStorage$1.AUTH_TOKEN,
-    localStorage$1.AUTH_MIN_TOKEN,
-    localStorage$1.WALLET_PICKER_SEARCH_KEY,
-    localStorage$1.PHANTOM_SIGNATURE_STATE,
-    localStorage$1.AUTH_EXPIRES_AT,
-];
 const useHandleLogout = (params) => {
     const paramsRef = React.useRef(params);
     paramsRef.current = params;
@@ -123,8 +48,16 @@ const useHandleLogout = (params) => {
             });
         }
         p.setLegacyIsVerifying(false);
-        for (const item of clearFromLocalStorage)
-            localStorage.LocalStorage.removeFromLS(item);
+        // Clear storage
+        utils.StorageService.removeItem(localStorage.AUTH_TOKEN, {
+            priority: ['secureStorage', 'localStorage'],
+        });
+        utils.StorageService.removeItem(localStorage.AUTH_MIN_TOKEN, {
+            priority: ['secureStorage', 'localStorage'],
+        });
+        utils.StorageService.removeItem(localStorage.WALLET_PICKER_SEARCH_KEY);
+        utils.StorageService.removeItem(localStorage.PHANTOM_SIGNATURE_STATE);
+        utils.StorageService.removeItem(localStorage.AUTH_EXPIRES_AT);
         p.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,
@@ -147,10 +80,14 @@ const useHandleLogout = (params) => {
         yield Promise.all(p.walletConnectors.map((connector) => connector.endSession()));
         yield Promise.all(p.connectedWallets.map((connectedWallet) => connectedWallet.connector.endSession()));
     }), []);
-    /** Allows triggering a logout from anywhere in the code */
-    useDynamicEvents.useInternalDynamicEvents('triggerLogout', () => logout());
+    /** Trigger a logout when the SDK failed to load data from storage */
+    React.useEffect(() => {
+        utils.StorageService.events.on('parseFailure', logout);
+        return () => {
+            utils.StorageService.events.off('parseFailure', logout);
+        };
+    }, [logout]);
     return logout;
 };
 
-exports.clearFromLocalStorage = clearFromLocalStorage;
 exports.useHandleLogout = useHandleLogout;

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

@@ -1,3 +1,2 @@
 import { UseHandleLogoutParams } from './types';
-export declare const clearFromLocalStorage: string[];
 export declare const useHandleLogout: (params: UseHandleLogoutParams) => () => Promise<void>;