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

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,35 @@
+'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, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
+    const handleWalletsToConnect = () => {
+        if (!walletsToConnectByChain) {
+            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);
+        if (restOfTheWallets.length === 0) {
+            setShowAuthFlow(false);
+        }
+        setView('wallet-list');
+    };
+    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,31 @@
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+
+const useHandleWalletsToConnect = () => {
+    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, } = useInternalDynamicContext();
+    const { setView } = useViewContext();
+    const handleWalletsToConnect = () => {
+        if (!walletsToConnectByChain) {
+            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);
+        if (restOfTheWallets.length === 0) {
+            setShowAuthFlow(false);
+        }
+        setView('wallet-list');
+    };
+    return { handleWalletsToConnect };
+};
+
+export { useHandleWalletsToConnect };

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/useRpcProviders/useRpcProviders.cjs

@@ -6,7 +6,6 @@ var React = require('react');
 var rpcProviders = require('@dynamic-labs/rpc-providers');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
-require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -14,6 +13,7 @@ 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');
 require('../../../shared/consts/index.cjs');
 

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

@@ -2,7 +2,6 @@ import { useState, useEffect, useCallback } from 'react';
 import { ChainRpcProviders } from '@dynamic-labs/rpc-providers';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
-import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -10,6 +9,7 @@ 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 '../../../shared/consts/index.js';
 

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

@@ -8,7 +8,6 @@ var yup = require('yup');
 var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
-require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -16,6 +15,7 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var index = require('../../../shared/utils/functions/getValueByKey/index.cjs');
 require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var index$1 = require('../../../shared/consts/index.cjs');
 var fieldsConfig = require('../../../views/CollectUserDataView/fieldsConfig.cjs');

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

@@ -4,7 +4,6 @@ import { object } from 'yup';
 import { DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
-import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
@@ -12,6 +11,7 @@ import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { getValueByKey } from '../../../shared/utils/functions/getValueByKey/index.js';
 import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { countryCodes, tShirtSizes, teamNames } from '../../../shared/consts/index.js';
 import { fieldsConfig } from '../../../views/CollectUserDataView/fieldsConfig.js';

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

@@ -8,17 +8,16 @@ var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 var index = require('../../functions/storeAuthToken/index.cjs');
 require('@dynamic-labs/multi-wallet');
-var localStorage = require('../../constants/localStorage.cjs');
-require('../../constants/colors.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-var logger = require('../../../shared/logger.cjs');
-require('../../../config/LSSuffix.cjs');
-var setToLS = require('../../../shared/utils/functions/storage/setToLS.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
+var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
+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 getVerifyArgs = require('../../functions/getVerifyArgs/getVerifyArgs.cjs');
@@ -144,7 +143,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             const user = yield createUserProfile.createUserProfile(decodedJwt);
             const isKycRequired = decodedJwt.missingFields.length;
             setOnboardingOnlyJwt(Jwt);
-            setToLS.setToLS(localStorage.LAST_USED_WALLET, walletConnector.name);
+            localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.name);
             updatePrimaryWalletId(walletConnector, user);
             // Routes user to "Not Supported Network" screen if the user is not on the supported network
             if (projectSettings &&

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

@@ -4,17 +4,16 @@ import { DynamicError, WalletUsedError, ChainalysisError, NoAccessError } from '
 import { verifyWallet, linkWallet } from '../../../data/api.js';
 import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 import '@dynamic-labs/multi-wallet';
-import { LAST_USED_WALLET } from '../../constants/localStorage.js';
-import '../../constants/colors.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
-import { logger } from '../../../shared/logger.js';
-import '../../../config/LSSuffix.js';
-import { setToLS } from '../../../shared/utils/functions/storage/setToLS.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import 'react';
+import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
+import { LAST_USED_WALLET } 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 { getVerifyArgs } from '../../functions/getVerifyArgs/getVerifyArgs.js';
@@ -140,7 +139,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             const user = yield createUserProfile(decodedJwt);
             const isKycRequired = decodedJwt.missingFields.length;
             setOnboardingOnlyJwt(Jwt);
-            setToLS(LAST_USED_WALLET, walletConnector.name);
+            LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.name);
             updatePrimaryWalletId(walletConnector, user);
             // Routes user to "Not Supported Network" screen if the user is not on the supported network
             if (projectSettings &&

package/src/lib/utils/hooks/useWalletConnectors/reconnectSocialWallet.cjs

@@ -6,7 +6,6 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
-require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
@@ -14,6 +13,7 @@ require('react');
 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');
 require('@dynamic-labs/multi-wallet');

package/src/lib/utils/hooks/useWalletConnectors/reconnectSocialWallet.js

@@ -2,7 +2,6 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
-import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
@@ -10,6 +9,7 @@ import 'react';
 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 '@dynamic-labs/multi-wallet';

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

@@ -8,25 +8,21 @@ var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
-require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var localStorage$1 = 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 isSameWalletName = require('../../functions/isSameWalletName/isSameWalletName.cjs');
 var useWalletsConnectionState = require('../useWalletsConnectionState/useWalletsConnectionState.cjs');
-var primaryWalletIdValidator = require('./utils/primaryWalletIdValidator/primaryWalletIdValidator.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
 var reconnectSocialWallet = require('./reconnectSocialWallet.cjs');
 
-const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, }) => {
+const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = React.useState(false);
-    const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage.useLocalStorage(localStorage$1.PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator.primaryWalletIdValidator);
     const linkedWallets = React.useMemo(() => {
         if (!authToken) {
             return [];
@@ -36,15 +32,13 @@ const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWallet
             primaryWalletId,
             walletOptions: availableWallets,
         });
-    }, [availableWallets, primaryWalletId, authToken]);
-    const { connectedWalletMap, computeConnectedStateForWallets, didConnectedStateLoad, } = useWalletsConnectionState.useWalletsConnectionState(linkedWallets);
-    const wallets = React.useMemo(() => linkedWallets.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletMap[wallet.id]) }))), [connectedWalletMap, linkedWallets]);
+    }, [authToken, primaryWalletId, availableWallets]);
+    const walletsBasedOnAuthMode = React.useMemo(() => (authMode === 'connect-only' ? connectedWallets : linkedWallets), [authMode, connectedWallets, linkedWallets]);
+    const { connectedWalletMap, computeConnectedStateForWallets, didConnectedStateLoad, } = useWalletsConnectionState.useWalletsConnectionState(walletsBasedOnAuthMode);
+    const wallets = React.useMemo(() => walletsBasedOnAuthMode.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletMap[wallet.id]) }))), [connectedWalletMap, walletsBasedOnAuthMode]);
     React.useEffect(() => {
         computeConnectedStateForWallets();
     }, [primaryWalletId, computeConnectedStateForWallets]);
