@dynamic-labs/sdk-react-core 2.1.0-alpha.10 → 2.1.0-alpha.12

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

@@ -43,13 +43,14 @@ import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import { useElementById } from '../../useElementById/useElementById.js';
 import { useWalletContext } from '../../../../context/WalletContext/WalletContext.js';
+import { useIsTurnkeyWallet } from '../../useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { validateUserIsLoggedIn } from '../../../validations/validateUserIsLoggedIn/validateUserIsLoggedIn.js';
 import { validateTurnkeyProviderEnabled } from '../../../validations/validateTurnkeyProviderEnabled/validateTurnkeyProviderEnabled.js';
-import { ACTIVE_SESSION, SESSION_RESTORED, INVALID_REQUEST, INVALID_WALLET_DATA, SESSION_CREATED, ERROR_SENDING_CODE, CODE_SENT } from '../../../constants/errors.js';
-import { useIsTurnkeyWallet } from '../../useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import { ACTIVE_SESSION, SESSION_RESTORED, INVALID_REQUEST, INVALID_WALLET_DATA, SESSION_CREATED, USER_NOT_LOGGED_IN, ERROR_SENDING_CODE, CODE_SENT } from '../../../constants/errors.js';
 import { canRestoreEmbeddedWalletSession, restoreEmbeddedWalletSession } from '../../../../views/Passkey/utils/passkeyRecovery/passkeyRecovery.js';
+import { cleanupExport, initExport, exportCredential } from '../../../../views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.js';
 import { useTurnkey } from './useTurnkey/useTurnkey.js';
-import { iframeContainerId, iframeElementId } from './constants.js';
+import { iframeContainerId, iframeElementId, revealIframeElementId, revealIframeContainerId } from './constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
@@ -101,20 +102,21 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
  * getPasskeys, - gets all passkeys for the user
  * isLoadingEmbeddedWallet, - loading state of the embedded wallet
  * isSessionActive, - checks if the embedded wallet session is active
