@dynamic-labs/sdk-react-core 3.0.0-alpha.45 → 3.0.0-alpha.47

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.d.ts

@@ -2,7 +2,7 @@ import { DynamicEvents } from '../../../../events';
 import { EventArgs } from '../types';
 type DynamicEventListener<E extends keyof DynamicEvents> = (...args: EventArgs<DynamicEvents, E>) => void;
 /** Allows us to subscribe to all dynamicEvents with a hook, even the internal ones */
-export declare const useInternalDynamicEvents: <E extends keyof import("../../../../events/auth").AuthEvents | keyof import("../../../../events/ui").UIEvents | keyof import("../../../../events/otp").OTPEvents | keyof import("../../../../events/wallets").WalletEvents | keyof import("../../../../events/passkey").PasskeyEvents | "farcasterConnectCancelled" | keyof import("../../../../events/embeddedWallet").EmbeddedWalletEvents | keyof import("../../../../events/multiWallet").MultiWalletInternalEvents>(event: E, listener: DynamicEventListener<E>) => void;
+export declare const useInternalDynamicEvents: <E extends keyof import("../../../../events/auth").AuthEvents | keyof import("../../../../events/ui").UIEvents | keyof import("../../../../events/otp").OTPEvents | keyof import("../../../../events/wallets").WalletEvents | keyof import("../../../../events/passkey").PasskeyEvents | "farcasterConnectCancelled" | keyof import("../../../../events/embeddedWallet").EmbeddedWalletEvents | keyof import("../../../../events/multiWallet").MultiWalletInternalEvents | "tokenBalancesChanged">(event: E, listener: DynamicEventListener<E>) => void;
 /** Allows subscribing to dynamic events directly inside components with a hook */
 export declare const useDynamicEvents: <E extends "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "emailVerificationResult" | "walletAdded" | "embeddedWalletCreated">(event: E, listener: DynamicEventListener<E>) => void;
 export {};

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

@@ -60,6 +60,6 @@ export { useSyncEmbeddedWalletFlow } from './useSyncEmbeddedWalletFlow';
 export { useSyncOnboardingFlow } from './useSyncOnboardingFlow';
 export { useExternalAuth } from './useExternalAuth';
 export { useRefreshUser } from './useRefreshUser';
-export { useSelectWalletOption } from './useSelectWalletOption';
+export { useWalletOptions } from './useWalletOptions';
 export { useResetCookieLocalStorage } from './useResetCookieLocalStorage';
 export { useSyncMfaFlow } from './useSyncMfaFlow';

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useSecureEnclaveEmbeddedWallet.cjs

@@ -204,7 +204,14 @@ const useSecureEnclaveEmbeddedWallet = () => {
             environmentId,
         });
         return user.refreshUserJwt({ environmentId });
