@dynamic-labs/sdk-react-core 4.7.1 → 4.8.0

package/src/lib/utils/constants/localStorage.cjs

@@ -10,7 +10,6 @@ const AUTH_EXPIRES_AT = 'dynamic_auth_expires_at';
 const LAST_USED_WALLET = 'dynamic_last_used_wallet';
 const WALLET_PICKER_SEARCH_KEY = 'dynamic_wallet_picker_search';
 const NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY = 'dynamic_newtoweb3_wallet_extension_installed';
-const CONNECTED_WALLETS_INFO = 'dynamic_connected_wallets';
 const CONNECTED_WALLET_NAME_SERVICE = 'dynamic_connected_wallet_ns';
 const BRIDGE_ONBOARDING_COMPLETED = 'dynamic_bridge_onboarding_completed';
 const DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = 'dynamic_context_session_settings';
@@ -35,7 +34,6 @@ exports.AUTH_MIN_TOKEN = AUTH_MIN_TOKEN;
 exports.AUTH_TOKEN = AUTH_TOKEN;
 exports.BRIDGE_ONBOARDING_COMPLETED = BRIDGE_ONBOARDING_COMPLETED;
 exports.CAPTCHA_TOKEN = CAPTCHA_TOKEN;
-exports.CONNECTED_WALLETS_INFO = CONNECTED_WALLETS_INFO;
 exports.CONNECTED_WALLET_NAME_SERVICE = CONNECTED_WALLET_NAME_SERVICE;
 exports.DEVICE_FINGERPRINT = DEVICE_FINGERPRINT;
 exports.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS;

package/src/lib/utils/constants/localStorage.d.ts

@@ -8,7 +8,6 @@ export declare const NETWORKS_STORAGE_KEY = "dynamic_networks";
 export declare const THEME = "dynamic_theme";
 export declare const WALLET_PICKER_SEARCH_KEY = "dynamic_wallet_picker_search";
 export declare const NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY = "dynamic_newtoweb3_wallet_extension_installed";
-export declare const CONNECTED_WALLETS_INFO = "dynamic_connected_wallets";
 export declare const CONNECTED_WALLET_NAME_SERVICE = "dynamic_connected_wallet_ns";
 export declare const BRIDGE_ONBOARDING_COMPLETED = "dynamic_bridge_onboarding_completed";
 export declare const DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = "dynamic_context_session_settings";

package/src/lib/utils/constants/localStorage.js

@@ -6,7 +6,6 @@ const AUTH_EXPIRES_AT = 'dynamic_auth_expires_at';
 const LAST_USED_WALLET = 'dynamic_last_used_wallet';
 const WALLET_PICKER_SEARCH_KEY = 'dynamic_wallet_picker_search';
 const NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY = 'dynamic_newtoweb3_wallet_extension_installed';
-const CONNECTED_WALLETS_INFO = 'dynamic_connected_wallets';
 const CONNECTED_WALLET_NAME_SERVICE = 'dynamic_connected_wallet_ns';
 const BRIDGE_ONBOARDING_COMPLETED = 'dynamic_bridge_onboarding_completed';
 const DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = 'dynamic_context_session_settings';
@@ -26,4 +25,4 @@ const SECURE_ENCLAVE_WALLET_SESSION_KEYS_STORAGE_OPTIONS = {
     priority: ['secureStorage', 'localStorage'],
 };
 
-export { AUTH_EXPIRES_AT, AUTH_MIN_TOKEN, AUTH_TOKEN, BRIDGE_ONBOARDING_COMPLETED, CAPTCHA_TOKEN, CONNECTED_WALLETS_INFO, CONNECTED_WALLET_NAME_SERVICE, DEVICE_FINGERPRINT, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, LAST_USED_WALLET, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, PHANTOM_SIGNATURE_STATE, PHONE_INPUT_DEFAULT_COUNTRY, SECURE_ENCLAVE_WALLET_SESSION_KEYS, SECURE_ENCLAVE_WALLET_SESSION_KEYS_STORAGE_OPTIONS, STORE_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY, ZERODEV_AUTHORIZATION };
+export { AUTH_EXPIRES_AT, AUTH_MIN_TOKEN, AUTH_TOKEN, BRIDGE_ONBOARDING_COMPLETED, CAPTCHA_TOKEN, CONNECTED_WALLET_NAME_SERVICE, DEVICE_FINGERPRINT, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, LAST_USED_WALLET, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, PHANTOM_SIGNATURE_STATE, PHONE_INPUT_DEFAULT_COUNTRY, SECURE_ENCLAVE_WALLET_SESSION_KEYS, SECURE_ENCLAVE_WALLET_SESSION_KEYS_STORAGE_OPTIONS, STORE_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY, ZERODEV_AUTHORIZATION };