-    const setPrimaryWalletId = React.useCallback((walletId) => {
-        setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
     const getPrimaryWallet = React.useCallback(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);
     const getSecondaryWallets = React.useCallback(() => wallets.filter((wallet) => wallet.id !== primaryWalletId), [primaryWalletId, wallets]);
     const getSelectedWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -143,16 +137,13 @@ const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWallet
     ]);
     const walletConnectors = wallets.map((wallet) => wallet.connector);
     return {
-        clearPrimaryWalletId,
         computeConnectedStateForWallets,
         didConnectedStateLoad,
         getPrimaryWallet,
         getSecondaryWallets,
         primaryWallet: getPrimaryWallet(),
-        primaryWalletId,
         secondaryWallets: getSecondaryWallets(),
         setPrimaryWallet,
-        setPrimaryWalletId,
         setShowQrcodeModal,
         showQrcodeModal,
         walletConnectors,

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

@@ -1,30 +1,31 @@
 import { Dispatch, SetStateAction } from 'react';
-import { WalletOption, Wallet, MultiWalletWidgetState } from '../../../shared';
+import { WalletOption, Wallet, MultiWalletWidgetState, AuthModeType } from '../../../shared';
 import { MultiWalletWidgetStateSetter } from '../multiWallet';
 import { WalletConnector } from '../../../..';
 type Props = {
+    authMode: AuthModeType;
     authToken: string | undefined;
+    connectedWallets: Wallet[];
     multiWalletWidgetState: MultiWalletWidgetState;
     setDesktopUri: Dispatch<SetStateAction<string>>;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
     setQrcodeUri: Dispatch<SetStateAction<string>>;
     wallets: WalletOption[];
+    setPrimaryWalletId: (walletId: string) => void;
+    primaryWalletId: string | undefined;
 };
 export interface UseWalletConnectors {
-    clearPrimaryWalletId: () => void;
     computeConnectedStateForWallets: () => Promise<void>;
     didConnectedStateLoad: boolean;
     getPrimaryWallet: () => Wallet | null;
     getSecondaryWallets: () => Wallet[];
     primaryWallet: Wallet | null;
-    primaryWalletId: string | undefined;
     secondaryWallets: Wallet[];
     setPrimaryWallet: (walletId: string) => Promise<void>;
-    setPrimaryWalletId: (walletId: string) => void;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
     showQrcodeModal: boolean;
     walletConnectors: WalletConnector[];
     wallets: Wallet[];
 }
-export declare const useWalletConnectors: ({ authToken, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, }: Props) => UseWalletConnectors;
+export declare const useWalletConnectors: ({ authMode, authToken, connectedWallets, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, }: Props) => UseWalletConnectors;
 export {};

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

@@ -4,25 +4,21 @@ import { isEmailWalletConnector, isSocialWalletConnector } from '@dynamic-labs/w
 import { DynamicError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
-import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-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 { isSameWalletName } from '../../functions/isSameWalletName/isSameWalletName.js';
 import { useWalletsConnectionState } from '../useWalletsConnectionState/useWalletsConnectionState.js';
-import { primaryWalletIdValidator } from './utils/primaryWalletIdValidator/primaryWalletIdValidator.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
 import { reconnectSocialWallet } from './reconnectSocialWallet.js';
 
-const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, }) => {
+const useWalletConnectors = ({ authMode, authToken, connectedWallets, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, primaryWalletId, setPrimaryWalletId, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = useState(false);
-    const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage(PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator);
     const linkedWallets = useMemo(() => {
         if (!authToken) {
             return [];
@@ -32,15 +28,13 @@ const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWallet
             primaryWalletId,
             walletOptions: availableWallets,
         });
-    }, [availableWallets, primaryWalletId, authToken]);
-    const { connectedWalletMap, computeConnectedStateForWallets, didConnectedStateLoad, } = useWalletsConnectionState(linkedWallets);
-    const wallets = useMemo(() => linkedWallets.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletMap[wallet.id]) }))), [connectedWalletMap, linkedWallets]);
+    }, [authToken, primaryWalletId, availableWallets]);
+    const walletsBasedOnAuthMode = useMemo(() => (authMode === 'connect-only' ? connectedWallets : linkedWallets), [authMode, connectedWallets, linkedWallets]);
+    const { connectedWalletMap, computeConnectedStateForWallets, didConnectedStateLoad, } = useWalletsConnectionState(walletsBasedOnAuthMode);
+    const wallets = useMemo(() => walletsBasedOnAuthMode.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletMap[wallet.id]) }))), [connectedWalletMap, walletsBasedOnAuthMode]);
     useEffect(() => {
         computeConnectedStateForWallets();
     }, [primaryWalletId, computeConnectedStateForWallets]);