-    }), []);
+    }), [
+        environmentId,
+        initPasskeyRecoveryProcess,
+        projectSettings,
+        shouldInitRecovery,
+        user$1,
+        wallet === null || wallet === void 0 ? void 0 : wallet.connector,
+    ]);
     /**
      * Creates or restores a secure enclave embedded wallet session
      * If it detects that the session is possible to be restored, it will restore it

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useSecureEnclaveEmbeddedWallet.js

@@ -200,7 +200,14 @@ const useSecureEnclaveEmbeddedWallet = () => {
             environmentId,
         });
         return refreshUserJwt({ environmentId });
-    }), []);
+    }), [
+        environmentId,
+        initPasskeyRecoveryProcess,
+        projectSettings,
+        shouldInitRecovery,
+        user,
+        wallet === null || wallet === void 0 ? void 0 : wallet.connector,
+    ]);
     /**
      * Creates or restores a secure enclave embedded wallet session
      * If it detects that the session is possible to be restored, it will restore it

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

@@ -112,12 +112,13 @@ const useMfa = () => {
             mfaDeviceId: deviceId,
         });
     });
-    const deleteUserDevice = (deviceId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const deleteUserDevice = (deviceId, mfaAuthToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!verifiedUser) {
             throw new Error(errors.USER_NOT_LOGGED_IN);
         }
         yield mfa.deleteMfaDevice({
             environmentId,
+            mfaAuthToken,
             mfaDeviceId: deviceId,
         });
     });

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

@@ -7,7 +7,7 @@ export declare const useMfa: () => {
     }>;
     readonly authDevice: (code: string, type?: MFADeviceType, deviceId?: string) => Promise<boolean>;
     readonly authRecoveryCode: (code: string) => Promise<boolean>;
-    readonly deleteUserDevice: (deviceId: string) => Promise<void>;
+    readonly deleteUserDevice: (deviceId: string, mfaAuthToken: string) => Promise<void>;
     readonly getRecoveryCodes: (generateNewCodes?: boolean) => Promise<string[]>;
     readonly getUserDevices: () => Promise<MFADevice[]>;
     readonly updateUserDevice: (deviceId: string) => Promise<void>;

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

@@ -108,12 +108,13 @@ const useMfa = () => {
             mfaDeviceId: deviceId,
         });
     });
-    const deleteUserDevice = (deviceId) => __awaiter(void 0, void 0, void 0, function* () {
+    const deleteUserDevice = (deviceId, mfaAuthToken) => __awaiter(void 0, void 0, void 0, function* () {
         if (!verifiedUser) {
             throw new Error(USER_NOT_LOGGED_IN);
         }
         yield deleteMfaDevice({
             environmentId,
+            mfaAuthToken,
             mfaDeviceId: deviceId,
         });
     });

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

@@ -1 +0,0 @@
-export declare const useOnlyConnectedMode: () => boolean;

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

@@ -228,29 +228,23 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             oauthLoginUrl.searchParams.set('code_challenge_method', 'S256');
         }
         const isMobile = utils.isMobile();
-        const effectiveRedirectUrl = redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : defaultRedirectUrl;
         try {
             const authCode = yield utils.Oauth2Service.getOauthCode({
                 apiProvider: getProviderByType.getProviderByType((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _c !== void 0 ? _c : [], provider),
                 getOAuthResultFromApi: () => oauth.getOAuthResult(environmentId, provider, {
                     state,
                 }),
-                initWebAuth: () => {
-                    // When we set the redirectUrl, the backend gives preference to a redirect
-                    // experience, which is only desired for mobile
-                    const mobileRedirectUrl = effectiveRedirectUrl || window.location.href;
-                    return oauth.initAuth(environmentId, provider, {
-                        redirectUrl: isMobile
-                            ? removeDynamicOauthParamsFromUrl(mobileRedirectUrl)
-                            : undefined,
-                        state,
-                    });
-                },
+                initWebAuth: ({ redirectUrl } = {}) => oauth.initAuth(environmentId, provider, {
+                    redirectUrl: redirectUrl
+                        ? removeDynamicOauthParamsFromUrl(redirectUrl)
+                        : undefined,
+                    state,
+                }),
                 isMobile,
                 oauthLoginUrl,
                 onSettled,
                 provider,
-                redirectUrl: effectiveRedirectUrl,
+                redirectUrl: redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : defaultRedirectUrl,
                 sessionTimeout,
                 setIsProcessing,
                 state,

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

@@ -224,29 +224,23 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             oauthLoginUrl.searchParams.set('code_challenge_method', 'S256');
         }
         const isMobile$1 = isMobile();
-        const effectiveRedirectUrl = redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : defaultRedirectUrl;
         try {
             const authCode = yield Oauth2Service.getOauthCode({
                 apiProvider: getProviderByType((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _c !== void 0 ? _c : [], provider),
                 getOAuthResultFromApi: () => getOAuthResult(environmentId, provider, {
                     state,
                 }),
-                initWebAuth: () => {
-                    // When we set the redirectUrl, the backend gives preference to a redirect
-                    // experience, which is only desired for mobile
-                    const mobileRedirectUrl = effectiveRedirectUrl || window.location.href;
-                    return initAuth(environmentId, provider, {
-                        redirectUrl: isMobile$1
-                            ? removeDynamicOauthParamsFromUrl(mobileRedirectUrl)
-                            : undefined,
-                        state,
-                    });
-                },
+                initWebAuth: ({ redirectUrl } = {}) => initAuth(environmentId, provider, {
+                    redirectUrl: redirectUrl
+                        ? removeDynamicOauthParamsFromUrl(redirectUrl)
+                        : undefined,
+                    state,
+                }),
                 isMobile: isMobile$1,
                 oauthLoginUrl,
                 onSettled,
                 provider,
-                redirectUrl: effectiveRedirectUrl,
+                redirectUrl: redirectUrl !== null && redirectUrl !== void 0 ? redirectUrl : defaultRedirectUrl,
                 sessionTimeout,
                 setIsProcessing,
                 state,

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

@@ -6,32 +6,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-var balances = require('../../../data/api/chains/balances.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/store');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('../../constants/colors.cjs');
-require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-require('../../../events/dynamicEvents.cjs');
+var tokenBalancesActions = require('../../../store/actions/tokenBalancesActions/tokenBalancesActions.cjs');
+var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 var errors = require('../../constants/errors.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../events/dynamicEvents.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
@@ -89,25 +91,26 @@ require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+var balances = require('../../../data/api/chains/balances.cjs');
+var useTokenBalancesState = require('../../../store/hooks/useTokenBalancesState/useTokenBalancesState.cjs');
 
 // Hook exposed to customers and used internally to fetch account balances
 const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.ChainEnum.Evm, tokenAddresses, includeFiat = false, includeNativeBalance = false, } = {}) => {
-    const [tokenBalancesData, setTokenBalancesData] = React.useState(undefined);
-    const [isLoading, setIsLoading] = React.useState(false);
-    const [error, setError] = React.useState(undefined);
+    const { tokenBalances: tokenBalancesData, isLoading, error, } = useTokenBalancesState.useTokenBalancesState();
     const { primaryWallet, environmentId, network, user } = useInternalDynamicContext.useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const requestChainName = chainName !== null && chainName !== void 0 ? chainName : walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain;
     const requestAccount = accountAddress !== null && accountAddress !== void 0 ? accountAddress : primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const requestNetwork = networkId !== null && networkId !== void 0 ? networkId : network;
-    const fetchAccountBalances = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const fetchAccountBalances = React.useCallback((...args_1) => _tslib.__awaiter(void 0, [...args_1], void 0, function* (forceRefresh = false) {
         if (!user) {
-            setError(errors.USER_NOT_LOGGED_IN);
+            tokenBalancesActions.setTokenBalances({ error: errors.USER_NOT_LOGGED_IN });
             return;
         }
         if (![sdkApiCore.ChainEnum.Evm, sdkApiCore.ChainEnum.Sol].includes(requestChainName)) {
-            setError(`Chain ${requestChainName} is not supported for token balances`);
+            tokenBalancesActions.setTokenBalances({
+                error: `Chain ${requestChainName} is not supported for token balances`,
+            });
             return;
         }
         if (!isLoading &&
@@ -116,29 +119,29 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.Ch
                 requestNetwork &&
                 Object.values(sdkApiCore.GetAccountBalancesNetworkIdEnum).includes(requestNetwork)) ||
                 chainName === sdkApiCore.ChainEnum.Sol)) {
-            setIsLoading(true);
+            tokenBalancesActions.setTokenBalances({ isLoading: true });
             balances.getAccountTokenBalances({
                 accountAddress: requestAccount,
                 chainName: requestChainName,
                 environmentId,
+                forceRefresh,
                 includeNative: includeNativeBalance,
                 includePrices: includeFiat,
                 networkId: chainName === sdkApiCore.ChainEnum.Evm ? Number(requestNetwork) : 0,
             })
                 .then((response) => {
                 if (response) {
-                    setTokenBalancesData(response);
-                    setError(undefined);
+                    tokenBalancesActions.setTokenBalances({ error: undefined, tokenBalances: response });
                 }
             })
                 .catch((e) => {
                 const errorMessage = (e === null || e === void 0 ? void 0 : e.code) === 429
                     ? 'Too many requests fetching balances'
                     : e === null || e === void 0 ? void 0 : e.message;
-                setError(errorMessage);
+                tokenBalancesActions.setTokenBalances({ error: errorMessage });
             })
                 .finally(() => {
-                setIsLoading(false);
+                tokenBalancesActions.setTokenBalances({ isLoading: false });
             });
         }
     }), [
@@ -149,6 +152,7 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.Ch
         requestNetwork,
         environmentId,
     ]);
+    useDynamicEvents.useInternalDynamicEvents('tokenBalancesChanged', () => fetchAccountBalances(true));
     React.useEffect(() => {
         fetchAccountBalances();
     }, [requestAccount, requestNetwork]);
@@ -157,7 +161,13 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.Ch
         const lowerTokenAddresses = tokenAddresses === null || tokenAddresses === void 0 ? void 0 : tokenAddresses.map((address) => address.toLowerCase());
         tokenBalances = tokenBalancesData === null || tokenBalancesData === void 0 ? void 0 : tokenBalancesData.filter((token) => lowerTokenAddresses === null || lowerTokenAddresses === void 0 ? void 0 : lowerTokenAddresses.includes(token.address.toLowerCase()));
     }
-    return { error, isError: Boolean(error), isLoading, tokenBalances };
+    return {
+        error,
+        fetchAccountBalances,
+        isError: Boolean(error),
+        isLoading,
+        tokenBalances,
+    };
 };
 
 exports.useTokenBalances = useTokenBalances;

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

@@ -1,4 +1,4 @@
-import { ChainEnum, TokenBalance } from '@dynamic-labs/sdk-api-core';
+import { ChainEnum } from '@dynamic-labs/sdk-api-core';
 export declare const useTokenBalances: ({ accountAddress, networkId, chainName, tokenAddresses, includeFiat, includeNativeBalance, }?: {
     accountAddress?: string;
     networkId?: number;
@@ -8,7 +8,8 @@ export declare const useTokenBalances: ({ accountAddress, networkId, chainName,
     includeNativeBalance?: boolean;
 }) => {
     error: string | undefined;
+    fetchAccountBalances: (forceRefresh?: boolean) => Promise<void>;
     isError: boolean;
-    isLoading: boolean;
-    tokenBalances: TokenBalance[] | undefined;
+    isLoading: boolean | undefined;
+    tokenBalances: import("@dynamic-labs/sdk-api-core").TokenBalance[] | undefined;
 };

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

@@ -1,33 +1,35 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useCallback, useEffect } from 'react';
+import { useCallback, useEffect } from 'react';
 import { ChainEnum, GetAccountBalancesNetworkIdEnum } from '@dynamic-labs/sdk-api-core';
-import { getAccountTokenBalances } from '../../../data/api/chains/balances.js';
-import '../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/store';
+import '../../constants/colors.js';
+import '../../constants/values.js';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '../../constants/colors.js';
-import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import '../../../events/dynamicEvents.js';
+import { setTokenBalances } from '../../../store/actions/tokenBalancesActions/tokenBalancesActions.js';
+import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import { USER_NOT_LOGGED_IN } from '../../constants/errors.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/store';
 import '../../../locale/locale.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../events/dynamicEvents.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
@@ -85,25 +87,26 @@ import '../../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../context/ConnectWithOtpContext/constants.js';
 import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import { getAccountTokenBalances } from '../../../data/api/chains/balances.js';
+import { useTokenBalancesState } from '../../../store/hooks/useTokenBalancesState/useTokenBalancesState.js';
 
 // Hook exposed to customers and used internally to fetch account balances
 const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm, tokenAddresses, includeFiat = false, includeNativeBalance = false, } = {}) => {
-    const [tokenBalancesData, setTokenBalancesData] = useState(undefined);
-    const [isLoading, setIsLoading] = useState(false);
-    const [error, setError] = useState(undefined);
+    const { tokenBalances: tokenBalancesData, isLoading, error, } = useTokenBalancesState();
     const { primaryWallet, environmentId, network, user } = useInternalDynamicContext();
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const requestChainName = chainName !== null && chainName !== void 0 ? chainName : walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain;
     const requestAccount = accountAddress !== null && accountAddress !== void 0 ? accountAddress : primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const requestNetwork = networkId !== null && networkId !== void 0 ? networkId : network;
-    const fetchAccountBalances = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const fetchAccountBalances = useCallback((...args_1) => __awaiter(void 0, [...args_1], void 0, function* (forceRefresh = false) {
         if (!user) {
-            setError(USER_NOT_LOGGED_IN);
+            setTokenBalances({ error: USER_NOT_LOGGED_IN });
             return;
         }
         if (![ChainEnum.Evm, ChainEnum.Sol].includes(requestChainName)) {
-            setError(`Chain ${requestChainName} is not supported for token balances`);
+            setTokenBalances({
+                error: `Chain ${requestChainName} is not supported for token balances`,
+            });
             return;
         }
         if (!isLoading &&
@@ -112,29 +115,29 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
                 requestNetwork &&
                 Object.values(GetAccountBalancesNetworkIdEnum).includes(requestNetwork)) ||
                 chainName === ChainEnum.Sol)) {
-            setIsLoading(true);
+            setTokenBalances({ isLoading: true });
             getAccountTokenBalances({
                 accountAddress: requestAccount,
                 chainName: requestChainName,
                 environmentId,
+                forceRefresh,
                 includeNative: includeNativeBalance,
                 includePrices: includeFiat,
                 networkId: chainName === ChainEnum.Evm ? Number(requestNetwork) : 0,
             })
                 .then((response) => {
                 if (response) {
-                    setTokenBalancesData(response);
-                    setError(undefined);
+                    setTokenBalances({ error: undefined, tokenBalances: response });
                 }
             })
                 .catch((e) => {
                 const errorMessage = (e === null || e === void 0 ? void 0 : e.code) === 429
                     ? 'Too many requests fetching balances'
                     : e === null || e === void 0 ? void 0 : e.message;
-                setError(errorMessage);
+                setTokenBalances({ error: errorMessage });
             })
                 .finally(() => {
-                setIsLoading(false);
+                setTokenBalances({ isLoading: false });
             });
         }
     }), [
@@ -145,6 +148,7 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
         requestNetwork,
         environmentId,
     ]);
+    useInternalDynamicEvents('tokenBalancesChanged', () => fetchAccountBalances(true));
     useEffect(() => {
         fetchAccountBalances();
     }, [requestAccount, requestNetwork]);
@@ -153,7 +157,13 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
         const lowerTokenAddresses = tokenAddresses === null || tokenAddresses === void 0 ? void 0 : tokenAddresses.map((address) => address.toLowerCase());
         tokenBalances = tokenBalancesData === null || tokenBalancesData === void 0 ? void 0 : tokenBalancesData.filter((token) => lowerTokenAddresses === null || lowerTokenAddresses === void 0 ? void 0 : lowerTokenAddresses.includes(token.address.toLowerCase()));
     }
-    return { error, isError: Boolean(error), isLoading, tokenBalances };
+    return {
+        error,
+        fetchAccountBalances,
+        isError: Boolean(error),
+        isLoading,
+        tokenBalances,
+    };
 };
 
 export { useTokenBalances };

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

@@ -166,7 +166,8 @@ const useUserAuth = ({ authMethod, }) => {
     });
     const handleAuthError = (error, { options = {}, onError, }) => {
         var _a;
-        if (error instanceof utils.MfaInvalidOtpError) {
+        if (error instanceof utils.MfaInvalidOtpError ||
+            error instanceof utils.MfaRateLimitedError) {
             throw error;
         }
         // these get caught in onboarding form and handled there

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

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { DynamicError, MfaInvalidOtpError, EmailAlreadyExistsError, CustomFieldNotUniqueError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, InvalidPhoneNumberError, NoAccessError, AccountExistsError, SandboxMaximumThresholdReachedError, UserHasAccountWithEmailError, sleep } from '@dynamic-labs/utils';
+import { DynamicError, MfaInvalidOtpError, MfaRateLimitedError, EmailAlreadyExistsError, CustomFieldNotUniqueError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, InvalidPhoneNumberError, NoAccessError, AccountExistsError, SandboxMaximumThresholdReachedError, UserHasAccountWithEmailError, sleep } from '@dynamic-labs/utils';
 import { MfaBackupCodeAcknowledgement } from '@dynamic-labs/sdk-api-core';
 import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
 import 'react';
@@ -162,7 +162,8 @@ const useUserAuth = ({ authMethod, }) => {
     });
     const handleAuthError = (error, { options = {}, onError, }) => {
         var _a;
-        if (error instanceof MfaInvalidOtpError) {
+        if (error instanceof MfaInvalidOtpError ||
+            error instanceof MfaRateLimitedError) {
             throw error;
         }
         // these get caught in onboarding form and handled there

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

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

package/src/lib/utils/hooks/{useSelectWalletOption/useSelectWalletOption.cjs → useWalletOptions/useWalletOptions.cjs}

@@ -4,10 +4,10 @@
 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 walletBook = require('@dynamic-labs/wallet-book');
 var utils = require('@dynamic-labs/utils');
-require('react');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
@@ -93,16 +93,42 @@ require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-const useSelectWalletOption = () => {
+const embeddedWalletsKeys = [
+    'magicemailotp',
+    'magiclink',
+    'magicsocial',
+    'turnkey',
+    'turnkeyhd',
+    'coinbasempc',
+    'zerodev',
+];
+const useWalletOptions = () => {
     const { walletConnectorOptions, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { setView } = ViewContext.useViewContext();
     const { navigateToWalletGroup } = WalletGroupContext.useWalletGroupContext();
     const { handleWalletItemClick } = useWalletItemActions.useWalletItemActions();
+    const walletOptions = React.useMemo(() => {
+        var _a;
+        return (_a = walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.filter((option) => !embeddedWalletsKeys.includes(option.walletConnector.key)).map((option) => {
+            const groupName = option.group
+                ? walletBook.getWalletGroup(walletBook$1, option.group).name
+                : undefined;
+            return {
+                group: option.group,
+                groupName,
+                key: option.walletConnector.key,
+                name: option.name,
+            };
+        })) !== null && _a !== void 0 ? _a : [];
+    }, [walletBook$1, walletConnectorOptions]);
     const selectWalletOption = (walletKey) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const group = groupWalletOptions.groupWalletOptions(walletBook$1, walletConnectorOptions);
         const walletOption = group.find((wallet) => wallet.key === walletKey);
-        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSelectWalletOption] selectWalletOption', { walletKey, walletOption: walletOption === null || walletOption === void 0 ? void 0 : walletOption.key });
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useWalletOptions] selectWalletOption', {
+            walletKey,
+            walletOption: walletOption === null || walletOption === void 0 ? void 0 : walletOption.key,
+        });
         if (!walletOption) {
             throw new utils.DynamicError('Invalid wallet option key provided.');
         }
@@ -123,7 +149,8 @@ const useSelectWalletOption = () => {
     });
     return {
         selectWalletOption,
+        walletOptions,
     };
 };
 
-exports.useSelectWalletOption = useSelectWalletOption;
+exports.useWalletOptions = useWalletOptions;

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

@@ -0,0 +1,9 @@
+export declare const useWalletOptions: () => {
+    selectWalletOption: (walletKey: string) => Promise<void>;
+    walletOptions: {
+        group: string | undefined;
+        groupName: string | undefined;
+        key: string;
+        name: string;
+    }[];
+};