@dynamic-labs/sdk-react-core 0.16.20 → 0.16.22

package/CHANGELOG.md

@@ -1,4 +1,17 @@
 
+### [0.16.22](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.21...v0.16.22) (2023-06-06)
+
+### Bug Fixes
+
+* load primary wallet on first render ([#2263](https://github.com/dynamic-labs/DynamicAuth/pull/2263)) ([8079097](https://github.com/dynamic-labs/DynamicAuth/commit/8079097ade98ab3e302d14dc971792531cd2286d))
+*
+### [0.16.21](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.20...v0.16.21) (2023-06-05)
+
+
+### Features
+
+* disable button on social unlink ([#2247](https://github.com/dynamic-labs/DynamicAuth/issues/2247)) ([e74a53c](https://github.com/dynamic-labs/DynamicAuth/commit/e74a53c947fdbeca66144b65dc6babdd449c9240))
+
 ### [0.16.20](https://github.com/dynamic-labs/DynamicAuth/compare/v0.16.19...v0.16.20) (2023-06-02)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.16.20";
+var version = "0.16.22";
 var dependencies = {
 	"react-focus-lock": "^2.9.2",
 	"@dynamic-labs/sdk-api": "0.0.174",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.16.20";
+var version = "0.16.22";
 var dependencies = {
 	"react-focus-lock": "^2.9.2",
 	"@dynamic-labs/sdk-api": "0.0.174",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.16.20",
+  "version": "0.16.22",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,9 +17,9 @@
     "formik": "^2.2.9",
     "qrcode": "1.5.1",
     "ethers": "^5.7.2",
-    "@dynamic-labs/logger": "0.16.20",
-    "@dynamic-labs/multi-wallet": "0.16.20",
-    "@dynamic-labs/wallet-connector-core": "0.16.20"
+    "@dynamic-labs/logger": "0.16.22",
+    "@dynamic-labs/multi-wallet": "0.16.22",
+    "@dynamic-labs/wallet-connector-core": "0.16.22"
   },
   "devDependencies": {
     "semver": "^7.3.8"

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -8,7 +8,7 @@ var React = require('react');
 var iconic = require('@dynamic-labs/iconic');
 var Typography = require('../../../Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../../../shared/logger.cjs');
+var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var add = require('../../../../shared/assets/add.cjs');
@@ -71,14 +71,23 @@ const UserProfileSocialAccount = ({ provider, authorizationUrl, verifiedCredenti
     };
     const disconnectAccount = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _c;
-        const jwt = yield api.unlinkOAuth({
-            environmentId,
-            verifiedCrentialId: (_c = verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.id) !== null && _c !== void 0 ? _c : '',
-        }, String(authToken || onboardingOnlyJwt));
-        if (!jwt) {
-            return;
+        try {
+            setLoading(true);
+            const jwt = yield api.unlinkOAuth({
+                environmentId,
+                verifiedCrentialId: (_c = verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.id) !== null && _c !== void 0 ? _c : '',
+            }, String(authToken || onboardingOnlyJwt));
+            if (!jwt) {
+                return;
+            }
+            updateUserProfileByJWT(jwt);
+        }
+        catch (err) {
+            logger.logger.error(err);
+        }
+        finally {
+            setLoading(false);
         }
-        updateUserProfileByJWT(jwt);
     });
     if (!verifiedCredential && !authorizationUrl) {
         return null;

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -4,7 +4,7 @@ import { useState } from 'react';
 import { SocialIcon } from '@dynamic-labs/iconic';
 import { Typography } from '../../../Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.js';
@@ -67,14 +67,23 @@ const UserProfileSocialAccount = ({ provider, authorizationUrl, verifiedCredenti
     };
     const disconnectAccount = () => __awaiter(void 0, void 0, void 0, function* () {
         var _c;
-        const jwt = yield unlinkOAuth({
-            environmentId,
-            verifiedCrentialId: (_c = verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.id) !== null && _c !== void 0 ? _c : '',
-        }, String(authToken || onboardingOnlyJwt));
-        if (!jwt) {
-            return;
+        try {
+            setLoading(true);
+            const jwt = yield unlinkOAuth({
+                environmentId,
+                verifiedCrentialId: (_c = verifiedCredential === null || verifiedCredential === void 0 ? void 0 : verifiedCredential.id) !== null && _c !== void 0 ? _c : '',
+            }, String(authToken || onboardingOnlyJwt));
+            if (!jwt) {
+                return;
+            }
+            updateUserProfileByJWT(jwt);
+        }
+        catch (err) {
+            logger.error(err);
+        }
+        finally {
+            setLoading(false);
         }
-        updateUserProfileByJWT(jwt);
     });
     if (!verifiedCredential && !authorizationUrl) {
         return null;

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -112,7 +112,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         localStorage.removeItem(localStorage$1.AUTH_TOKEN);
         removeUser();
     }, [removeUser]);
-    const { clearWalletStates, computeConnectedStateForWallets, walletConnectors, primaryWallet, primaryWalletId, showQrcodeModal, secondaryWallets, setPrimaryWallet, setPrimaryWalletId, setShowQrcodeModal, } = useWalletConnectors.useWalletConnectors({
+    const { clearPrimaryWalletId, computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, primaryWalletId, showQrcodeModal, secondaryWallets, setPrimaryWallet, setPrimaryWalletId, setShowQrcodeModal, } = useWalletConnectors.useWalletConnectors({
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
         multiWalletWidgetState,
         setDesktopUri,
@@ -130,6 +130,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     });
     const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
     useSyncPrimaryWallet.useSyncPrimaryWallet({
+        canSync: didConnectedStateLoad,
         multiWalletWidgetState,
         primaryWallet,
         setMultiWalletWidgetState,
@@ -159,7 +160,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         removeLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedInfo();
-        clearWalletStates();
+        clearPrimaryWalletId();
         (_f = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _f === void 0 ? void 0 : _f.call(eventsCallbacks, user);
     }), [
         clearAllWalletConnectSessions,
@@ -170,7 +171,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setConnectedWallet,
         removeLsNetworks,
         removeConnectedInfo,
-        clearWalletStates,
+        clearPrimaryWalletId,
         eventsCallbacks,
         environmentId,
         walletConnectors,

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -108,7 +108,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         localStorage.removeItem(AUTH_TOKEN);
         removeUser();
     }, [removeUser]);
-    const { clearWalletStates, computeConnectedStateForWallets, walletConnectors, primaryWallet, primaryWalletId, showQrcodeModal, secondaryWallets, setPrimaryWallet, setPrimaryWalletId, setShowQrcodeModal, } = useWalletConnectors({
+    const { clearPrimaryWalletId, computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, primaryWalletId, showQrcodeModal, secondaryWallets, setPrimaryWallet, setPrimaryWalletId, setShowQrcodeModal, } = useWalletConnectors({
         authToken: getAuthToken() || onboardingOnlyJwt,
         multiWalletWidgetState,
         setDesktopUri,
@@ -126,6 +126,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     });
     const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
     useSyncPrimaryWallet({
+        canSync: didConnectedStateLoad,
         multiWalletWidgetState,
         primaryWallet,
         setMultiWalletWidgetState,
@@ -155,7 +156,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         removeLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedInfo();
-        clearWalletStates();
+        clearPrimaryWalletId();
         (_f = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _f === void 0 ? void 0 : _f.call(eventsCallbacks, user);
     }), [
         clearAllWalletConnectSessions,
@@ -166,7 +167,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setConnectedWallet,
         removeLsNetworks,
         removeConnectedInfo,
-        clearWalletStates,
+        clearPrimaryWalletId,
         eventsCallbacks,
         environmentId,
         walletConnectors,

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

@@ -5,8 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var multiWallet = require('@dynamic-labs/multi-wallet');
 
-const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiWalletWidgetState, }) => {
+const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiWalletWidgetState, canSync = true, }) => {
     React.useEffect(() => {
+        if (!canSync)
+            return;
         if (!primaryWallet || multiWalletWidgetState !== 'idle')
             return;
         if (primaryWallet.connector.connectedChain === 'FLOW')
@@ -25,7 +27,12 @@ const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiW
             .catch(() => {
             setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
         });
-    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id, setMultiWalletWidgetState, multiWalletWidgetState]);
+    }, [
+        primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id,
+        setMultiWalletWidgetState,
+        multiWalletWidgetState,
+        canSync,
+    ]);
 };
 
 exports.useSyncPrimaryWallet = useSyncPrimaryWallet;

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.d.ts

@@ -1,9 +1,9 @@
 import { MultiWalletWidgetState, Wallet } from '../../../../shared/types';
 import { MultiWalletWidgetStateSetter } from '../useMultiWalletWidgetState';
-type UseSyncPrimaryWalletArgs = {
+export type UseSyncPrimaryWalletArgs = {
+    canSync?: boolean;
     multiWalletWidgetState: MultiWalletWidgetState;
     primaryWallet: Wallet | null;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
 };
-export declare const useSyncPrimaryWallet: ({ primaryWallet, setMultiWalletWidgetState, multiWalletWidgetState, }: UseSyncPrimaryWalletArgs) => void;
-export {};
+export declare const useSyncPrimaryWallet: ({ primaryWallet, setMultiWalletWidgetState, multiWalletWidgetState, canSync, }: UseSyncPrimaryWalletArgs) => void;

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

@@ -1,8 +1,10 @@
 import { useEffect } from 'react';
 import { isSameAddress } from '@dynamic-labs/multi-wallet';
 
-const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiWalletWidgetState, }) => {
+const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiWalletWidgetState, canSync = true, }) => {
     useEffect(() => {
+        if (!canSync)
+            return;
         if (!primaryWallet || multiWalletWidgetState !== 'idle')
             return;
         if (primaryWallet.connector.connectedChain === 'FLOW')
@@ -21,7 +23,12 @@ const useSyncPrimaryWallet = ({ primaryWallet, setMultiWalletWidgetState, multiW
             .catch(() => {
             setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
         });
-    }, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id, setMultiWalletWidgetState, multiWalletWidgetState]);
+    }, [
+        primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id,
+        setMultiWalletWidgetState,
+        multiWalletWidgetState,
+        canSync,
+    ]);
 };
 
 export { useSyncPrimaryWallet };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var multiWallet = require('@dynamic-labs/multi-wallet');
-var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('@dynamic-labs/sdk-api');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
@@ -14,80 +14,34 @@ var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
-var isWalletConnected = require('../../functions/isWalletConnected/isWalletConnected.cjs');
 var isSameWalletName = require('../../functions/isSameWalletName/isSameWalletName.cjs');
-require('@dynamic-labs/sdk-api');
-var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
+var useWalletsConnectionState = require('../useWalletsConnectionState/useWalletsConnectionState.cjs');
+var primaryWalletIdValidator = require('./utils/primaryWalletIdValidator/primaryWalletIdValidator.cjs');
+var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
 
 const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = React.useState(false);
-    const [wallets, setWallets] = React.useState([]);
-    const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage.useLocalStorage(localStorage$1.PRIMARY_WALLET_ID, undefined, (value) => typeof value === 'string' || typeof value === 'undefined');
+    const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage.useLocalStorage(localStorage$1.PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator.primaryWalletIdValidator);
+    const linkedWallets = React.useMemo(() => {
+        if (!authToken) {
+            return [];
+        }
+        return createLinkedWalletsFromWalletOptions.createLinkedWalletsFromWalletOptions({
+            authToken,
+            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]);
+    React.useEffect(() => {
+        computeConnectedStateForWallets();
+    }, [primaryWalletId, computeConnectedStateForWallets]);
     const setPrimaryWalletId = React.useCallback((walletId) => {
         setPrimaryWalletIdState(walletId);
     }, [setPrimaryWalletIdState]);
-    const clearWalletStates = React.useCallback(() => {
-        setWallets([]);
-        clearPrimaryWalletId();
-    }, [clearPrimaryWalletId]);
-    const getPrimaryWallet = React.useCallback(() => {
-        const primaryWallet = wallets.find((wallet) => wallet.id === primaryWalletId);
-        if (!primaryWallet) {
-            return null;
-        }
-        return primaryWallet;
-    }, [primaryWalletId, wallets]);
+    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]);
-    React.useEffect(() => {
-        const decodedJwt = decodeJwt.decodeJwt(authToken);
-        // wallet state should be null while loading all the wallets or when there is no user
-        if (!availableWallets || !decodedJwt) {
-            setWallets([]);
-            return;
-        }
-        Promise.all(decodedJwt.verifiedCredentials.map((account) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            const wallet = availableWallets.find((wallet) => account.walletName &&
-                isSameWalletName.isSameWalletName(wallet.name, account.walletName));
-            // this probably shouldn't happen. this would mean that the user has an account linked
-            // with wallet W, but the customer has toggled off wallet W or the chain that
-            // supports wallet W
-            /* istanbul ignore next */
-            if (!wallet)
-                return null;
-            // this is here because phantom fires a disconnect event on page load,
-            // and other wallets and chains have similar issues
-            if (account.id === primaryWalletId &&
-                shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
-                yield wallet.walletConnector.connect();
-            }
-            if (account.address && account.chain) {
-                return {
-                    address: account.address,
-                    chain: account.chain,
-                    connected: yield isWalletConnected.isWalletConnected({
-                        address: account.address,
-                        chain: account.chain,
-                        connector: wallet.walletConnector,
-                    }),
-                    connector: wallet.walletConnector,
-                    id: account.id,
-                };
-            }
-            return null;
-        }))).then((result) => {
-            setWallets(result.filter((wc) => wc !== null));
-            return null;
-        });
-    }, [availableWallets, primaryWalletId, authToken]);
-    const computeConnectedStateForWallets = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (!primaryWalletId)
-            return;
-        const connectionMap = {};
-        for (const wallet of wallets) {
-            connectionMap[wallet.id] = yield isWalletConnected.isWalletConnected(wallet);
-        }
-        setWallets((currentWallets) => currentWallets.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: connectionMap[wallet.id] }))));
-    }), [primaryWalletId, wallets]);
     const getSelectedWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const newWallet = wallets.find(({ id }) => id === walletId);
         if (!newWallet) {
@@ -165,8 +119,9 @@ const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWallet
     ]);
     const walletConnectors = wallets.map((wallet) => wallet.connector);
     return {
-        clearWalletStates,
+        clearPrimaryWalletId,
         computeConnectedStateForWallets,
+        didConnectedStateLoad,
         getPrimaryWallet,
         getSecondaryWallets,
         primaryWallet: getPrimaryWallet(),

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

@@ -11,8 +11,9 @@ type Props = {
     wallets: WalletOption[];
 };
 export interface UseWalletConnectors {
-    clearWalletStates: () => void;
+    clearPrimaryWalletId: () => void;
     computeConnectedStateForWallets: () => Promise<void>;
+    didConnectedStateLoad: boolean;
     getPrimaryWallet: () => Wallet | null;
     getSecondaryWallets: () => Wallet[];
     primaryWallet: Wallet | null;

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

@@ -1,7 +1,7 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useMemo, useEffect, useCallback } from 'react';
 import { DynamicError, isEmailWalletConnector } from '@dynamic-labs/multi-wallet';
-import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
@@ -10,80 +10,34 @@ import { PRIMARY_WALLET_ID } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
-import { isWalletConnected } from '../../functions/isWalletConnected/isWalletConnected.js';
 import { isSameWalletName } from '../../functions/isSameWalletName/isSameWalletName.js';
-import '@dynamic-labs/sdk-api';
-import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
+import { useWalletsConnectionState } from '../useWalletsConnectionState/useWalletsConnectionState.js';
+import { primaryWalletIdValidator } from './utils/primaryWalletIdValidator/primaryWalletIdValidator.js';
+import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
 
 const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWalletWidgetState, setDesktopUri, setMultiWalletWidgetState, setQrcodeUri, }) => {
     const [showQrcodeModal, setShowQrcodeModal] = useState(false);
-    const [wallets, setWallets] = useState([]);
-    const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage(PRIMARY_WALLET_ID, undefined, (value) => typeof value === 'string' || typeof value === 'undefined');
+    const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage(PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator);
+    const linkedWallets = useMemo(() => {
+        if (!authToken) {
+            return [];
+        }
+        return createLinkedWalletsFromWalletOptions({
+            authToken,
+            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]);
+    useEffect(() => {
+        computeConnectedStateForWallets();
+    }, [primaryWalletId, computeConnectedStateForWallets]);
     const setPrimaryWalletId = useCallback((walletId) => {
         setPrimaryWalletIdState(walletId);
     }, [setPrimaryWalletIdState]);
-    const clearWalletStates = useCallback(() => {
-        setWallets([]);
-        clearPrimaryWalletId();
-    }, [clearPrimaryWalletId]);
-    const getPrimaryWallet = useCallback(() => {
-        const primaryWallet = wallets.find((wallet) => wallet.id === primaryWalletId);
-        if (!primaryWallet) {
-            return null;
-        }
-        return primaryWallet;
-    }, [primaryWalletId, wallets]);
+    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]);
-    useEffect(() => {
-        const decodedJwt = decodeJwt(authToken);
-        // wallet state should be null while loading all the wallets or when there is no user
-        if (!availableWallets || !decodedJwt) {
-            setWallets([]);
-            return;
-        }
-        Promise.all(decodedJwt.verifiedCredentials.map((account) => __awaiter(void 0, void 0, void 0, function* () {
-            const wallet = availableWallets.find((wallet) => account.walletName &&
-                isSameWalletName(wallet.name, account.walletName));
-            // this probably shouldn't happen. this would mean that the user has an account linked
-            // with wallet W, but the customer has toggled off wallet W or the chain that
-            // supports wallet W
-            /* istanbul ignore next */
-            if (!wallet)
-                return null;
-            // this is here because phantom fires a disconnect event on page load,
-            // and other wallets and chains have similar issues
-            if (account.id === primaryWalletId &&
-                shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
-                yield wallet.walletConnector.connect();
-            }
-            if (account.address && account.chain) {
-                return {
-                    address: account.address,
-                    chain: account.chain,
-                    connected: yield isWalletConnected({
-                        address: account.address,
-                        chain: account.chain,
-                        connector: wallet.walletConnector,
-                    }),
-                    connector: wallet.walletConnector,
-                    id: account.id,
-                };
-            }
-            return null;
-        }))).then((result) => {
-            setWallets(result.filter((wc) => wc !== null));
-            return null;
-        });
-    }, [availableWallets, primaryWalletId, authToken]);
-    const computeConnectedStateForWallets = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!primaryWalletId)
-            return;
-        const connectionMap = {};
-        for (const wallet of wallets) {
-            connectionMap[wallet.id] = yield isWalletConnected(wallet);
-        }
-        setWallets((currentWallets) => currentWallets.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: connectionMap[wallet.id] }))));
-    }), [primaryWalletId, wallets]);
     const getSelectedWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         const newWallet = wallets.find(({ id }) => id === walletId);
         if (!newWallet) {
@@ -161,8 +115,9 @@ const useWalletConnectors = ({ authToken, wallets: availableWallets, multiWallet
     ]);
     const walletConnectors = wallets.map((wallet) => wallet.connector);
     return {
-        clearWalletStates,
+        clearPrimaryWalletId,
         computeConnectedStateForWallets,
+        didConnectedStateLoad,
         getPrimaryWallet,
         getSecondaryWallets,
         primaryWallet: getPrimaryWallet(),

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

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var decodeJwt = require('../../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('../../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('react/jsx-runtime');
+require('../../../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('../../../../constants/colors.cjs');
+require('../../../../../shared/consts/index.cjs');
+var isSameWalletName = require('../../../../functions/isSameWalletName/isSameWalletName.cjs');
+require('@dynamic-labs/sdk-api');
+var shouldManuallyReconnectOnRefresh = require('../../../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
+
+const createLinkedWalletsFromWalletOptions = ({ authToken, walletOptions, primaryWalletId, }) => {
+    const decodedJwt = decodeJwt.decodeJwt(authToken);
+    // wallet state should be null while loading all the wallets or when there is no user
+    if (!walletOptions || !decodedJwt) {
+        return [];
+    }
+    return decodedJwt.verifiedCredentials
+        .map((account) => {
+        const wallet = walletOptions.find((wallet) => account.walletName &&
+            isSameWalletName.isSameWalletName(wallet.name, account.walletName));
+        // this probably shouldn't happen. this would mean that the user has an account linked
+        // with wallet W, but the customer has toggled off wallet W or the chain that
+        // supports wallet W
+        /* istanbul ignore next */
+        if (!wallet)
+            return null;
+        if (account.id === primaryWalletId &&
+            shouldManuallyReconnectOnRefresh.shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
+            wallet.walletConnector.connect();
+        }
+        if (account.address && account.chain) {
+            return {
+                address: account.address,
+                chain: account.chain,
+                connected: false,
+                connector: wallet.walletConnector,
+                id: account.id,
+            };
+        }
+        return null;
+    })
+        .filter((wc) => wc !== null);
+};
+
+exports.createLinkedWalletsFromWalletOptions = createLinkedWalletsFromWalletOptions;

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

@@ -0,0 +1,8 @@
+import { Wallet, WalletOption } from '../../../../../shared';
+type CreateWalletsFromWalletOptionsProps = {
+    authToken: string;
+    primaryWalletId: string | undefined;
+    walletOptions: WalletOption[] | undefined;
+};
+export declare const createLinkedWalletsFromWalletOptions: ({ authToken, walletOptions, primaryWalletId, }: CreateWalletsFromWalletOptionsProps) => Wallet[];
+export {};

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

@@ -0,0 +1,48 @@
+import { decodeJwt } from '../../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '../../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import 'react/jsx-runtime';
+import '../../../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '../../../../constants/colors.js';
+import '../../../../../shared/consts/index.js';
+import { isSameWalletName } from '../../../../functions/isSameWalletName/isSameWalletName.js';
+import '@dynamic-labs/sdk-api';
+import { shouldManuallyReconnectOnRefresh } from '../../../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
+
+const createLinkedWalletsFromWalletOptions = ({ authToken, walletOptions, primaryWalletId, }) => {
+    const decodedJwt = decodeJwt(authToken);
+    // wallet state should be null while loading all the wallets or when there is no user
+    if (!walletOptions || !decodedJwt) {
+        return [];
+    }
+    return decodedJwt.verifiedCredentials
+        .map((account) => {
+        const wallet = walletOptions.find((wallet) => account.walletName &&
+            isSameWalletName(wallet.name, account.walletName));
+        // this probably shouldn't happen. this would mean that the user has an account linked
+        // with wallet W, but the customer has toggled off wallet W or the chain that
+        // supports wallet W
+        /* istanbul ignore next */
+        if (!wallet)
+            return null;
+        if (account.id === primaryWalletId &&
+            shouldManuallyReconnectOnRefresh(wallet.walletConnector)) {
+            wallet.walletConnector.connect();
+        }
+        if (account.address && account.chain) {
+            return {
+                address: account.address,
+                chain: account.chain,
+                connected: false,
+                connector: wallet.walletConnector,
+                id: account.id,
+            };
+        }
+        return null;
+    })
+        .filter((wc) => wc !== null);
+};
+
+export { createLinkedWalletsFromWalletOptions };

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

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

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

@@ -0,0 +1,2 @@
+export * from './primaryWalletIdValidator';
+export * from './createLinkedWalletsFromWalletOptions';

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

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

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const primaryWalletIdValidator = (value) => typeof value === 'string' || typeof value === 'undefined';
+
+exports.primaryWalletIdValidator = primaryWalletIdValidator;

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

@@ -0,0 +1 @@
+export declare const primaryWalletIdValidator: (value: string | unknown) => value is string | undefined;

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

@@ -0,0 +1,3 @@
+const primaryWalletIdValidator = (value) => typeof value === 'string' || typeof value === 'undefined';
+
+export { primaryWalletIdValidator };

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

@@ -2,42 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var data = require('../../../views/WalletList/data.cjs');
 var getMagicLinkApiKeyFromProviders = require('./utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.cjs');
 
 const useWallets = ({ projectSettings, appLogoUrl, appName, networkConfigurations, vendorCredentials, walletUiUtils, magicLinkConfig, }) => {
-    const [wallets, setWallets] = React.useState([]);
-    React.useEffect(() => {
-        const getWalletList = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            if (projectSettings) {
-                const magicLinkApiKey = getMagicLinkApiKeyFromProviders.getMagicLinkApiKeyFromProviders((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || []);
-                const installedWallets = yield data.getInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    magicLinkApiKey,
-                    magicLinkConfig,
-                    networkConfigurations,
-                    skipMemo: true,
-                    vendorCredentials,
-                    walletUiUtils,
-                });
-                const notInstalledWallets = yield data.getNotInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    magicLinkApiKey,
-                    magicLinkConfig,
-                    networkConfigurations,
-                    skipMemo: true,
-                    vendorCredentials,
-                    walletUiUtils,
-                });
-                const unfilteredWallets = [...installedWallets, ...notInstalledWallets];
-                setWallets(unfilteredWallets);
-            }
+    const wallets = React.useMemo(() => {
+        if (!projectSettings)
+            return [];
+        const magicLinkApiKey = getMagicLinkApiKeyFromProviders.getMagicLinkApiKeyFromProviders((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || []);
+        const installedWallets = data.getInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            magicLinkApiKey,
+            magicLinkConfig,
+            networkConfigurations,
+            skipMemo: true,
+            vendorCredentials,
+            walletUiUtils,
         });
-        getWalletList();
+        const notInstalledWallets = data.getNotInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            magicLinkApiKey,
+            magicLinkConfig,
+            networkConfigurations,
+            skipMemo: true,
+            vendorCredentials,
+            walletUiUtils,
+        });
+        const unfilteredWallets = [...installedWallets, ...notInstalledWallets];
+        return unfilteredWallets;
     }, [
         projectSettings,
         appLogoUrl,

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

@@ -1,6 +1,5 @@
 import { MagicLinkConfig, NetworkConfigurationMap, VendorCredentials, WalletUiUtils } from '@dynamic-labs/multi-wallet';
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
-import { WalletOption } from '../../../shared';
 type Props = {
     appLogoUrl?: string;
     appName?: string;
@@ -11,6 +10,6 @@ type Props = {
     walletUiUtils: WalletUiUtils;
 };
 export declare const useWallets: ({ projectSettings, appLogoUrl, appName, networkConfigurations, vendorCredentials, walletUiUtils, magicLinkConfig, }: Props) => {
-    wallets: WalletOption[];
+    wallets: import("../../../shared").WalletOption[];
 };
 export {};

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

@@ -1,39 +1,34 @@
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useEffect } from 'react';
+import { useMemo } from 'react';
 import { getInstalledWallets, getNotInstalledWallets } from '../../../views/WalletList/data.js';
 import { getMagicLinkApiKeyFromProviders } from './utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.js';
 
 const useWallets = ({ projectSettings, appLogoUrl, appName, networkConfigurations, vendorCredentials, walletUiUtils, magicLinkConfig, }) => {
-    const [wallets, setWallets] = useState([]);
-    useEffect(() => {
-        const getWalletList = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (projectSettings) {
-                const magicLinkApiKey = getMagicLinkApiKeyFromProviders((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || []);
-                const installedWallets = yield getInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    magicLinkApiKey,
-                    magicLinkConfig,
-                    networkConfigurations,
-                    skipMemo: true,
-                    vendorCredentials,
-                    walletUiUtils,
-                });
-                const notInstalledWallets = yield getNotInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    magicLinkApiKey,
-                    magicLinkConfig,
-                    networkConfigurations,
-                    skipMemo: true,
-                    vendorCredentials,
-                    walletUiUtils,
-                });
-                const unfilteredWallets = [...installedWallets, ...notInstalledWallets];
-                setWallets(unfilteredWallets);
-            }
+    const wallets = useMemo(() => {
+        if (!projectSettings)
+            return [];
+        const magicLinkApiKey = getMagicLinkApiKeyFromProviders((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || []);
+        const installedWallets = getInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            magicLinkApiKey,
+            magicLinkConfig,
+            networkConfigurations,
+            skipMemo: true,
+            vendorCredentials,
+            walletUiUtils,
         });
-        getWalletList();
+        const notInstalledWallets = getNotInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            magicLinkApiKey,
+            magicLinkConfig,
+            networkConfigurations,
+            skipMemo: true,
+            vendorCredentials,
+            walletUiUtils,
+        });
+        const unfilteredWallets = [...installedWallets, ...notInstalledWallets];
+        return unfilteredWallets;
     }, [
         projectSettings,
         appLogoUrl,

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

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

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('../../constants/colors.cjs');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+var isWalletConnected = require('../../functions/isWalletConnected/isWalletConnected.cjs');
+
+const useWalletsConnectionState = (linkedWallets) => {
+    const [connectedWalletMap, setConnectedWalletMap] = React.useState();
+    const computeConnectedStateForWallets = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const connectedWalletIds = (yield Promise.all(linkedWallets.map((wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const isConnected = yield isWalletConnected.isWalletConnected(wallet);
+            if (isConnected) {
+                return wallet.id;
+            }
+            else {
+                return undefined;
+            }
+        })))).filter((connectedWalletId) => connectedWalletId !== undefined);
+        const newConnectedStateByWalletIdMap = connectedWalletIds.reduce((result, walletId) => (Object.assign(Object.assign({}, result), { [walletId]: true })), {});
+        setConnectedWalletMap(newConnectedStateByWalletIdMap);
+    }), [linkedWallets, setConnectedWalletMap]);
+    return {
+        computeConnectedStateForWallets,
+        connectedWalletMap: connectedWalletMap !== null && connectedWalletMap !== void 0 ? connectedWalletMap : {},
+        didConnectedStateLoad: Boolean(connectedWalletMap),
+    };
+};
+
+exports.useWalletsConnectionState = useWalletsConnectionState;

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

