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

package/src/lib/utils/hooks/useCountdown/useCountdown.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const useCountdown = ({ callback, seconds }) => {
+    const [remainingSeconds, setRemainingSeconds] = React.useState(seconds);
+    const timeoutRef = React.useRef();
+    const startCountdown = () => {
+        if (timeoutRef.current) {
+            return setRemainingSeconds(seconds);
+        }
+        runCountdown();
+    };
+    const stopCountdown = () => {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+    };
+    const runCountdown = () => {
+        timeoutRef.current = setTimeout(() => {
+            setRemainingSeconds((prevSeconds) => prevSeconds - 1);
+        }, 1000);
+    };
+    React.useEffect(() => {
+        if (!timeoutRef.current)
+            return;
+        if (remainingSeconds <= 0) {
+            if (callback)
+                callback();
+            return;
+        }
+        runCountdown();
+        return () => clearTimeout(timeoutRef.current);
+    }, [remainingSeconds, callback]);
+    return { remainingSeconds, startCountdown, stopCountdown };
+};
+
+exports.useCountdown = useCountdown;

package/src/lib/utils/hooks/useCountdown/useCountdown.d.ts

@@ -0,0 +1,11 @@
+type Prop = {
+    callback?: () => void;
+    seconds: number;
+};
+export interface UseCountdown {
+    remainingSeconds: number;
+    startCountdown: () => void;
+    stopCountdown: () => void;
+}
+export declare const useCountdown: ({ callback, seconds }: Prop) => UseCountdown;
+export {};

package/src/lib/utils/hooks/useCountdown/useCountdown.js

@@ -0,0 +1,35 @@
+import { useState, useRef, useEffect } from 'react';
+
+const useCountdown = ({ callback, seconds }) => {
+    const [remainingSeconds, setRemainingSeconds] = useState(seconds);
+    const timeoutRef = useRef();
+    const startCountdown = () => {
+        if (timeoutRef.current) {
+            return setRemainingSeconds(seconds);
+        }
+        runCountdown();
+    };
+    const stopCountdown = () => {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+    };
+    const runCountdown = () => {
+        timeoutRef.current = setTimeout(() => {
+            setRemainingSeconds((prevSeconds) => prevSeconds - 1);
+        }, 1000);
+    };
+    useEffect(() => {
+        if (!timeoutRef.current)
+            return;
+        if (remainingSeconds <= 0) {
+            if (callback)
+                callback();
+            return;
+        }
+        runCountdown();
+        return () => clearTimeout(timeoutRef.current);
+    }, [remainingSeconds, callback]);
+    return { remainingSeconds, startCountdown, stopCountdown };
+};
+
+export { useCountdown };

package/src/lib/utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 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('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../shared/consts/index.cjs');
 var index = require('../../functions/storeAuthToken/index.cjs');
