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

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -7,7 +7,6 @@ var React = require('react');
 var Typography = require('../../components/Typography/Typography.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('../../context/ViewContext/ViewContext.cjs');
@@ -16,6 +15,7 @@ var signCircle = require('../../shared/assets/sign-circle.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index = require('../../shared/consts/index.cjs');
@@ -42,6 +42,7 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var VerticalDrawerTransition = require('../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
 require('../../components/Alert/Alert.cjs');
 var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -3,7 +3,6 @@ import { useRef, useState, useCallback } from 'react';
 import { Typography } from '../../components/Typography/Typography.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 '../../context/ViewContext/ViewContext.js';
@@ -12,6 +11,7 @@ import { ReactComponent as SvgSignCircle } from '../../shared/assets/sign-circle
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from '../../shared/consts/index.js';
@@ -38,6 +38,7 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import { VerticalDrawerTransition } from '../../components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
 import '../../components/Alert/Alert.js';
 import { AppOriginTile } from '../../components/AppOriginTile/AppOriginTile.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs

@@ -6,13 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
 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('../../context/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');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index = require('../../shared/consts/index.cjs');
@@ -32,6 +32,7 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -2,13 +2,13 @@ import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback } 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 '../../context/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 { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from '../../shared/consts/index.js';
@@ -28,6 +28,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/Alert/Alert.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

package/src/lib/modals/index.d.ts

@@ -1,3 +1,4 @@
 export * from './SignMessageConfirmationModal';
 export * from './TransactionConfirmationModal';
 export * from './SendBalanceModal';
+export * from './MultiWalletStepSelectorModal';

package/src/lib/shared/utils/classes/index.d.ts

@@ -0,0 +1 @@
+export { LocalStorage } from './storage/localStorage';

package/src/lib/shared/utils/classes/storage/localStorage.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var localStorage = require('../../../../utils/constants/localStorage.cjs');
+require('../../../../utils/constants/colors.cjs');
+var logger = require('../../../logger.cjs');
+
+class LocalStorage {
+    static getDynamicLSKey(key) {
+        return `${key}${LocalStorage.getSuffix()}`;
+    }
+    static setSuffix(localStorageSuffix) {
+        if (!LocalStorage.__suffix__) {
+            const suffix = (localStorageSuffix && `_${localStorageSuffix}`) || '';
+            LocalStorage.__suffix__ = suffix;
+        }
+    }
+    // Will be refactored on INC-155
+    static getAuthTokenValue() {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(localStorage.AUTH_TOKEN));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.logger.error(e);
+            // Return auth token string for backwards compatibility
+            return value || undefined;
+        }
+        return undefined;
+    }
+    static getFromLS(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(key));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.logger.error(e);
+        }
+        return undefined;
+    }
+    static removeFromLS(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        return window.localStorage.removeItem(LocalStorage.getDynamicLSKey(key));
+    }
+    static setToLS(key, value) {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        window.localStorage.setItem(LocalStorage.getDynamicLSKey(key), JSON.stringify(value));
+    }
+}
+LocalStorage.getSuffix = () => LocalStorage.__suffix__ || '';
+
+exports.LocalStorage = LocalStorage;
+exports["default"] = LocalStorage;

package/src/lib/shared/utils/classes/storage/localStorage.d.ts

@@ -0,0 +1,11 @@
+export declare class LocalStorage {
+    private static __suffix__;
+    static getSuffix: () => string;
+    private static getDynamicLSKey;
+    static setSuffix(localStorageSuffix?: string): void;
+    static getAuthTokenValue(): string | undefined;
+    static getFromLS<T = any>(key: string): T | undefined;
+    static removeFromLS(key: string): void;
+    static setToLS<T = any>(key: string, value: T): void;
+}
+export default LocalStorage;

package/src/lib/shared/utils/classes/storage/localStorage.js