@@ -0,0 +1,11 @@
+import { Wallet } from '../../../shared';
+type ConnectedWalletsMap = {
+    [address: string]: boolean;
+};
+type WalletsConnectionStateHook = (wallets: Wallet[]) => {
+    computeConnectedStateForWallets: () => Promise<void>;
+    connectedWalletMap: ConnectedWalletsMap;
+    didConnectedStateLoad: boolean;
+};
+export declare const useWalletsConnectionState: WalletsConnectionStateHook;
+export {};

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

@@ -0,0 +1,34 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState, useCallback } from 'react';
+import '../../constants/colors.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import { isWalletConnected } from '../../functions/isWalletConnected/isWalletConnected.js';
+
+const useWalletsConnectionState = (linkedWallets) => {
+    const [connectedWalletMap, setConnectedWalletMap] = useState();
+    const computeConnectedStateForWallets = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        const connectedWalletIds = (yield Promise.all(linkedWallets.map((wallet) => __awaiter(void 0, void 0, void 0, function* () {
+            const isConnected = yield isWalletConnected(wallet);
+            if (isConnected) {
+                return wallet.id;
+            }
+            else {
+                return undefined;
+            }
+        })))).filter((connectedWalletId) => connectedWalletId !== undefined);
+        const newConnectedStateByWalletIdMap = connectedWalletIds.reduce((result, walletId) => (Object.assign(Object.assign({}, result), { [walletId]: true })), {});
+        setConnectedWalletMap(newConnectedStateByWalletIdMap);
+    }), [linkedWallets, setConnectedWalletMap]);
+    return {
+        computeConnectedStateForWallets,
+        connectedWalletMap: connectedWalletMap !== null && connectedWalletMap !== void 0 ? connectedWalletMap : {},
+        didConnectedStateLoad: Boolean(connectedWalletMap),
+    };
+};
+
+export { useWalletsConnectionState };

