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

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;
+};

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

@@ -0,0 +1,41 @@
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+
+const useHandleWalletsToConnect = () => {
+    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, setConnectedUser, isUserConnected, } = useInternalDynamicContext();
+    const { setView, goToInitialView } = 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 };
+};
+
+export { useHandleWalletsToConnect };

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

@@ -0,0 +1 @@
+export declare const useInterval: (callback: () => void, delay: number | null) => void;

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

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

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

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

@@ -0,0 +1,6 @@
+import { useLayoutEffect, useEffect } from 'react';
+
+// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+export { useIsomorphicLayoutEffect };

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

@@ -5,19 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
-    const handleKeydown = React.useCallback((evt) => {
-        if (disabled)
-            return;
-        if (evt.key === inputKey) {
-            onKeyPressed();
-        }
-    }, [disabled, inputKey, onKeyPressed]);
     React.useEffect(() => {
+        const handleKeydown = (evt) => {
+            if (disabled || evt.key !== inputKey)
+                return;
+            onKeyPressed();
+        };
         document.addEventListener('keydown', handleKeydown);
         return () => {
             document.removeEventListener('keydown', handleKeydown);
         };
-    }, [handleKeydown]);
+    }, [disabled, inputKey, onKeyPressed]);
 };
 
 exports.useKeyboardEventListener = useKeyboardEventListener;

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

@@ -1,19 +1,17 @@
-import { useCallback, useEffect } from 'react';
+import { useEffect } from 'react';
 
 const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
-    const handleKeydown = useCallback((evt) => {
-        if (disabled)
-            return;
-        if (evt.key === inputKey) {
-            onKeyPressed();
-        }
-    }, [disabled, inputKey, onKeyPressed]);
     useEffect(() => {
+        const handleKeydown = (evt) => {
+            if (disabled || evt.key !== inputKey)
+                return;
+            onKeyPressed();
+        };
         document.addEventListener('keydown', handleKeydown);
         return () => {
             document.removeEventListener('keydown', handleKeydown);
         };
-    }, [handleKeydown]);
+    }, [disabled, inputKey, onKeyPressed]);
 };
 
 export { useKeyboardEventListener };

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.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('@dynamic-labs/wallet-book');
 var isSSR = require('../../../shared/utils/functions/isSSR/isSSR.cjs');
 require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../shared/consts/index.cjs');
 var useOnlyConnectedMode = require('../useOnlyConnectedMode/useOnlyConnectedMode.cjs');

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

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

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

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

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

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.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');
+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');
+var primaryWalletIdValidator = require('../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.cjs');
+require('@dynamic-labs/multi-wallet');
+
+const usePrimaryWalletId = () => {
+    const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage.useLocalStorage(localStorage.PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator.primaryWalletIdValidator);
+    const setPrimaryWalletId = React.useCallback((walletId) => {
+        setPrimaryWalletIdState(walletId);
+    }, [setPrimaryWalletIdState]);
+    return {
+        clearPrimaryWalletId,
+        primaryWalletId,
+        setPrimaryWalletId,
+    };
+};
+
+exports.usePrimaryWalletId = usePrimaryWalletId;

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

@@ -0,0 +1,5 @@
+export declare const usePrimaryWalletId: () => {
+    clearPrimaryWalletId: () => void;
+    primaryWalletId: string | undefined;
+    setPrimaryWalletId: (walletId: string) => void;
+};

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

@@ -0,0 +1,31 @@
+import { useCallback } from 'react';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.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 { PRIMARY_WALLET_ID } 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';
+import { primaryWalletIdValidator } from '../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.js';
+import '@dynamic-labs/multi-wallet';
+
+const usePrimaryWalletId = () => {
+    const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage(PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator);
+    const setPrimaryWalletId = useCallback((walletId) => {
+        setPrimaryWalletIdState(walletId);
+    }, [setPrimaryWalletIdState]);
+    return {
+        clearPrimaryWalletId,
+        primaryWalletId,
+        setPrimaryWalletId,
+    };
+};
+
+export { usePrimaryWalletId };

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

@@ -5,7 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 
-const usePromise = (fetcher, deps = []) => {
+const usePromise = (fetcher, deps = [], options = {
+    enabled: true,
+}) => {
     const [state, setState] = React.useState({
         active: false,
     });
@@ -35,7 +37,9 @@ const usePromise = (fetcher, deps = []) => {
         }
     }), [setState, fetcher]);
     React.useEffect(() => {
-        fetch();
+        if (options.enabled) {
+            fetch();
+        }
     }, deps);
     return Object.assign(Object.assign({}, state), { isLoading: state.active });
 };

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

@@ -1,3 +1,6 @@
 import { DependencyList } from 'react';
 import { PromiseState } from './usePromise.types';
-export declare const usePromise: <T = unknown, E = unknown>(fetcher: () => T | Promise<T>, deps?: DependencyList) => PromiseState<T, E>;
+export type UsePromiseOptions = {
+    enabled?: boolean;
+};
+export declare const usePromise: <T = unknown, E = unknown>(fetcher: () => T | Promise<T>, deps?: DependencyList, options?: UsePromiseOptions) => PromiseState<T, E>;

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

@@ -1,7 +1,9 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback, useEffect } from 'react';
 
-const usePromise = (fetcher, deps = []) => {
+const usePromise = (fetcher, deps = [], options = {
+    enabled: true,
+}) => {
     const [state, setState] = useState({
         active: false,
     });
@@ -31,7 +33,9 @@ const usePromise = (fetcher, deps = []) => {
         }
     }), [setState, fetcher]);
     useEffect(() => {
-        fetch();
+        if (options.enabled) {
+            fetch();
+        }
     }, deps);
     return Object.assign(Object.assign({}, state), { isLoading: state.active });
 };