@@ -23,19 +24,19 @@ require('@dynamic-labs/sdk-api');
 
 const useCreateUserProfileByJWTCallback = () => {
     const { setUser, handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
-    const createUserProfileByJWT = React.useCallback((jwt) => {
+    const { goToInitialView } = ViewContext.useViewContext();
+    const createUserProfileByJWT = React.useCallback((jwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const decodedJWT = decodeJwt.decodeJwt(jwt);
         if (!decodedJWT) {
-            handleLogOut();
-            setView('wallet-list');
+            yield handleLogOut();
+            goToInitialView();
             return;
         }
+        index.storeAuthToken(jwt);
         const userProfile = createUserProfile.createUserProfile(decodedJWT);
         setUser(userProfile);
-        index.storeAuthToken(jwt);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { createUserProfileByJWT };
 };
 

package/src/lib/utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.d.ts

@@ -1,3 +1,3 @@
 export declare const useCreateUserProfileByJWTCallback: () => {
-    createUserProfileByJWT: (jwt: string) => void;
+    createUserProfileByJWT: (jwt: string) => Promise<void>;
 };

package/src/lib/utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js

@@ -1,15 +1,16 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 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 '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../shared/consts/index.js';
 import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
@@ -19,19 +20,19 @@ import '@dynamic-labs/sdk-api';
 
 const useCreateUserProfileByJWTCallback = () => {
     const { setUser, handleLogOut } = useInternalDynamicContext();
-    const { setView } = useViewContext();
-    const createUserProfileByJWT = useCallback((jwt) => {
+    const { goToInitialView } = useViewContext();
+    const createUserProfileByJWT = useCallback((jwt) => __awaiter(void 0, void 0, void 0, function* () {
         const decodedJWT = decodeJwt(jwt);
         if (!decodedJWT) {
-            handleLogOut();
-            setView('wallet-list');
+            yield handleLogOut();
+            goToInitialView();
             return;
         }
+        storeAuthToken(jwt);
         const userProfile = createUserProfile(decodedJWT);
         setUser(userProfile);
-        storeAuthToken(jwt);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { createUserProfileByJWT };
 };
 

package/src/lib/utils/hooks/useDynamicScopes/index.d.ts

@@ -0,0 +1 @@
+export { useDynamicScopes } from './useDynamicScopes';

package/src/lib/utils/hooks/useDynamicScopes/useDynamicScopes.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+
+// This hook can be used to get all of the user's scopes (nft/token gates)
+// and check if the user has a specific scopes with some logic AND/OR (nft/token gate)
+const useDynamicScopes = () => {
+    const { decodedAuthToken } = useInternalDynamicContext.useInternalDynamicContext();
+    const userScopes = React.useMemo(() => {
+        const { scope } = decodedAuthToken || {};
+        if (!scope)
+            return [];
+        // We need to split the scopes string into an array of scopes
+        // because the scopes string is a space separated string of scopes
+        // e.g. '"scope": "customerservice marketing tech"'
+        return scope.split(' ');
+    }, [decodedAuthToken]);
+    // If customer will set scopes to an empty string it will return false
+    const userHasScopes = (scopes, logicOperator = 'OR') => {
+        if (!scopes.length)
+            return false;
+        if (typeof scopes === 'string')
+            scopes = scopes.split(' ');
+        if (logicOperator === 'AND') {
+            // If the logic operator is AND, the user must have all of the scopes
+            // If the logic operator is OR, the user must have at least one of the scopes
+            return scopes.every((scope) => Boolean(userScopes.includes(scope)));
+        }
+        return scopes.some((scope) => Boolean(userScopes.includes(scope)));
+    };
+    return {
+        userHasScopes,
+        userScopes,
+    };
+};
+
+exports.useDynamicScopes = useDynamicScopes;

package/src/lib/utils/hooks/useDynamicScopes/useDynamicScopes.d.ts

@@ -0,0 +1,6 @@
+type LogicGateOperators = 'AND' | 'OR';
+export declare const useDynamicScopes: () => {
+    userHasScopes: (scopes: string[] | string, logicOperator?: LogicGateOperators) => boolean;
+    userScopes: string[];
+};
+export {};

package/src/lib/utils/hooks/useDynamicScopes/useDynamicScopes.js

@@ -0,0 +1,36 @@
+import { useMemo } from 'react';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+
+// This hook can be used to get all of the user's scopes (nft/token gates)
+// and check if the user has a specific scopes with some logic AND/OR (nft/token gate)
+const useDynamicScopes = () => {
+    const { decodedAuthToken } = useInternalDynamicContext();
+    const userScopes = useMemo(() => {
+        const { scope } = decodedAuthToken || {};
+        if (!scope)
+            return [];
+        // We need to split the scopes string into an array of scopes
+        // because the scopes string is a space separated string of scopes
+        // e.g. '"scope": "customerservice marketing tech"'
+        return scope.split(' ');
+    }, [decodedAuthToken]);
+    // If customer will set scopes to an empty string it will return false
+    const userHasScopes = (scopes, logicOperator = 'OR') => {
+        if (!scopes.length)
+            return false;
+        if (typeof scopes === 'string')
+            scopes = scopes.split(' ');
+        if (logicOperator === 'AND') {
+            // If the logic operator is AND, the user must have all of the scopes
+            // If the logic operator is OR, the user must have at least one of the scopes
+            return scopes.every((scope) => Boolean(userScopes.includes(scope)));
+        }
+        return scopes.some((scope) => Boolean(userScopes.includes(scope)));
+    };
+    return {
+        userHasScopes,
+        userScopes,
+    };
+};
+
+export { useDynamicScopes };

package/src/lib/utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.cjs

@@ -7,8 +7,6 @@ var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.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');
@@ -16,6 +14,7 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
+var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
@@ -49,8 +48,8 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
         }
     }, [environmentId, handleRemoveLsNetworks, lsNetworks, removeLsNetworks]);
     React.useEffect(() => {
-        const connectedWalletData = getFromLS.getFromLS(localStorage.CONNECTED_WALLET_CONNECTOR_DATA);
-        if (!authToken && !connectedWalletData) {
+        const connectedWalletData = localStorage$1.LocalStorage.getFromLS(localStorage.CONNECTED_WALLETS_INFO) || [];
+        if (!authToken && !(connectedWalletData === null || connectedWalletData === void 0 ? void 0 : connectedWalletData.length)) {
             handleRemoveLsNetworks();
         }
     }, [authToken, handleRemoveLsNetworks]);

package/src/lib/utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.js

@@ -3,15 +3,14 @@ import { DynamicError } from '@dynamic-labs/utils';
 import { fetchNetworkSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.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';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { NETWORKS_STORAGE_KEY, CONNECTED_WALLET_CONNECTOR_DATA } from '../../constants/localStorage.js';
+import { NETWORKS_STORAGE_KEY, CONNECTED_WALLETS_INFO } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
@@ -45,8 +44,8 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
         }
     }, [environmentId, handleRemoveLsNetworks, lsNetworks, removeLsNetworks]);
     useEffect(() => {
-        const connectedWalletData = getFromLS(CONNECTED_WALLET_CONNECTOR_DATA);
-        if (!authToken && !connectedWalletData) {
+        const connectedWalletData = LocalStorage.getFromLS(CONNECTED_WALLETS_INFO) || [];
+        if (!authToken && !(connectedWalletData === null || connectedWalletData === void 0 ? void 0 : connectedWalletData.length)) {
             handleRemoveLsNetworks();
         }
     }, [authToken, handleRemoveLsNetworks]);

package/src/lib/utils/hooks/useFetchNonce/useFetchNonce.cjs

@@ -7,7 +7,6 @@ var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.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('react/jsx-runtime');
@@ -15,6 +14,7 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var localStorage = require('../../constants/localStorage.cjs');
 require('../../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/utils/hooks/useFetchNonce/useFetchNonce.js

@@ -3,7 +3,6 @@ import { DynamicError } from '@dynamic-labs/utils';
 import { fetchNonce } from '../../../data/api.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 'react/jsx-runtime';
@@ -11,6 +10,7 @@ import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { NONCE_STORAGE_KEY } from '../../constants/localStorage.js';
 import '../../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/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs

@@ -7,8 +7,6 @@ var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.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');
@@ -16,6 +14,7 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
+var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
@@ -34,7 +33,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, })
         removeLsSettings();
     }
     React.useEffect(() => {
-        const connectedWalletData = getFromLS.getFromLS(localStorage.CONNECTED_WALLET_CONNECTOR_DATA);
+        const [connectedWalletData] = localStorage$1.LocalStorage.getFromLS(localStorage.CONNECTED_WALLETS_INFO) || [];
         if (!authToken && !connectedWalletData) {
             removeLsSettings();
         }

package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js

@@ -3,15 +3,14 @@ import { DynamicError } from '@dynamic-labs/utils';
 import { fetchProjectSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.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';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { PROJECT_SETTINGS_STORAGE_KEY, CONNECTED_WALLET_CONNECTOR_DATA } from '../../constants/localStorage.js';
+import { PROJECT_SETTINGS_STORAGE_KEY, CONNECTED_WALLETS_INFO } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
@@ -30,7 +29,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, })
         removeLsSettings();
     }
     useEffect(() => {
-        const connectedWalletData = getFromLS(CONNECTED_WALLET_CONNECTOR_DATA);
+        const [connectedWalletData] = LocalStorage.getFromLS(CONNECTED_WALLETS_INFO) || [];
         if (!authToken && !connectedWalletData) {
             removeLsSettings();
         }

package/src/lib/utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.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,21 +12,18 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var index = require('../../../shared/consts/index.cjs');
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {
-    const walletsForChainsMap = index.defaultWalletsForChains;
-    // Update default map only if is setup
-    React.useEffect(() => {
-        if (propsWalletsChainsMap) {
-            Object.assign(walletsForChainsMap, {
-                primary_chain: propsWalletsChainsMap.primary_chain,
-                wallets: Object.assign(Object.assign({}, index.defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
-                    propsWalletsChainsMap.wallets)),
-            });
+    const walletsForChainsMap = React.useMemo(() => {
+        if (!propsWalletsChainsMap) {
+            return index.defaultWalletsForChains;
         }
-    }, []);
+        return Object.assign(Object.assign({}, index.defaultWalletsForChains), { primary_chain: propsWalletsChainsMap.primary_chain, wallets: Object.assign(Object.assign({}, index.defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
+                propsWalletsChainsMap.wallets)) });
+    }, [propsWalletsChainsMap]);
     return { walletsForChainsMap };
 };
 

package/src/lib/utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.js

@@ -1,7 +1,6 @@
-import { useEffect } from 'react';
+import { useMemo } 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,21 +8,18 @@ import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { defaultWalletsForChains } from '../../../shared/consts/index.js';
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {
-    const walletsForChainsMap = defaultWalletsForChains;
-    // Update default map only if is setup
-    useEffect(() => {
-        if (propsWalletsChainsMap) {
-            Object.assign(walletsForChainsMap, {
-                primary_chain: propsWalletsChainsMap.primary_chain,
-                wallets: Object.assign(Object.assign({}, defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
-                    propsWalletsChainsMap.wallets)),
-            });
+    const walletsForChainsMap = useMemo(() => {
+        if (!propsWalletsChainsMap) {
+            return defaultWalletsForChains;
         }
-    }, []);
+        return Object.assign(Object.assign({}, defaultWalletsForChains), { primary_chain: propsWalletsChainsMap.primary_chain, wallets: Object.assign(Object.assign({}, defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
+                propsWalletsChainsMap.wallets)) });
+    }, [propsWalletsChainsMap]);
     return { walletsForChainsMap };
 };
 

package/src/lib/utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs

@@ -6,16 +6,15 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.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');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
-var localStorage = require('../../constants/localStorage.cjs');
+var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../shared/consts/index.cjs');
 var handleUnlinkHelper = require('../../functions/handleUnlinkHelper/handleUnlinkHelper.cjs');
@@ -33,7 +32,7 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
         //  handleUnlinkWallet('1234');
         // }
         // without fetching from LS, primaryWalletId would still be 1234 when handleUnlinkWallet runs in the example above
-        const currentPrimaryWalletId = (_a = getFromLS.getFromLS(localStorage.PRIMARY_WALLET_ID)) !== null && _a !== void 0 ? _a : primaryWalletId;
+        const currentPrimaryWalletId = (_a = localStorage.LocalStorage.getFromLS(localStorage$1.PRIMARY_WALLET_ID)) !== null && _a !== void 0 ? _a : primaryWalletId;
         if (walletId === currentPrimaryWalletId)
             return;
         const newUser = yield handleUnlinkHelper.handleUnlinkHelper({

package/src/lib/utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.js

@@ -2,8 +2,6 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.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';
@@ -12,6 +10,7 @@ import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import { PRIMARY_WALLET_ID } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../shared/consts/index.js';
 import { handleUnlinkHelper } from '../../functions/handleUnlinkHelper/handleUnlinkHelper.js';
@@ -29,7 +28,7 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
         //  handleUnlinkWallet('1234');
         // }
         // without fetching from LS, primaryWalletId would still be 1234 when handleUnlinkWallet runs in the example above
-        const currentPrimaryWalletId = (_a = getFromLS(PRIMARY_WALLET_ID)) !== null && _a !== void 0 ? _a : primaryWalletId;
+        const currentPrimaryWalletId = (_a = LocalStorage.getFromLS(PRIMARY_WALLET_ID)) !== null && _a !== void 0 ? _a : primaryWalletId;
         if (walletId === currentPrimaryWalletId)
             return;
         const newUser = yield handleUnlinkHelper({

package/src/lib/utils/hooks/useHandleWalletsToConnect/index.d.ts

@@ -0,0 +1 @@
+export { useHandleWalletsToConnect } from './useHandleWalletsToConnect';

package/src/lib/utils/hooks/useHandleWalletsToConnect/useHandleWalletsToConnect.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+
+const useHandleWalletsToConnect = () => {
+    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, setConnectedUser, isUserConnected, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView, goToInitialView } = ViewContext.useViewContext();
+    const handleWalletsToConnect = () => {
+        if (!walletsToConnectByChain) {
+            setConnectedUser(true);
+            setShowAuthFlow(false);
+            return;
+        }
+        const [firstWallet, ...restOfTheWallets] = walletsToConnectByChain;
+        if (firstWallet.numberOfWallets > 1) {
+            const updatedWallets = [
+                Object.assign(Object.assign({}, firstWallet), { numberOfWallets: firstWallet.numberOfWallets - 1 }),
+                ...restOfTheWallets,
+            ];
+            setWalletsToConnectByChain(updatedWallets);
+            setView('wallet-list');
+            return;
+        }
+        setWalletsToConnectByChain(restOfTheWallets);
+        const allWalletsConnected = restOfTheWallets.length === 0;
+        if (allWalletsConnected) {
+            if (!isUserConnected) {
+                setConnectedUser(true);
+                setView('bridge-summary');
+            }
+            else {
+                setShowAuthFlow(false);
+                goToInitialView();
+            }
+            return;
+        }
+        setView('bridge-next-wallet-connection');
+    };
+    return { handleWalletsToConnect };
+};
+
+exports.useHandleWalletsToConnect = useHandleWalletsToConnect;

package/src/lib/utils/hooks/useHandleWalletsToConnect/useHandleWalletsToConnect.d.ts

@@ -0,0 +1,3 @@
+export declare const useHandleWalletsToConnect: () => {
+    handleWalletsToConnect: () => void;
+};