@dynamic-labs/sdk-react-core 1.0.0-alpha.0 → 1.0.0-alpha.10

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

@@ -7,18 +7,18 @@ 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 '../../../constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { requiresTwoStepAuthentication } from '../../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import { useConnectAndSign } from '../../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
-import '../../../../config/ApiEndpoint.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 

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

@@ -47,7 +47,8 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'passkey-intro' &&
         view !== 'social-redirect-view' &&
         view !== 'update-email' &&
-        view !== 'collect-user-data-login-with-email';
+        view !== 'collect-user-data-login-with-email' &&
+        view !== 'passkey-recovery-start';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||
             view === 'qr-code' ||
@@ -78,7 +79,9 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'email-wallet-otp-verification-view';
     const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
         view !== 'login-with-email-verification' &&
-        view !== 'network-not-supported';
+        view !== 'network-not-supported' &&
+        view !== 'passkey-recovery-complete' &&
+        view !== 'passkey-recovery-start';
     const showBackButton = view === 'qr-code' ||
         view === 'pending-signature' ||
         view === 'no-qr-not-installed' ||

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

@@ -43,7 +43,8 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'passkey-intro' &&
         view !== 'social-redirect-view' &&
         view !== 'update-email' &&
-        view !== 'collect-user-data-login-with-email';
+        view !== 'collect-user-data-login-with-email' &&
+        view !== 'passkey-recovery-start';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||
             view === 'qr-code' ||
@@ -74,7 +75,9 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'email-wallet-otp-verification-view';
     const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
         view !== 'login-with-email-verification' &&
-        view !== 'network-not-supported';
+        view !== 'network-not-supported' &&
+        view !== 'passkey-recovery-complete' &&
+        view !== 'passkey-recovery-start';
     const showBackButton = view === 'qr-code' ||
         view === 'pending-signature' ||
         view === 'no-qr-not-installed' ||

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

@@ -7,8 +7,9 @@ var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
-require('../../../context/ViewContext/ViewContext.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -18,31 +19,31 @@ require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../shared/consts/index.cjs');
-require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../config/ApiEndpoint.cjs');
 var useSignConnectOnlyUser = require('../authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs');
 require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 
 const useAuthenticateConnectedUser = () => {
     const signConnectOnlyUser = useSignConnectOnlyUser.useSignConnectOnlyUser();
-    const { connectedWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { connectedWallets, user } = useInternalDynamicContext.useInternalDynamicContext();
     const [isAuthenticating, setIsAuthenticating] = React.useState(false);
     const authenticateUser = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (user) {
             throw new utils.DynamicError('User is already authenticated');
         }
-        if (!connectedWallet) {
+        if (connectedWallets.length === 0) {
             throw new utils.DynamicError('No connected wallet');
         }
+        const connectedWallet = connectedWallets[0];
         setIsAuthenticating(true);
         yield signConnectOnlyUser({
             walletConnector: connectedWallet.connector,
         });
         setIsAuthenticating(false);
-    }), [connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address, connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.chain]);
+    }), [connectedWallets, signConnectOnlyUser, user]);
     return { authenticateUser, isAuthenticating };
 };
 

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

@@ -3,8 +3,9 @@ import { useState, useCallback } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
-import '../../../context/ViewContext/ViewContext.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -14,31 +15,31 @@ import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../shared/consts/index.js';
-import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../config/ApiEndpoint.js';
 import { useSignConnectOnlyUser } from '../authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js';
 import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 
 const useAuthenticateConnectedUser = () => {
     const signConnectOnlyUser = useSignConnectOnlyUser();
-    const { connectedWallet, user } = useInternalDynamicContext();
+    const { connectedWallets, user } = useInternalDynamicContext();
     const [isAuthenticating, setIsAuthenticating] = useState(false);
     const authenticateUser = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (user) {
             throw new DynamicError('User is already authenticated');
         }
-        if (!connectedWallet) {
+        if (connectedWallets.length === 0) {
             throw new DynamicError('No connected wallet');
         }
+        const connectedWallet = connectedWallets[0];
         setIsAuthenticating(true);
         yield signConnectOnlyUser({
             walletConnector: connectedWallet.connector,
         });
         setIsAuthenticating(false);
-    }), [connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address, connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.chain]);
+    }), [connectedWallets, signConnectOnlyUser, user]);
     return { authenticateUser, isAuthenticating };
 };
 

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