package/src/lib/utils/functions/getTransactionLink/getTransactionLink.cjs

@@ -0,0 +1,22 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+
+const getTransactionLink = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector, transactionHash, }) {
+    try {
+        const [blockExplorerUrl] = yield walletConnector.getBlockExplorerUrlsForCurrentNetwork();
+        if (!blockExplorerUrl)
+            return undefined;
+        const url = new URL(blockExplorerUrl);
+        url.pathname = `/tx/${transactionHash}`;
+        return url.toString();
+    }
+    catch (error) {
+        return undefined;
+    }
+});
+
+exports.getTransactionLink = getTransactionLink;

package/src/lib/utils/functions/getTransactionLink/getTransactionLink.d.ts

@@ -0,0 +1,5 @@
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+export declare const getTransactionLink: ({ walletConnector, transactionHash, }: {
+    walletConnector: WalletConnector;
+    transactionHash: string;
+}) => Promise<string | undefined>;

package/src/lib/utils/functions/getTransactionLink/getTransactionLink.js

@@ -0,0 +1,18 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+
+const getTransactionLink = (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, transactionHash, }) {
+    try {
+        const [blockExplorerUrl] = yield walletConnector.getBlockExplorerUrlsForCurrentNetwork();
+        if (!blockExplorerUrl)
+            return undefined;
+        const url = new URL(blockExplorerUrl);
+        url.pathname = `/tx/${transactionHash}`;
+        return url.toString();
+    }
+    catch (error) {
+        return undefined;
+    }
+});
+
+export { getTransactionLink };

package/src/lib/utils/functions/isMultiAssetSupportedNetwork/isMultiAssetSupportedNetwork.cjs

@@ -4,12 +4,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var utils = require('@dynamic-labs/utils');
 
 const isMultiAssetSupportedNetwork = (filteredTokenBalances, walletConnector, network) => {
-    const isNetworkMultiAssetSupported = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === sdkApiCore.ChainEnum.Sol ||
-        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === sdkApiCore.ChainEnum.Evm &&
-            typeof network === 'number' &&
-            filteredTokenBalances.flatMap((tb) => tb.networkId).includes(network));
+    if (!network ||
+        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) !== sdkApiCore.ChainEnum.Sol &&
+            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) !== sdkApiCore.ChainEnum.Evm)) {
+        return false;
+    }
+    const isNetworkMultiAssetSupported = filteredTokenBalances
+        .flatMap((tb) => tb.networkId)
+        .includes(utils.parseChainId(network));
     return Boolean(isNetworkMultiAssetSupported);
 };
 

package/src/lib/utils/functions/isMultiAssetSupportedNetwork/isMultiAssetSupportedNetwork.js

@@ -1,11 +1,16 @@
 'use client'
 import { ChainEnum } from '@dynamic-labs/sdk-api-core';
+import { parseChainId } from '@dynamic-labs/utils';
 
 const isMultiAssetSupportedNetwork = (filteredTokenBalances, walletConnector, network) => {
-    const isNetworkMultiAssetSupported = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === ChainEnum.Sol ||
-        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === ChainEnum.Evm &&
-            typeof network === 'number' &&
-            filteredTokenBalances.flatMap((tb) => tb.networkId).includes(network));
+    if (!network ||
+        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) !== ChainEnum.Sol &&
+            (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) !== ChainEnum.Evm)) {
+        return false;
+    }
+    const isNetworkMultiAssetSupported = filteredTokenBalances
+        .flatMap((tb) => tb.networkId)
+        .includes(parseChainId(network));
     return Boolean(isNetworkMultiAssetSupported);
 };
 

package/src/lib/utils/functions/isSupportedNetwork/isSupportedNetwork.cjs