package/src/lib/views/WalletList/data.cjs

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../_virtual/_tslib.cjs');
 var multiWallet = require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
@@ -22,9 +21,9 @@ const getEnabledCosmosNetworks = (chains) => {
     var _a, _b, _c;
     return ((_c = (_b = (_a = chains.find(({ enabled, name }) => enabled && name === 'cosmos')) === null || _a === void 0 ? void 0 : _a.networks) === null || _b === void 0 ? void 0 : _b.filter(({ enabled }) => enabled)) === null || _c === void 0 ? void 0 : _c.map(({ networkId }) => networkId)) || [];
 };
-const createWallets = (props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const createWallets = (props) => {
     var _a, _b, _c, _d;
-    return (yield multiWallet.getEnabledWallets({
+    return multiWallet.getEnabledWallets({
         enabledChains: getEnabledChains(props.settings.chains),
         enabledNetworks: getEnabledCosmosNetworks(props.settings.chains),
         getSupportedWalletOpts: Object.assign(Object.assign({}, props.getSupportedWalletOpts), { isWalletConnectV2Enabled: ((_a = props.settings.sdk.walletConnect) === null || _a === void 0 ? void 0 : _a.v2Enabled) &&
@@ -32,8 +31,8 @@ const createWallets = (props) => _tslib.__awaiter(void 0, void 0, void 0, functi
                 ? (_c = props.settings.sdk.walletConnect) === null || _c === void 0 ? void 0 : _c.v2Enabled
                 : false, walletConnectProjectId: (_d = props.settings.sdk.walletConnect) === null || _d === void 0 ? void 0 : _d.projectId }),
         installed: props.installed,
-    })).map(createWallet.createWallet);
-});
+    }).map(createWallet.createWallet);
+};
 const getInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
     getSupportedWalletOpts,
     installed: true,