@@ -10,10 +10,10 @@ 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');
 var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 const useClearWalletConnectSessions = ({ connectors }) => {

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

@@ -6,10 +6,10 @@ 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 { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 const useClearWalletConnectSessions = ({ connectors }) => {

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

@@ -10,10 +10,10 @@ require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 var useMediaQuery = require('../../../shared/utils/hooks/useMediaQuery/useMediaQuery.cjs');
 require('../../../shared/consts/index.cjs');
 

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

@@ -6,10 +6,10 @@ import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import { useMediaQuery } from '../../../shared/utils/hooks/useMediaQuery/useMediaQuery.js';
 import '../../../shared/consts/index.js';
 

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

@@ -5,25 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 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('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
-var api = require('../../../data/api.cjs');
 require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
+var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, setConnectedWallets] = React.useState([]);
     const disconnectWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -58,7 +58,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     // The event listeners are updating `connectedWallets` list.
     // It should be called on the first render and when connectedWalletsInfo updates
     const updateConnectedWalletsList = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const walletConnectors = wallets.map((wallet) => wallet.walletConnector);
+        const walletConnectors = walletConnectorOptions.map((wallet) => wallet.walletConnector);
         if (!walletConnectors.length) {
             return;
         }
@@ -88,12 +88,12 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             return walletObject;
         })))).filter((wallet) => Boolean(wallet));
         setConnectedWallets(updatedConnectedWallets);
-    }), [connectedWalletsInfo, disconnectWallet, wallets]);
+    }), [connectedWalletsInfo, disconnectWallet, walletConnectorOptions]);
     // Generate the connectedWallets list when connectedWalletsInfo (localStorage) or memoized wallet connector updates
     React.useEffect(() => {
         updateConnectedWalletsList();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [connectedWalletsInfo, wallets]);
+    }, [connectedWalletsInfo, walletConnectorOptions]);
     const getNextIdAvailable = React.useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -114,7 +114,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             setConnectedWallets(clonedConnectedWalletsList);
         }
     }, [connectedWallets]);
-    const connectedWallet = connectedWallets[0] || null;
     // Keeps connected wallet data inside localStorage
     const applyConnectedWalletToStore = ({ walletId, walletConnectorKey, walletChain, provider, }) => {
         const updatedConnectedWalletsInfo = [...connectedWalletsInfo];
@@ -132,6 +131,9 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             yield walletConnector.connect();
         }
         const currentWalletConnectorAddress = yield walletConnector.fetchPublicAddress();
+        if (!currentWalletConnectorAddress) {
+            return;
+        }
         if (onBeforeConnectSuccessConfirmation) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
                 address: currentWalletConnectorAddress,
@@ -153,15 +155,15 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     });
     const shouldSkipCreatingVisit = authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly;
     const connectWallet = (walletConnector, fetchPublicAddressOpts, shouldCallCallback = true) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const publicWalletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
-        if (!publicWalletAddress) {
+        const walletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
+        if (!walletAddress) {
             const error = new Error();
             error.code = 'missing-public-address';
             throw error;
         }
         if (onBeforeConnectSuccessConfirmation && shouldCallCallback) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
-                address: publicWalletAddress,
+                address: walletAddress,
                 chain: walletConnector.connectedChain,
                 connector: walletConnector,
             });
@@ -183,7 +185,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         else {
             applyConnectedWalletToStore({
                 provider: getWalletProvider.getWalletProvider(walletConnector),
-                walletAddress: publicWalletAddress,
+                walletAddress: walletAddress,
                 walletChain,
                 walletConnectorKey: walletConnector.key,
                 walletId,
@@ -196,18 +198,17 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                     authMode,
                     chain: walletChain || '',
                     environmentId,
-                    publicWalletAddress,
+                    publicWalletAddress: walletAddress,
                     walletName: walletConnector.name,
                     walletProvider: getWalletProvider.getWalletProvider(walletConnector),
                 });
             }
         }