@@ -4,11 +4,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const isSupportedNetwork = ({ walletConnector, network }) => {
-    const supportedNetworks = walletConnector.getEnabledNetworks();
-    if (!supportedNetworks.length) {
+    const enabledNetworks = walletConnector.getEnabledNetworks();
+    if (!enabledNetworks.length) {
         return true;
     }
-    const isCurrentNetworkSupported = supportedNetworks.some(({ chainId }) => String(chainId) === String(network));
+    const isCurrentNetworkSupported = enabledNetworks.some(({ chainId }) => String(chainId) === String(network));
     return isCurrentNetworkSupported;
 };
 

package/src/lib/utils/functions/isSupportedNetwork/isSupportedNetwork.js

@@ -1,10 +1,10 @@
 'use client'
 const isSupportedNetwork = ({ walletConnector, network }) => {
-    const supportedNetworks = walletConnector.getEnabledNetworks();
-    if (!supportedNetworks.length) {
+    const enabledNetworks = walletConnector.getEnabledNetworks();
+    if (!enabledNetworks.length) {
         return true;
     }
-    const isCurrentNetworkSupported = supportedNetworks.some(({ chainId }) => String(chainId) === String(network));
+    const isCurrentNetworkSupported = enabledNetworks.some(({ chainId }) => String(chainId) === String(network));
     return isCurrentNetworkSupported;
 };
 

package/src/lib/utils/functions/networksAndChains/networksAndChains.cjs

@@ -3,23 +3,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var values = require('../../constants/values.cjs');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/consts/index.cjs');
 
-const getNetworkInfoEntry = (chain, networkInfo) => {
-    if (!chain || !chain.symbol) {
+const getNetworkInfoEntry = ({ chain, networkId, networkInfo, }) => {
+    var _a;
+    logger.logger.logVerboseTroubleshootingMessage('[getNetworkInfoEntry]', {
+        chain,
+        networkId,
+        networkInfo,
+    });
+    if (!chain || !networkId) {
         return;
     }
-    const normalizedChainSymbol = chain.symbol === 'ETH' || chain.symbol === 'EVM'
-        ? 'evm'
-        : chain.symbol.toLowerCase();
-    const networkData = networkInfo[normalizedChainSymbol] ||
-        networkInfo[values.ChainEnumToVerifiedCredentialName[normalizedChainSymbol.toUpperCase()]];
+    const normalizedChain = (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.name;
+    if (!normalizedChain)
+        return;
+    const networkData = networkInfo[normalizedChain];
     if (!networkData)
         return;
-    if (normalizedChainSymbol === 'evm') {
-        return networkData.find((e) => e.chainId === (chain === null || chain === void 0 ? void 0 : chain.chainId));
+    logger.logger.logVerboseTroubleshootingMessage('[getNetworkInfoEntry]', {
+        networkData,
+        normalizedChain,
+    });
+    if (['evm', 'solana'].includes(normalizedChain)) {
+        return networkData.find((e) => e.chainId.toString() === networkId.toString());
     }
-    // Solana, etc
+    // Other networks
     return networkData[0];
 };
 const getEvmChainName = (chainId) => {

package/src/lib/utils/functions/networksAndChains/networksAndChains.d.ts

@@ -1,4 +1,4 @@
-import { ChainWithIcon } from '../../../widgets/DynamicWidget/hooks/useFetchChain';
+import { Chain } from '@dynamic-labs/wallet-connector-core';
 interface NativeCurrency {
     decimals: number;
     iconUrl?: string;
@@ -11,6 +11,10 @@ export interface NetworkInfoEntry {
     iconUrls: string[];
     name: string;
 }
-export declare const getNetworkInfoEntry: (chain: ChainWithIcon | undefined, networkInfo: Record<string, NetworkInfoEntry[]>) => NetworkInfoEntry | undefined;
+export declare const getNetworkInfoEntry: ({ chain, networkId, networkInfo, }: {
+    chain: Chain | undefined;
+    networkId: string | number | undefined;
+    networkInfo: Record<string, NetworkInfoEntry[]>;
+}) => NetworkInfoEntry | undefined;
 export declare const getEvmChainName: (chainId: number) => string;
 export {};

package/src/lib/utils/functions/networksAndChains/networksAndChains.js

@@ -1,21 +1,41 @@
 'use client'
-import { ChainEnumToVerifiedCredentialName } from '../../constants/values.js';
+import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/consts/index.js';
 
-const getNetworkInfoEntry = (chain, networkInfo) => {
-    if (!chain || !chain.symbol) {
+const getNetworkInfoEntry = ({ chain, networkId, networkInfo, }) => {
+    var _a;
+    logger.logVerboseTroubleshootingMessage('[getNetworkInfoEntry]', {
+        chain,
+        networkId,
+        networkInfo,
+    });
+    if (!chain || !networkId) {
         return;
     }
-    const normalizedChainSymbol = chain.symbol === 'ETH' || chain.symbol === 'EVM'
-        ? 'evm'
-        : chain.symbol.toLowerCase();
-    const networkData = networkInfo[normalizedChainSymbol] ||
-        networkInfo[ChainEnumToVerifiedCredentialName[normalizedChainSymbol.toUpperCase()]];
+    const normalizedChain = (_a = getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.name;
+    if (!normalizedChain)
+        return;
+    const networkData = networkInfo[normalizedChain];
     if (!networkData)
         return;
-    if (normalizedChainSymbol === 'evm') {
-        return networkData.find((e) => e.chainId === (chain === null || chain === void 0 ? void 0 : chain.chainId));
+    logger.logVerboseTroubleshootingMessage('[getNetworkInfoEntry]', {
+        networkData,
+        normalizedChain,
+    });
+    if (['evm', 'solana'].includes(normalizedChain)) {
+        return networkData.find((e) => e.chainId.toString() === networkId.toString());
     }
-    // Solana, etc
+    // Other networks
     return networkData[0];
 };
 const getEvmChainName = (chainId) => {

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs

@@ -37,6 +37,7 @@ require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 var VerificationContext = require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../functions/compareChains/compareChains.cjs');

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js

@@ -33,6 +33,7 @@ import '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { useVerification } from '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../functions/compareChains/compareChains.js';

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

@@ -62,7 +62,7 @@ export { useSyncOnboardingFlow } from './useSyncOnboardingFlow';
 export { useExternalAuth } from './useExternalAuth';
 export { useRefreshUser } from './useRefreshUser';
 export { useWalletOptions } from './useWalletOptions';
-export { useResetCookieLocalStorage } from './useResetCookieLocalStorage';
+export { useRefreshUserState } from './useRefreshUserState';
 export { useSyncMfaFlow } from './useSyncMfaFlow';
 export * from './useSmartWallets';
 export { useEmbeddedWalletSessionKeys } from './useEmbeddedWalletSessionKeys';

package/src/lib/utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs

@@ -34,6 +34,7 @@ require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../events/dynamicEvents.cjs');
+require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');

package/src/lib/utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js

@@ -30,6 +30,7 @@ import '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
 import '../../../../events/dynamicEvents.js';
+import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';

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

@@ -32,6 +32,7 @@ require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../functions/compareChains/compareChains.cjs');

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

@@ -28,6 +28,7 @@ import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../functions/compareChains/compareChains.js';

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

@@ -32,6 +32,7 @@ require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 var useSignConnectOnlyUser = require('../authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');

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

@@ -28,6 +28,7 @@ import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { useSignConnectOnlyUser } from '../authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';

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

@@ -13,14 +13,12 @@ require('../../../config/ApiEndpoint.cjs');
 require('../../constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
-var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../store/state/nonce/nonce.cjs');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
@@ -35,10 +33,11 @@ var isConnectOnly = require('../authenticationHooks/helpers/isConnectOnly.cjs');
 var getWalletConnectorForWallet = require('../../functions/getWalletConnectorForWallet/getWalletConnectorForWallet.cjs');
 var useDebounce = require('../useDebounce/useDebounce.cjs');
 var primaryWalletId = require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+var connectedWalletsInfo = require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 var updateUserWalletsFromConnectedWallets = require('./updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.cjs');
 
 const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId: primaryWalletId$1, walletConnectorOptions, handleConnectedWallet, setShowAuthFlow, isBridgeFlow, user, }) => {
-    const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
+    const connectedWalletsInfo$1 = connectedWalletsInfo.useConnectedWalletsInfo();
     const [connectedWallets, _setConnectedWallets] = React.useState([]);
     const { setUserWallets, addedWalletsIds, removedWalletsIds } = UserWalletsContext.useInternalUserWallets();
     /** This wrapper is to ensure userWallets is always properly updated alongside connectedWallets */
@@ -49,8 +48,8 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
     const disconnectWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletToDisconnect = connectedWallets.find((wallet) => wallet.id === walletId);
         yield (walletToDisconnect === null || walletToDisconnect === void 0 ? void 0 : walletToDisconnect.connector.endSession());
-        const updatedConnectedWalletsInfo = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
-        setConnectedWalletsInfo(updatedConnectedWalletsInfo);
+        const updatedConnectedWalletsInfo = connectedWalletsInfo$1.filter((wallet) => wallet.id !== walletId);
+        connectedWalletsInfo.setConnectedWalletsInfo(updatedConnectedWalletsInfo);
         removedWalletsIds.current.push(walletId);
         if (walletId !== primaryWalletId$1) {
             return;
@@ -64,11 +63,10 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
         }
     }), [
         connectedWallets,
-        connectedWalletsInfo,
+        connectedWalletsInfo$1,
         isBridgeFlow,
         primaryWalletId$1,
         removedWalletsIds,
-        setConnectedWalletsInfo,
     ]);
     // The function to update and define the connectedWallets list.
     // It should be called on the first render, when connectedWalletsInfo updates and when walletConnectorOptions updates.
@@ -79,7 +77,7 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
         if (!walletConnectors.length) {
             return;
         }
-        const updatedConnectedWallets = (yield Promise.all(connectedWalletsInfo.map((storedConnectedWalletInfo) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const updatedConnectedWallets = (yield Promise.all(connectedWalletsInfo$1.map((storedConnectedWalletInfo) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             const walletConnector = walletConnectorCore.getWalletConnectorByKey(walletConnectors, storedConnectedWalletInfo.walletConnectorKey);
             if (!walletConnector) {
                 walletConnectorCore.logger.error('Could not find walletConnector: ' +
@@ -116,7 +114,7 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
     React.useEffect(() => {
         updateConnectedWalletsList();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [connectedWalletsInfo, walletConnectorOptions]);
+    }, [connectedWalletsInfo$1, walletConnectorOptions]);
     const updateConnectedWalletById = React.useCallback((walletId, walletObject) => {
         var _a;
         const clonedConnectedWalletsList = [...connectedWallets];
@@ -130,7 +128,7 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
     }, [connectedWallets, setConnectedWallets]);
     // Keeps connected wallet data inside localStorage
     const applyConnectedWalletToStore = React.useCallback(({ walletId, walletConnectorKey, walletChain, provider, }) => {
-        const updatedConnectedWalletsInfo = [...connectedWalletsInfo];
+        const updatedConnectedWalletsInfo = [...connectedWalletsInfo$1];
         const walletConnectors = walletConnectorOptions.map((wallet) => wallet.walletConnector);
         const walletConnector = walletConnectorCore.getWalletConnectorByKey(walletConnectors, walletConnectorKey);
         const hardwareWallet = walletConnector &&
@@ -145,8 +143,8 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
             walletChain,
             walletConnectorKey,
         });
-        setConnectedWalletsInfo(updatedConnectedWalletsInfo);
-    }, [connectedWalletsInfo, setConnectedWalletsInfo, walletConnectorOptions]);
+        connectedWalletsInfo.setConnectedWalletsInfo(updatedConnectedWalletsInfo);
+    }, [connectedWalletsInfo$1, walletConnectorOptions]);
     // Updates connected wallet (network and address) and verifies connected wallet connection
     const refreshConnectedWallet = (walletId, walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(walletConnector)) {
@@ -188,7 +186,7 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
                 return;
             }
         }
-        const isWalletStored = connectedWalletsInfo.some(({ walletConnectorKey: storedWalletConnectorKey }) => storedWalletConnectorKey === walletConnector.key);
+        const isWalletStored = connectedWalletsInfo$1.some(({ walletConnectorKey: storedWalletConnectorKey }) => storedWalletConnectorKey === walletConnector.key);
         const walletChain = walletConnector.connectedChain;
         const shouldCreateVisit = !isWalletStored &&
             (authMode !== 'connect-only' || enableVisitTrackingOnConnectOnly);
@@ -239,7 +237,7 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
         addedWalletsIds,
         applyConnectedWalletToStore,
         authMode,
-        connectedWalletsInfo,
+        connectedWalletsInfo$1,
         enableVisitTrackingOnConnectOnly,
         environmentId,
         handleConnectedWallet,
@@ -252,11 +250,10 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
     return {
         connectWallet,
         connectedWallets,
-        connectedWalletsInfo,
+        connectedWalletsInfo: connectedWalletsInfo$1,
         disconnectWallet,
         getConnectedWalletById,
         refreshConnectedWallet,
-        removeConnectedWalletsInfo,
     };
 };
 

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

@@ -32,7 +32,6 @@ type UseConnectWalletValue = {
     connectedWalletsInfo: ConnectedWalletConnectorType[];
     getConnectedWalletById: (walletId: string) => Wallet | undefined;
     refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector) => Promise<void>;
-    removeConnectedWalletsInfo: () => void;
     disconnectWallet: (walletId: string) => Promise<void>;
 };
 export declare const useConnectWallet: ({ authMode, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, walletConnectorOptions, handleConnectedWallet, setShowAuthFlow, isBridgeFlow, user, }: UseConnectWalletProps) => UseConnectWalletValue;

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

@@ -9,14 +9,12 @@ import '../../../config/ApiEndpoint.js';
 import '../../constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
-import { CONNECTED_WALLETS_INFO } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import '../../../store/state/nonce/nonce.js';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
@@ -31,10 +29,11 @@ import { isConnectOnly } from '../authenticationHooks/helpers/isConnectOnly.js';
 import { getWalletConnectorForWallet } from '../../functions/getWalletConnectorForWallet/getWalletConnectorForWallet.js';
 import { useDebounce } from '../useDebounce/useDebounce.js';
 import { resetPrimaryWalletId } from '../../../store/state/primaryWalletId/primaryWalletId.js';
+import { useConnectedWalletsInfo, setConnectedWalletsInfo } from '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { updateUserWalletsFromConnectedWallets } from './updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.js';
 
 const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, walletConnectorOptions, handleConnectedWallet, setShowAuthFlow, isBridgeFlow, user, }) => {
-    const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
+    const connectedWalletsInfo = useConnectedWalletsInfo();
     const [connectedWallets, _setConnectedWallets] = useState([]);
     const { setUserWallets, addedWalletsIds, removedWalletsIds } = useInternalUserWallets();
     /** This wrapper is to ensure userWallets is always properly updated alongside connectedWallets */
@@ -64,7 +63,6 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
         isBridgeFlow,
         primaryWalletId,
         removedWalletsIds,
-        setConnectedWalletsInfo,
     ]);
     // The function to update and define the connectedWallets list.
     // It should be called on the first render, when connectedWalletsInfo updates and when walletConnectorOptions updates.
@@ -142,7 +140,7 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
             walletConnectorKey,
         });
         setConnectedWalletsInfo(updatedConnectedWalletsInfo);
-    }, [connectedWalletsInfo, setConnectedWalletsInfo, walletConnectorOptions]);
+    }, [connectedWalletsInfo, walletConnectorOptions]);
     // Updates connected wallet (network and address) and verifies connected wallet connection
     const refreshConnectedWallet = (walletId, walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         if (shouldManuallyReconnectOnRefresh(walletConnector)) {
@@ -252,7 +250,6 @@ const useConnectWallet = ({ authMode, enableVisitTrackingOnConnectOnly, environm
         disconnectWallet,
         getConnectedWalletById,
         refreshConnectedWallet,
-        removeConnectedWalletsInfo,
     };
 };
 

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

@@ -35,6 +35,7 @@ require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../functions/compareChains/compareChains.cjs');

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

@@ -31,6 +31,7 @@ import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../functions/compareChains/compareChains.js';

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

@@ -32,6 +32,7 @@ require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 var createEmbeddedWalletRequest = require('../../../views/Passkey/utils/createEmbeddedWalletRequest/createEmbeddedWalletRequest.cjs');

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

@@ -28,6 +28,7 @@ import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import { createEmbeddedWalletRequest } from '../../../views/Passkey/utils/createEmbeddedWalletRequest/createEmbeddedWalletRequest.js';

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

@@ -33,6 +33,7 @@ require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../functions/compareChains/compareChains.cjs');