@@ -0,0 +1,63 @@
+import { AUTH_TOKEN } from '../../../../utils/constants/localStorage.js';
+import '../../../../utils/constants/colors.js';
+import { logger } from '../../../logger.js';
+
+class LocalStorage {
+    static getDynamicLSKey(key) {
+        return `${key}${LocalStorage.getSuffix()}`;
+    }
+    static setSuffix(localStorageSuffix) {
+        if (!LocalStorage.__suffix__) {
+            const suffix = (localStorageSuffix && `_${localStorageSuffix}`) || '';
+            LocalStorage.__suffix__ = suffix;
+        }
+    }
+    // Will be refactored on INC-155
+    static getAuthTokenValue() {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(AUTH_TOKEN));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.error(e);
+            // Return auth token string for backwards compatibility
+            return value || undefined;
+        }
+        return undefined;
+    }
+    static getFromLS(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        const value = window.localStorage.getItem(LocalStorage.getDynamicLSKey(key));
+        try {
+            if (value) {
+                return JSON.parse(value);
+            }
+        }
+        catch (e) {
+            logger.error(e);
+        }
+        return undefined;
+    }
+    static removeFromLS(key) {
+        if (typeof window === 'undefined') {
+            return undefined;
+        }
+        return window.localStorage.removeItem(LocalStorage.getDynamicLSKey(key));
+    }
+    static setToLS(key, value) {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        window.localStorage.setItem(LocalStorage.getDynamicLSKey(key), JSON.stringify(value));
+    }
+}
+LocalStorage.getSuffix = () => LocalStorage.__suffix__ || '';
+
+export { LocalStorage, LocalStorage as default };

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs

@@ -3,15 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = 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 getFromLS = require('../storage/getFromLS.cjs');
-require('../../../../config/LSSuffix.cjs');
+var localStorage = require('../../classes/storage/localStorage.cjs');
 var isWalletGroup = require('../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 
 const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
 const comingSoonToMultiWalletDesktop = ['MyAlgo'];
-const getLastUsedWalletName = () => getFromLS.getFromLS(localStorage.LAST_USED_WALLET);
+const getLastUsedWalletName = () => localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
     const lastUsedWalletName = getLastUsedWalletName();
     const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName);

package/src/lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js

@@ -1,13 +1,12 @@
 import { isMobile } from '@dynamic-labs/utils';
 import { LAST_USED_WALLET } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
-import { getFromLS } from '../storage/getFromLS.js';
-import '../../../../config/LSSuffix.js';
+import { LocalStorage } from '../../classes/storage/localStorage.js';
 import { isWalletGroup } from '../../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
 
 const comingSoonToMultiWalletMobile = ['Coinbase', 'MyAlgo', 'Braavos'];
 const comingSoonToMultiWalletDesktop = ['MyAlgo'];