-        return publicWalletAddress;
+        return { address: walletAddress, id: walletId };
     });
     const getConnectedWalletById = React.useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {
         connectWallet,
-        connectedWallet,
         connectedWallets,
         connectedWalletsInfo,
         disconnectWallet,

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

@@ -1,5 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { ConnectWalletResult } from '../../../context/DynamicContext/types';
 import { AuthModeType, OnBeforeConnectSuccessConfirmation, Wallet, WalletOption } from '../../../shared';
 export type ConnectedWalletConnectorType = {
     id: string;
@@ -14,15 +15,14 @@ type Props = {
     environmentId: string;
     primaryWalletId: string | undefined;
     setPrimaryWalletId: (walletId: string) => void;
-    wallets: WalletOption[];
+    walletConnectorOptions: WalletOption[];
     onDisconnect: (connectedWalletsInfo: ConnectedWalletConnectorType[], wallet?: Wallet) => void;
     onBeforeConnectSuccessConfirmation: OnBeforeConnectSuccessConfirmation | undefined;
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     isBridgeFlow: boolean;
 };
 type UseConnectWalletValue = {
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<string | undefined>;
-    connectedWallet: Wallet | null;
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<ConnectWalletResult | undefined>;
     connectedWallets: Wallet[];
     connectedWalletsInfo: ConnectedWalletConnectorType[];
     getConnectedWalletById: (walletId: string) => Wallet | undefined;
@@ -30,5 +30,5 @@ type UseConnectWalletValue = {
     removeConnectedWalletsInfo: () => void;
     disconnectWallet: (walletId: string) => Promise<void>;
 };
-export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }: Props) => UseConnectWalletValue;
+export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }: Props) => UseConnectWalletValue;
 export {};

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

@@ -1,25 +1,25 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback, useEffect } from 'react';
 import { getWalletConnectorByKey, logger } from '@dynamic-labs/wallet-connector-core';
+import { createVisit } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import { CONNECTED_WALLETS_INFO } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
-import { createVisit } from '../../../data/api.js';
 import '@dynamic-labs/multi-wallet';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
+import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, setConnectedWallets] = useState([]);
     const disconnectWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
@@ -54,7 +54,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     // The event listeners are updating `connectedWallets` list.
     // It should be called on the first render and when connectedWalletsInfo updates
     const updateConnectedWalletsList = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        const walletConnectors = wallets.map((wallet) => wallet.walletConnector);
+        const walletConnectors = walletConnectorOptions.map((wallet) => wallet.walletConnector);
         if (!walletConnectors.length) {
             return;
         }
@@ -84,12 +84,12 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             return walletObject;
         })))).filter((wallet) => Boolean(wallet));
         setConnectedWallets(updatedConnectedWallets);
-    }), [connectedWalletsInfo, disconnectWallet, wallets]);
+    }), [connectedWalletsInfo, disconnectWallet, walletConnectorOptions]);
     // Generate the connectedWallets list when connectedWalletsInfo (localStorage) or memoized wallet connector updates
     useEffect(() => {
         updateConnectedWalletsList();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [connectedWalletsInfo, wallets]);
+    }, [connectedWalletsInfo, walletConnectorOptions]);
     const getNextIdAvailable = useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -110,7 +110,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             setConnectedWallets(clonedConnectedWalletsList);
         }
     }, [connectedWallets]);
-    const connectedWallet = connectedWallets[0] || null;
     // Keeps connected wallet data inside localStorage
     const applyConnectedWalletToStore = ({ walletId, walletConnectorKey, walletChain, provider, }) => {
         const updatedConnectedWalletsInfo = [...connectedWalletsInfo];
@@ -128,6 +127,9 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             yield walletConnector.connect();
         }
         const currentWalletConnectorAddress = yield walletConnector.fetchPublicAddress();
+        if (!currentWalletConnectorAddress) {
+            return;
+        }
         if (onBeforeConnectSuccessConfirmation) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
                 address: currentWalletConnectorAddress,
@@ -149,15 +151,15 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     });
     const shouldSkipCreatingVisit = authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly;
     const connectWallet = (walletConnector, fetchPublicAddressOpts, shouldCallCallback = true) => __awaiter(void 0, void 0, void 0, function* () {
-        const publicWalletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
-        if (!publicWalletAddress) {
+        const walletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
+        if (!walletAddress) {
             const error = new Error();
             error.code = 'missing-public-address';
             throw error;
         }
         if (onBeforeConnectSuccessConfirmation && shouldCallCallback) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
-                address: publicWalletAddress,
+                address: walletAddress,
                 chain: walletConnector.connectedChain,
                 connector: walletConnector,
             });
@@ -179,7 +181,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         else {
             applyConnectedWalletToStore({
                 provider: getWalletProvider(walletConnector),
-                walletAddress: publicWalletAddress,
+                walletAddress: walletAddress,
                 walletChain,
                 walletConnectorKey: walletConnector.key,
                 walletId,
@@ -192,18 +194,17 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                     authMode,
                     chain: walletChain || '',
                     environmentId,
-                    publicWalletAddress,
+                    publicWalletAddress: walletAddress,
                     walletName: walletConnector.name,
                     walletProvider: getWalletProvider(walletConnector),
                 });
             }
         }