-    const setPrimaryWalletId = useCallback((walletId) => {
-        setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
     const getPrimaryWallet = useCallback(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);
     const getSecondaryWallets = useCallback(() => wallets.filter((wallet) => wallet.id !== primaryWalletId), [primaryWalletId, wallets]);
     const getSelectedWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
@@ -139,16 +133,13 @@ const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWallet
     ]);
     const walletConnectors = wallets.map((wallet) => wallet.connector);
     return {
-        clearPrimaryWalletId,
         computeConnectedStateForWallets,
         didConnectedStateLoad,
         getPrimaryWallet,
         getSecondaryWallets,
         primaryWallet: getPrimaryWallet(),
-        primaryWalletId,
         secondaryWallets: getSecondaryWallets(),
         setPrimaryWallet,
-        setPrimaryWalletId,
         setShowQrcodeModal,
         showQrcodeModal,
         walletConnectors,

package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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('../../../../../context/ViewContext/ViewContext.cjs');
 require('react');
+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 isSameWalletName = require('../../../../functions/isSameWalletName/isSameWalletName.cjs');

package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js

@@ -1,14 +1,14 @@
 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 '../../../../../context/ViewContext/ViewContext.js';
 import 'react';
+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 { isSameWalletName } from '../../../../functions/isSameWalletName/isSameWalletName.js';

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

@@ -7,13 +7,13 @@ var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
-require('../../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 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');
 require('../../../shared/consts/index.cjs');
 

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

@@ -3,13 +3,13 @@ import { useState, useEffect, useCallback } from 'react';
 import { isSameAddress } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
-import '../../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 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 '../../../shared/consts/index.js';