package/src/lib/views/WalletList/data.d.ts

@@ -7,6 +7,6 @@ interface IChain {
 export declare const getEnabledChains: (chains: IChain[]) => ("ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS")[];
 export declare const getEnabledCosmosNetworks: (chains: IChain[]) => number[];
 type BaseGetSupportedWalletOpts = Omit<GetSupportedWalletsOpts, 'isWalletConnectV2Enabled' | 'walletConnectProjectId'>;
-export declare const getInstalledWallets: (settings: ProjectSettings, getSupportedWalletOpts: BaseGetSupportedWalletOpts) => Promise<import("../../shared").WalletOption[]>;
-export declare const getNotInstalledWallets: (settings: ProjectSettings, getSupportedWalletOpts: BaseGetSupportedWalletOpts) => Promise<import("../../shared").WalletOption[]>;
+export declare const getInstalledWallets: (settings: ProjectSettings, getSupportedWalletOpts: BaseGetSupportedWalletOpts) => import("../../shared").WalletOption[];
+export declare const getNotInstalledWallets: (settings: ProjectSettings, getSupportedWalletOpts: BaseGetSupportedWalletOpts) => import("../../shared").WalletOption[];
 export {};

package/src/lib/views/WalletList/data.js

@@ -1,4 +1,3 @@
-import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { getEnabledWallets, getChainInfo } from '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
@@ -18,9 +17,9 @@ const getEnabledCosmosNetworks = (chains) => {
     var _a, _b, _c;
     return ((_c = (_b = (_a = chains.find(({ enabled, name }) => enabled && name === 'cosmos')) === null || _a === void 0 ? void 0 : _a.networks) === null || _b === void 0 ? void 0 : _b.filter(({ enabled }) => enabled)) === null || _c === void 0 ? void 0 : _c.map(({ networkId }) => networkId)) || [];
 };
-const createWallets = (props) => __awaiter(void 0, void 0, void 0, function* () {
+const createWallets = (props) => {
     var _a, _b, _c, _d;
-    return (yield getEnabledWallets({
+    return getEnabledWallets({
         enabledChains: getEnabledChains(props.settings.chains),
         enabledNetworks: getEnabledCosmosNetworks(props.settings.chains),
         getSupportedWalletOpts: Object.assign(Object.assign({}, props.getSupportedWalletOpts), { isWalletConnectV2Enabled: ((_a = props.settings.sdk.walletConnect) === null || _a === void 0 ? void 0 : _a.v2Enabled) &&
@@ -28,8 +27,8 @@ const createWallets = (props) => __awaiter(void 0, void 0, void 0, function* ()
                 ? (_c = props.settings.sdk.walletConnect) === null || _c === void 0 ? void 0 : _c.v2Enabled
                 : false, walletConnectProjectId: (_d = props.settings.sdk.walletConnect) === null || _d === void 0 ? void 0 : _d.projectId }),
         installed: props.installed,
-    })).map(createWallet);
-});
+    }).map(createWallet);
+};
 const getInstalledWallets = (settings, getSupportedWalletOpts) => createWallets({
     getSupportedWalletOpts,
     installed: true,