-        return publicWalletAddress;
+        return { address: walletAddress, id: walletId };
     });
     const getConnectedWalletById = useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {
         connectWallet,
-        connectedWallet,
         connectedWallets,
         connectedWalletsInfo,
         disconnectWallet,

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

@@ -11,10 +11,10 @@ require('@dynamic-labs/wallet-connector-core');
 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('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');

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

@@ -7,10 +7,10 @@ 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 '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';

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

@@ -11,24 +11,35 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-var isSupportedNetwork = require('../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
 var isProgrammableNetworkSwitchSupported = require('../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.cjs');
+var isSupportedNetwork = require('../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
+var useIsLoggedIn = require('../useIsLoggedIn/useIsLoggedIn.cjs');
 
 const useConnectedWalletsNetworkValidation = () => {
-    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnector, setShowAuthFlow, showAuthFlow, walletsToConnectByChain, isBridgeFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, bridgeChainsToConnect, sdkHasLoaded, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
+    const isLoggedIn = useIsLoggedIn.useIsLoggedIn();
     React.useEffect(() => {
-        if (!isBridgeFlow) {
+        /**
+         * This check was added to prevent the "wrong network" modal from appearing
+         * after logging out. It seems like on log out, there is a render where the
+         * connectedWallets hasn't been cleared out yet, so the logic in this hook
+         * runs and ends up showing the "wrong network" modal if the connected wallet
+         * is on an unsupported network. by checking sdkHasLoaded, we prevent this
+         * extra popup because handleLogOut flips sdkHasLoaded to false, so on the
+         * next render it will already be false.
+         */
+        if (!sdkHasLoaded || !isLoggedIn) {
             return;
         }
         const connectedWalletsWithInvalidNetwork = connectedWallets.filter((connectedWallet) => {
-            const isChainInWalletsToConnect = walletsToConnectByChain === null || walletsToConnectByChain === void 0 ? void 0 : walletsToConnectByChain.some((walletToConnectByChain) => walletToConnectByChain.chain === connectedWallet.chain);
+            const isChainInWalletsToConnect = bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.some((walletToConnectByChain) => walletToConnectByChain.chain === connectedWallet.chain);
             const isSupported = isSupportedNetwork.isSupportedNetwork({
                 network: connectedWallet.network,
                 walletConnector: connectedWallet.connector,
@@ -39,31 +50,28 @@ const useConnectedWalletsNetworkValidation = () => {
             // If we found wallets that require a change of network
             // then, one by one, in the first one we require a change of network.
             const [connectedWalletWithInvalidNetwork] = connectedWalletsWithInvalidNetwork;
-            // Keeps the first wallet connectedWallet in setSelectedWalletConnector
+            // Keeps the first wallet connectedWallet in setSelectedWalletConnectorKey
             // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
             if (connectedWalletWithInvalidNetwork.connector.name !==
                 (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name)) {
-                setSelectedWalletConnector(connectedWalletWithInvalidNetwork.connector);
+                setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
             }
             const networkNotSupportedView = isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)
                 ? 'network-not-supported'
                 : 'network-not-supported-manual';
-            if (!showAuthFlow) {
-                setShowAuthFlow(true);
-            }
+            // Doesn't rerender if it's already true
+            setShowAuthFlow(true);
             setView(networkNotSupportedView);
         }
-        // we need it to remove 'showAuthFlow' property. we don't want to react to it,
-        // because closing modal on network switch causes it to re-open
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
+        sdkHasLoaded,
         connectedWallets,
-        isBridgeFlow,
         selectedWalletConnector,
-        setSelectedWalletConnector,
+        setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setView,
-        walletsToConnectByChain,
+        bridgeChainsToConnect,
+        isLoggedIn,
     ]);
 };