-const getLastUsedWalletName = () => getFromLS(LAST_USED_WALLET);
+const getLastUsedWalletName = () => LocalStorage.getFromLS(LAST_USED_WALLET);
 const getWalletGroupLabel = (walletGroup) => {
     const lastUsedWalletName = getLastUsedWalletName();
     const hasNestedLastUsedWallet = walletGroup.groupedWallets.some((walletOption) => walletOption.walletConnector.name === lastUsedWalletName);

package/src/lib/shared/utils/functions/index.d.ts

@@ -1,5 +1,4 @@
 export * from './decodeJwt';
-export * from './storage';
 export * from './validateType';
 export * from './chain';
 export * from './wallet';

package/src/lib/shared/utils/functions/wallet/createWallet.cjs

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var walletBook = require('@dynamic-labs/wallet-book');
 
-const createWallet = (wallet) => {
+const createWallet = (walletBook$1, wallet) => {
     var _a, _b;
     return ({
-        group: (_a = walletBook.findWalletBookWallet(wallet.name)) === null || _a === void 0 ? void 0 : _a.group,
+        group: (_a = walletBook.findWalletBookWallet(walletBook$1, wallet.name)) === null || _a === void 0 ? void 0 : _a.group,
         isInstalledOnBrowser: (_b = wallet.isInstalledOnBrowser()) !== null && _b !== void 0 ? _b : false,
         key: wallet.key,
         name: wallet.name,

package/src/lib/shared/utils/functions/wallet/createWallet.d.ts

@@ -1,3 +1,4 @@
+import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { WalletOption } from '../../../types';
-export declare const createWallet: (wallet: WalletConnector) => WalletOption;
+export declare const createWallet: (walletBook: WalletBookSchema, wallet: WalletConnector) => WalletOption;

package/src/lib/shared/utils/functions/wallet/createWallet.js

@@ -1,9 +1,9 @@
 import { findWalletBookWallet } from '@dynamic-labs/wallet-book';
 
-const createWallet = (wallet) => {
+const createWallet = (walletBook, wallet) => {
     var _a, _b;
     return ({
-        group: (_a = findWalletBookWallet(wallet.name)) === null || _a === void 0 ? void 0 : _a.group,
+        group: (_a = findWalletBookWallet(walletBook, wallet.name)) === null || _a === void 0 ? void 0 : _a.group,
         isInstalledOnBrowser: (_b = wallet.isInstalledOnBrowser()) !== null && _b !== void 0 ? _b : false,
         key: wallet.key,
         name: wallet.name,

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var index = require('../../functions/lastAuthenticatedAccount/index.cjs');
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }) => {
     var _a;
     const [sdkHasLoaded, setSdkHasLoaded] = React.useState(false);
     const primaryWalletIsLoading = user &&
@@ -13,6 +13,10 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         !primaryWallet;
     const connectOnlyUserIsLoading = authMode === 'connect-only' && connectedInfo && !connectedWallet;
     React.useEffect(() => {
+        var _a;
+        if (!Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length) {
+            return;
+        }
         if (projectSettings) {
             if (primaryWalletIsLoading || connectOnlyUserIsLoading) {
                 return;
@@ -25,6 +29,7 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         user,
         primaryWalletIsLoading,
         connectOnlyUserIsLoading,
+        walletBook,
     ]);
     return {
         sdkHasLoaded,

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 import { UserProfile, Wallet } from '../../../types';
 import { ConnectedWalletConnectorType } from '../../../../utils/hooks/useConnectWallet/useConnectWallet';
 type Props = {
@@ -9,8 +10,9 @@ type Props = {
     primaryWallet: Wallet | null;
     projectSettings: ProjectSettings | undefined;
     user: UserProfile | undefined;
+    walletBook: WalletBookSchema;
 };
-export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, }: Props) => {
+export declare const useGlobalLoading: ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }: Props) => {
     sdkHasLoaded: boolean;
     setSdkHasLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

package/src/lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { lastAuthenticatedAccount } from '../../functions/lastAuthenticatedAccount/index.js';
 
-const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, }) => {
+const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSettings, primaryWallet, user, walletBook, }) => {
     var _a;
     const [sdkHasLoaded, setSdkHasLoaded] = useState(false);
     const primaryWalletIsLoading = user &&
@@ -9,6 +9,10 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         !primaryWallet;
     const connectOnlyUserIsLoading = authMode === 'connect-only' && connectedInfo && !connectedWallet;
     useEffect(() => {
+        var _a;
+        if (!Object.keys((_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _a !== void 0 ? _a : {}).length) {
+            return;
+        }
         if (projectSettings) {
             if (primaryWalletIsLoading || connectOnlyUserIsLoading) {
                 return;
@@ -21,6 +25,7 @@ const useGlobalLoading = ({ authMode, connectedInfo, connectedWallet, projectSet
         user,
         primaryWalletIsLoading,
         connectOnlyUserIsLoading,
+        walletBook,
     ]);
     return {
         sdkHasLoaded,

package/src/lib/shared/utils/hooks/useLocalStorage/useLocalStorage.cjs

@@ -4,27 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var logger = require('../../../logger.cjs');
-require('@dynamic-labs/sdk-api');
-var getFromLS = require('../../functions/storage/getFromLS.cjs');
-require('../../../../config/LSSuffix.cjs');
-var removeFromLS = require('../../functions/storage/removeFromLS.cjs');
-var setToLS = require('../../functions/storage/setToLS.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../../../context/ViewContext/ViewContext.cjs');
-require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
-require('../../../../utils/constants/colors.cjs');
-require('ethers');
+var localStorage = require('../../classes/storage/localStorage.cjs');
 
 const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
     const [storedValue, setStoredValue] = React.useState(() => {
         try {
-            const item = getFromLS.getFromLS(key);
+            const item = localStorage.LocalStorage.getFromLS(key);
             if (Boolean(item) && valueValidator && !valueValidator(item)) {
-                removeFromLS.removeFromLS(key);
-                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => removeFromLS.removeFromLS(k));
+                localStorage.LocalStorage.removeFromLS(key);
+                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => localStorage.LocalStorage.removeFromLS(k));
                 return initialValue;
             }
             else {
@@ -40,14 +28,14 @@ const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) =
         try {
             const valueToStore = value instanceof Function ? value(storedValue) : value;
             setStoredValue(valueToStore);
-            setToLS.setToLS(key, valueToStore);
+            localStorage.LocalStorage.setToLS(key, valueToStore);
         }
         catch (error) {
             logger.logger.error(error);
         }
     }, [key, storedValue]);
     const removeValue = React.useCallback(() => {
-        removeFromLS.removeFromLS(key);
+        localStorage.LocalStorage.removeFromLS(key);
         setStoredValue(initialValue);
     }, [initialValue, key]);
     return [storedValue, setValue, removeValue];

package/src/lib/shared/utils/hooks/useLocalStorage/useLocalStorage.js

@@ -1,26 +1,14 @@
 import { useState, useCallback } from 'react';
 import { logger } from '../../../logger.js';
-import '@dynamic-labs/sdk-api';
-import { getFromLS } from '../../functions/storage/getFromLS.js';
-import '../../../../config/LSSuffix.js';
-import { removeFromLS } from '../../functions/storage/removeFromLS.js';
-import { setToLS } from '../../functions/storage/setToLS.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import '../../../../utils/constants/colors.js';
-import 'ethers';
+import { LocalStorage } from '../../classes/storage/localStorage.js';
 
 const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) => {
     const [storedValue, setStoredValue] = useState(() => {
         try {
-            const item = getFromLS(key);
+            const item = LocalStorage.getFromLS(key);
             if (Boolean(item) && valueValidator && !valueValidator(item)) {
-                removeFromLS(key);
-                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => removeFromLS(k));
+                LocalStorage.removeFromLS(key);
+                otherKeysToRemove === null || otherKeysToRemove === void 0 ? void 0 : otherKeysToRemove.forEach((k) => LocalStorage.removeFromLS(k));
                 return initialValue;
             }
             else {
@@ -36,14 +24,14 @@ const useLocalStorage = (key, initialValue, valueValidator, otherKeysToRemove) =
         try {
             const valueToStore = value instanceof Function ? value(storedValue) : value;
             setStoredValue(valueToStore);
-            setToLS(key, valueToStore);
+            LocalStorage.setToLS(key, valueToStore);
         }
         catch (error) {
             logger.error(error);
         }
     }, [key, storedValue]);
     const removeValue = useCallback(() => {
-        removeFromLS(key);
+        LocalStorage.removeFromLS(key);
         setStoredValue(initialValue);
     }, [initialValue, key]);
     return [storedValue, setValue, removeValue];

package/src/lib/shared/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './functions';
 export * from './hooks';
+export * from './classes';