+ * revealEmbeddedWalletKey - export the recovery phrase or private key of the embedded wallet
  * sendOneTimeCode, - sends a one-time code to the user so they can create a session or add a new passkey
  * userHasEmbeddedWallet, - checks if the user has an embedded wallet
  * }
  */
 const useSecureEnclaveEmbeddedWallet = () => {
     var _a, _b, _c, _d;
-    const { projectSettings, onboardingOnlyJwt, primaryWallet, user, environmentId, walletConnectorOptions, setUser, } = useInternalDynamicContext();
+    const { projectSettings, authToken, onboardingOnlyJwt, primaryWallet, user, environmentId, walletConnectorOptions, setUser, } = useInternalDynamicContext();
     const { createTurnkeyWallet } = useTurnkey();
     const { hasRecoveryEmail } = useIsTurnkeyWallet();
     const { createRootElement } = useElementById();
     const { isLoadingEmbeddedWallet, setIsLoadingEmbeddedWallet } = useWalletContext();
     const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
     /**
-     * Checks if the user has an embedded wallet or not
+     * Checks if the user has a secure enclave embedded wallet or not
      * @returns boolean
      */
     const userHasEmbeddedWallet = useCallback(() => hasEmbeddedWallet(getAuthToken() || onboardingOnlyJwt, 'turnkey'), [onboardingOnlyJwt]);
@@ -155,9 +157,9 @@ const useSecureEnclaveEmbeddedWallet = () => {
      * @param oneTimeCode - optional one-time code parameter. If not informed it tries to restore a session
      * @returns Promise<'session_created' | 'session_restored'> - returns a string indicating the status of the session
      */
-    const createOrRestoreSession = useCallback((_g) => __awaiter(void 0, [_g], void 0, function* ({ oneTimeCode }) {
-        var _h, _j, _k, _l, _m, _o, _p;
-        const jwt = (_h = getAuthToken()) !== null && _h !== void 0 ? _h : onboardingOnlyJwt;
+    const createOrRestoreSession = useCallback((options) => __awaiter(void 0, void 0, void 0, function* () {
+        var _g, _h, _j, _k, _l, _m, _o;
+        const jwt = (_g = getAuthToken()) !== null && _g !== void 0 ? _g : onboardingOnlyJwt;
         const { decodedJwt } = validateUserIsLoggedIn(jwt);
         const turnkeyRecoveryHandler = getEmbeddedWalletAuthHandler(wallet === null || wallet === void 0 ? void 0 : wallet.connector);
         if (turnkeyRecoveryHandler.isSessionActive()) {
@@ -165,13 +167,13 @@ const useSecureEnclaveEmbeddedWallet = () => {
         }
         const turnkeyAuthIframeContainerRef = createRootElement(iframeContainerId);
         // try to restore session if possible
-        if (canRestoreEmbeddedWalletSession((_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _j === void 0 ? void 0 : _j.sessionKeyDuration)) {
+        if (canRestoreEmbeddedWalletSession((_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _h === void 0 ? void 0 : _h.sessionKeyDuration)) {
             try {
                 const sessionRestored = yield restoreEmbeddedWalletSession({
                     authToken: jwt,
                     iframeContainer: turnkeyAuthIframeContainerRef.current,
                     iframeElementId,
-                    sessionExpiration: getEmbeddedWalletSessionExpiration((_l = (_k = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _k === void 0 ? void 0 : _k.embeddedWallets) === null || _l === void 0 ? void 0 : _l.sessionKeyDuration),
+                    sessionExpiration: getEmbeddedWalletSessionExpiration((_k = (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.embeddedWallets) === null || _k === void 0 ? void 0 : _k.sessionKeyDuration),
                     wallet: primaryWallet,
                 });
                 if (sessionRestored)
@@ -181,7 +183,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
                 logger.error('Failed to restore embedded wallet', err);
             }
         }
-        if (!oneTimeCode) {
+        if (!(options === null || options === void 0 ? void 0 : options.oneTimeCode)) {
             throw new DynamicError('One-time code is required to create a session.', INVALID_REQUEST);
         }
         // tries to create a new session with the informed one-time code
@@ -189,11 +191,11 @@ const useSecureEnclaveEmbeddedWallet = () => {
         if (!userHasEmbeddedWallet() || !hasRecoveryEmail) {
             throw new DynamicError('User does not have a secure enclave wallet or a verified email', INVALID_WALLET_DATA);
         }
-        const organizationId = (_p = (_o = (_m = decodedJwt.verifiedCredentials) === null || _m === void 0 ? void 0 : _m.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _o === void 0 ? void 0 : _o.walletProperties) === null || _p === void 0 ? void 0 : _p.turnkeySubOrganizationId;
-        yield turnkeyRecoveryHandler.verifyRecoveryCode(oneTimeCode, organizationId);
+        const organizationId = (_o = (_m = (_l = decodedJwt.verifiedCredentials) === null || _l === void 0 ? void 0 : _l.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _m === void 0 ? void 0 : _m.walletProperties) === null || _o === void 0 ? void 0 : _o.turnkeySubOrganizationId;
+        yield turnkeyRecoveryHandler.verifyRecoveryCode(options.oneTimeCode, organizationId);
         const sessionSettings = {
             createdAt: new Date().getTime(),
-            emailCode: oneTimeCode,
+            emailCode: options.oneTimeCode,
             userId: turnkeyRecoveryHandler.recoveryUserId,
         };
         LocalStorage.setToLS(EMBEDDED_WALLET_SESSION_SETTINGS, sessionSettings);
@@ -209,15 +211,14 @@ const useSecureEnclaveEmbeddedWallet = () => {
     ]);
     /**
      * Creates a new passkey both for an existing wallet or a wallet to be created
-     * @param oneTimeCode: string | undefined,
-     *
+     * @param options - optional parameter to inform a one-time code to create a session,
      * @returns Promise<WebAuthnAttestation>
      */
-    const createPasskey = useCallback((_q) => __awaiter(void 0, [_q], void 0, function* ({ oneTimeCode, }) {
-        var _r, _s;
+    const createPasskey = useCallback((options) => __awaiter(void 0, void 0, void 0, function* () {
+        var _p, _q;
         const { decodedJwt, jwt } = validateUserIsLoggedIn(getAuthToken() || onboardingOnlyJwt);
         validateTurnkeyProviderEnabled(projectSettings);
-        const turnkeyWallet = findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_r = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _r === void 0 ? void 0 : _r.chainConfigurations, decodedJwt.verifiedCredentials);
+        const turnkeyWallet = findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_p = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _p === void 0 ? void 0 : _p.chainConfigurations, decodedJwt.verifiedCredentials);
         if (!(turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector)) {
             throw new DynamicError('Wallet connector not found', INVALID_WALLET_DATA);
         }
@@ -232,13 +233,13 @@ const useSecureEnclaveEmbeddedWallet = () => {
         if (!('id' in turnkeyWallet) || !hasEmailVC) {
             return walletConnector.getWebAuthnAttestation();
         }
-        const organizationId = (_s = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletProperties) === null || _s === void 0 ? void 0 : _s.turnkeySubOrganizationId;
+        const organizationId = (_q = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletProperties) === null || _q === void 0 ? void 0 : _q.turnkeySubOrganizationId;
         if (!organizationId) {
             throw new DynamicError('No sub organization id found for the wallet', INVALID_WALLET_DATA);
         }
         const turnkAuthenticatorHandler = getEmbeddedWalletAuthHandler(walletConnector);
         // add new passkey to the wallet through an active session
-        yield createOrRestoreSession({ oneTimeCode });
+        yield createOrRestoreSession(options);
         const { attestation, challenge, displayName } = yield walletConnector.getWebAuthnAttestation();
         yield turnkAuthenticatorHandler.addPasskeyAuthenticator({
             attestation,
@@ -261,9 +262,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
         onboardingOnlyJwt,
         projectSettings,
         setUser,
-        user === null || user === void 0 ? void 0 : user.email,
-        user === null || user === void 0 ? void 0 : user.phoneNumber,
-        user === null || user === void 0 ? void 0 : user.verifiedCredentials,
+        user,
         walletConnectorOptions,
     ]);
     /**
@@ -271,8 +270,8 @@ const useSecureEnclaveEmbeddedWallet = () => {
      * @returns Promise<Passkey[]>
      */
     const getPasskeys = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _t;
-        const { jwt } = validateUserIsLoggedIn((_t = getAuthToken()) !== null && _t !== void 0 ? _t : onboardingOnlyJwt);
+        var _r;
+        const { jwt } = validateUserIsLoggedIn((_r = getAuthToken()) !== null && _r !== void 0 ? _r : onboardingOnlyJwt);
         const data = yield getUserPasskeys({
             environmentId: environmentId,
             userJwt: jwt,
@@ -286,15 +285,55 @@ const useSecureEnclaveEmbeddedWallet = () => {
     const isSessionActive = (_d = ((wallet === null || wallet === void 0 ? void 0 : wallet.connector) &&
         'getAuthenticatorHandler' in wallet.connector &&
         ((_c = getEmbeddedWalletAuthHandler(wallet.connector)) === null || _c === void 0 ? void 0 : _c.isSessionActive()))) !== null && _d !== void 0 ? _d : false;
+    /**
+     * export the recovery phrase or private key of the embedded wallet
+     * @param options - optional parameter object containing the type of key to reveal 'recoveryPhrase' | 'privateKey'
+     * and the html container id to render the iframe into
+     * @returns Promise<string> - returns the embedded wallet recovery phrase or private key
+     */
+    const revealEmbeddedWalletKey = (_s) => __awaiter(void 0, [_s], void 0, function* ({ type, htmlContainerId, }) {
+        var _t, _u;
+        if (!user) {
+            throw new DynamicError('User is not logged in', USER_NOT_LOGGED_IN);
+        }
+        yield cleanupExport({
+            wallet,
+        });
+        const turnkeyWallet = findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_t = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _t === void 0 ? void 0 : _t.chainConfigurations, user === null || user === void 0 ? void 0 : user.verifiedCredentials);
+        const turnkeyHDWalletId = (_u = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletProperties) === null || _u === void 0 ? void 0 : _u.turnkeyHDWalletId;
+        if (type === 'recoveryPhrase' && !turnkeyHDWalletId) {
+            type = 'privateKey';
+        }
+        const iframeContainerElement = createRootElement(revealIframeElementId, htmlContainerId || revealIframeContainerId);
+        // hide the iframe container until the export is done
+        // since it will show unrelated turnkey content
+        iframeContainerElement.current.style.display = 'none';
+        yield initExport({
+            iframeContainer: iframeContainerElement.current,
+            iframeElementId: revealIframeElementId,
+            wallet,
+        });
+        yield exportCredential({
+            address: type === 'privateKey' ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
+            authToken,
+            environmentId,
+            userEmail: user === null || user === void 0 ? void 0 : user.email,
+            wallet,
+        });
+        // show the iframe container after the export is done
+        // to show the exported content only
+        iframeContainerElement.current.style.display = 'block';
+        return true;
+    });
     /**
      * Sends a one-time code to the user so they can create a session or add a new passkey
      * @returns Promise<'code_sent'>
      */
     const sendOneTimeCode = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _u, _v, _w;
-        const { jwt, decodedJwt } = validateUserIsLoggedIn((_u = getAuthToken()) !== null && _u !== void 0 ? _u : onboardingOnlyJwt);
+        var _v, _w, _x;
+        const { jwt, decodedJwt } = validateUserIsLoggedIn((_v = getAuthToken()) !== null && _v !== void 0 ? _v : onboardingOnlyJwt);
         validateTurnkeyProviderEnabled(projectSettings);
-        const targetTurnkeyWallet = findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_v = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _v === void 0 ? void 0 : _v.chainConfigurations, decodedJwt.verifiedCredentials);
+        const targetTurnkeyWallet = findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_w = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _w === void 0 ? void 0 : _w.chainConfigurations, decodedJwt.verifiedCredentials);
         if (!targetTurnkeyWallet || !('id' in targetTurnkeyWallet)) {
             throw new DynamicError('User does not have a valid secure enclave wallet', INVALID_WALLET_DATA);
         }
@@ -305,7 +344,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
             throw new DynamicError('Session is active. No need to create a new one', ACTIVE_SESSION);
         }
         const turnkeyAuthIframeContainerRef = createRootElement(iframeContainerId);
-        const publicKey = yield turnkeyAuthenticatorHandler.initRecovery('email', turnkeyAuthIframeContainerRef.current, iframeElementId, getEmbeddedWalletSessionExpiration((_w = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _w === void 0 ? void 0 : _w.sessionKeyDuration));
+        const publicKey = yield turnkeyAuthenticatorHandler.initRecovery('email', turnkeyAuthIframeContainerRef.current, iframeElementId, getEmbeddedWalletSessionExpiration((_x = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _x === void 0 ? void 0 : _x.sessionKeyDuration));
         if (!publicKey) {
             throw new DynamicError(ERROR_SENDING_CODE);
         }
@@ -332,6 +371,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
         getPasskeys,
         isLoadingEmbeddedWallet,
         isSessionActive,
+        revealEmbeddedWalletKey,
         sendOneTimeCode,
         userHasEmbeddedWallet,
     };

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

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

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

@@ -0,0 +1,141 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+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('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../locale/locale.cjs');
+var balances = require('../../../data/api/chains/balances.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('react-i18next');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../../views/WalletList/WalletList.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+
+// Hook exposed to customers and used internally to fetch account balances
+const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.ChainEnum.Evm, tokenAddresses, } = {}) => {
+    const [tokenBalancesData, setTokenBalancesData] = React.useState(undefined);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState(undefined);
+    const { primaryWallet, environmentId, network, walletConnector } = useInternalDynamicContext.useInternalDynamicContext();
+    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 jwt = getAuthToken.getAuthToken();
+        if (!jwt) {
+            setError('User is not logged in');
+            return;
+        }
+        if (requestChainName !== sdkApiCore.ChainEnum.Evm) {
+            setError(`Chain ${requestChainName} is not supported for token balances`);
+            return;
+        }
+        if (!isLoading &&
+            requestAccount &&
+            requestNetwork &&
+            Object.values(sdkApiCore.GetAccountBalancesNetworkIdEnum).includes(requestNetwork)) {
+            setIsLoading(true);
+            balances.getAccountTokenBalances({
+                accountAddress: requestAccount,
+                chainName: requestChainName,
+                environmentId,
+                networkId: Number(requestNetwork),
+                userJwt: jwt,
+            })
+                .then((response) => {
+                if (response) {
+                    setTokenBalancesData(response);
+                    setError(undefined);
+                }
+            })
+                .catch((e) => {
+                setError(e.message);
+            })
+                .finally(() => {
+                setIsLoading(false);
+            });
+        }
+    }), [
+        isLoading,
+        requestAccount,
+        requestNetwork,
+        requestChainName,
+        environmentId,
+    ]);
+    React.useEffect(() => {
+        fetchAccountBalances();
+    }, [requestAccount, requestNetwork]);
+    let tokenBalances = tokenBalancesData;
+    if (tokenAddresses) {
+        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 };
+};
+
+exports.useTokenBalances = useTokenBalances;

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

@@ -0,0 +1,12 @@
+import { ChainEnum, TokenBalance } from '@dynamic-labs/sdk-api-core';
+export declare const useTokenBalances: ({ accountAddress, networkId, chainName, tokenAddresses, }?: {
+    accountAddress?: string;
+    networkId?: number;
+    chainName?: ChainEnum;
+    tokenAddresses?: string[];
+}) => {
+    error: string | undefined;
+    isError: boolean;
+    isLoading: boolean;
+    tokenBalances: TokenBalance[] | undefined;
+};

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

@@ -0,0 +1,137 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState, useCallback, useEffect } from 'react';
+import { ChainEnum, GetAccountBalancesNetworkIdEnum } from '@dynamic-labs/sdk-api-core';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+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 '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
+import '../../../locale/locale.js';
+import { getAccountTokenBalances } from '../../../data/api/chains/balances.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../../context/WalletContext/WalletContext.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import 'react-i18next';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../../views/WalletList/WalletList.js';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+// Hook exposed to customers and used internally to fetch account balances
+const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm, tokenAddresses, } = {}) => {
+    const [tokenBalancesData, setTokenBalancesData] = useState(undefined);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(undefined);
+    const { primaryWallet, environmentId, network, walletConnector } = useInternalDynamicContext();
+    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 jwt = getAuthToken();
+        if (!jwt) {
+            setError('User is not logged in');
+            return;
+        }
+        if (requestChainName !== ChainEnum.Evm) {
+            setError(`Chain ${requestChainName} is not supported for token balances`);
+            return;
+        }
+        if (!isLoading &&
+            requestAccount &&
+            requestNetwork &&
+            Object.values(GetAccountBalancesNetworkIdEnum).includes(requestNetwork)) {
+            setIsLoading(true);
+            getAccountTokenBalances({
+                accountAddress: requestAccount,
+                chainName: requestChainName,
+                environmentId,
+                networkId: Number(requestNetwork),
+                userJwt: jwt,
+            })
+                .then((response) => {
+                if (response) {
+                    setTokenBalancesData(response);
+                    setError(undefined);
+                }
+            })
+                .catch((e) => {
+                setError(e.message);
+            })
+                .finally(() => {
+                setIsLoading(false);
+            });
+        }
+    }), [
+        isLoading,
+        requestAccount,
+        requestNetwork,
+        requestChainName,
+        environmentId,
+    ]);
+    useEffect(() => {
+        fetchAccountBalances();
+    }, [requestAccount, requestNetwork]);
+    let tokenBalances = tokenBalancesData;
+    if (tokenAddresses) {
+        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 };
+};
+
+export { useTokenBalances };

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs

@@ -43,6 +43,7 @@ require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
 var useIsTurnkeyWallet = require('../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
+var turnkeyExport = require('../utils/turnkeyExport/turnkeyExport.cjs');
 var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../../utils/hooks/useMutation/useMutation.cjs');
@@ -88,7 +89,6 @@ require('qrcode');
 require('../../WalletList/WalletList.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var turnkeyExport = require('../utils/turnkeyExport/turnkeyExport.cjs');
 var constants = require('../constants.cjs');
 require('../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js

@@ -39,6 +39,7 @@ import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import { cleanupExport, exportCredential, initExport } from '../utils/turnkeyExport/turnkeyExport.js';
 import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../../utils/hooks/useMutation/useMutation.js';
@@ -84,7 +85,6 @@ import 'qrcode';
 import '../../WalletList/WalletList.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { cleanupExport, exportCredential, initExport } from '../utils/turnkeyExport/turnkeyExport.js';
 import { iframeContainerId, iframeElementId } from '../constants.js';
 import '../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.cjs

@@ -21,18 +21,19 @@ require('../../../../shared/consts/index.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 var embeddedWallets = require('../../../../data/api/embeddedWallets/embeddedWallets.cjs');
 require('../../../../locale/locale.cjs');
+var errors = require('../../../../utils/constants/errors.cjs');
 
 const initExport = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ iframeContainer, iframeElementId, wallet, }) {
     var _b;
     if (!(wallet === null || wallet === void 0 ? void 0 : wallet.connector) ||
         !(wallet === null || wallet === void 0 ? void 0 : wallet.id) ||
         !walletConnectorCore.isPasskeyWalletConnector(wallet === null || wallet === void 0 ? void 0 : wallet.connector)) {
-        throw new utils.DynamicError('Connector is missing. Please make sure you added EthereumWalletConnectors and/or SolanaWalletConnectors to DynamicProvider settings');
+        throw new utils.DynamicError('Connector is missing. Please make sure you added EthereumWalletConnectors and/or SolanaWalletConnectors to DynamicProvider settings', errors.INVALID_WALLET_DATA);
     }
     const turnkeyExportHandler = (_b = wallet.connector) === null || _b === void 0 ? void 0 : _b.getExportHandler();
     const publicKey = yield turnkeyExportHandler.initExport(iframeContainer, iframeElementId);
     if (!publicKey) {
-        throw new utils.DynamicError('Something went wrong');
+        throw new utils.DynamicError('Something went wrong', errors.ERROR_PROCESSING_REVEAL_REQUEST);
     }
     return turnkeyExportHandler;
 });
@@ -86,7 +87,7 @@ const exportCredential = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function
     const turnkeyExportHandler = connector.getExportHandler();
     const targetPublicKey = turnkeyExportHandler.publicKey;
     if (!targetPublicKey) {
-        throw new utils.DynamicError('Must initialize export first');
+        throw new utils.DynamicError('Must initialize export first', errors.ERROR_PROCESSING_REVEAL_REQUEST);
     }
     // calls turnkey export api
     let newActivity;
@@ -123,7 +124,7 @@ const exportCredential = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function
         exportBundle = res === null || res === void 0 ? void 0 : res.exportBundle;
     }
     if (!exportBundle) {
-        throw new utils.DynamicError('Invalid export response');
+        throw new utils.DynamicError('Invalid export response', errors.ERROR_PROCESSING_REVEAL_REQUEST);
     }
     if (address || privateKeyId) {
         return turnkeyExportHandler.verifyExportPrivateKey(exportBundle);