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

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

@@ -7,7 +7,7 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { MISSING_ADDRESS_ERROR } from '../../../constants/errors.js';
 
 const useSyncPrimaryWallet = (canSync = true) => {
-    const { setShowAuthFlow, isAuthenticated, authMode, computeConnectedStateForWallets, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext();
+    const { setShowAuthFlow, isAuthenticated, authMode, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const handlePrimaryWalletNotActive = useCallback((connectedAddress) => {
         if (!primaryWallet)
@@ -34,7 +34,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
                 return;
             }
             setPrimaryWallet(connectedSecondaryWallet.id);
-            computeConnectedStateForWallets();
             return;
         }
         if (showWidgetStatePopup) {
@@ -48,7 +47,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
             isSameAddress(wallet.address, connectedAddress, wallet.chain));
         if (connectedWallet) {
             setPrimaryWallet(connectedWallet.id);
-            computeConnectedStateForWallets();
             return;
         }
         setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
@@ -59,7 +57,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
         showWidgetStatePopup,
         setMultiWalletWidgetState,
         setPrimaryWallet,
-        computeConnectedStateForWallets,
         setShowWidgetStatePopup,
         connectWallet,
     ]);
@@ -88,7 +85,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
             const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
             if (connectedSecondaryWallet) {
                 setPrimaryWallet(connectedSecondaryWallet.id);
-                computeConnectedStateForWallets();
                 return;
             }
             // user is logged in (has valid jwt), but no wallet is connected
@@ -110,7 +106,6 @@ const useSyncPrimaryWallet = (canSync = true) => {
         secondaryWallets,
         multiWalletWidgetState,
         setMultiWalletWidgetState,
-        computeConnectedStateForWallets,
         handlePrimaryWalletNotActive,
         handleLogOut,
         setPrimaryWallet,

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

@@ -20,9 +20,9 @@ require('@dynamic-labs/multi-wallet');
 var requiresTwoStepAuthentication = require('../../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 var useConnectAndSign = require('../../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
-require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 

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

@@ -16,9 +16,9 @@ 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/useConnectWallet/useConnectWallet.cjs

@@ -5,6 +5,7 @@ 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');
@@ -18,12 +19,11 @@ 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,6 +1,7 @@
 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';
@@ -14,12 +15,11 @@ 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/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.cjs

@@ -17,12 +17,14 @@ 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, setSelectedWalletConnectorKey, setShowAuthFlow, showAuthFlow, walletsToConnectByChain, sdkHasLoaded, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, bridgeChainsToConnect, sdkHasLoaded, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
+    const isLoggedIn = useIsLoggedIn.useIsLoggedIn();
     React.useEffect(() => {
         /**
          * This check was added to prevent the "wrong network" modal from appearing
@@ -33,11 +35,11 @@ const useConnectedWalletsNetworkValidation = () => {
          * extra popup because handleLogOut flips sdkHasLoaded to false, so on the
          * next render it will already be false.
          */
-        if (!sdkHasLoaded) {
+        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,
@@ -57,14 +59,10 @@ const useConnectedWalletsNetworkValidation = () => {
             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,
@@ -72,7 +70,8 @@ const useConnectedWalletsNetworkValidation = () => {
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setView,
-        walletsToConnectByChain,
+        bridgeChainsToConnect,
+        isLoggedIn,
     ]);
 };
 

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

@@ -13,12 +13,14 @@ import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import { isSupportedNetwork } from '../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import { isProgrammableNetworkSwitchSupported } from '../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.js';
+import { isSupportedNetwork } from '../../functions/isSupportedNetwork/isSupportedNetwork.js';
+import { useIsLoggedIn } from '../useIsLoggedIn/useIsLoggedIn.js';
 
 const useConnectedWalletsNetworkValidation = () => {
-    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, showAuthFlow, walletsToConnectByChain, sdkHasLoaded, } = useInternalDynamicContext();
+    const { connectedWallets, selectedWalletConnector, setSelectedWalletConnectorKey, setShowAuthFlow, bridgeChainsToConnect, sdkHasLoaded, } = useInternalDynamicContext();
     const { setView } = useViewContext();
+    const isLoggedIn = useIsLoggedIn();
     useEffect(() => {
         /**
          * This check was added to prevent the "wrong network" modal from appearing
@@ -29,11 +31,11 @@ const useConnectedWalletsNetworkValidation = () => {
          * extra popup because handleLogOut flips sdkHasLoaded to false, so on the
          * next render it will already be false.
          */
-        if (!sdkHasLoaded) {
+        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({
                 network: connectedWallet.network,
                 walletConnector: connectedWallet.connector,
@@ -53,14 +55,10 @@ const useConnectedWalletsNetworkValidation = () => {
             const networkNotSupportedView = 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,
@@ -68,7 +66,8 @@ const useConnectedWalletsNetworkValidation = () => {
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setView,
-        walletsToConnectByChain,
+        bridgeChainsToConnect,
+        isLoggedIn,
     ]);
 };
 

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

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