@dynamic-labs/sdk-react-core 2.1.0-alpha.3 → 2.1.0-alpha.30

package/src/lib/utils/hooks/{useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js → useSwitchWallet/useSwitchWallet.js}

@@ -1,11 +1,11 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useCallback } from 'react';
+import { isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 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';
@@ -22,23 +22,25 @@ import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 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 { useUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
-import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
-import 'react-i18next';
+import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
@@ -60,10 +62,11 @@ 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/MfaSettingsContext/MfaSettingsContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -72,21 +75,56 @@ import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCar
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 /**
- * A custom React hook that returns a function to update the user profile using a JSON Web Token (JWT).
- * This hook internally uses the 'useCreateUserProfileByJWTCallback' hook to create the user profile by JWT
- * and the 'useInternalDynamicContext' hook to set the callback for when the user profile is updated.
- * The returned function uses 'useCallback' to memoize the function and optimize performance.
- * @returns An object with the 'updateUserProfileByJWT' function.
+ * Switch wallet
+ *
+ * @returns Function to switch wallet
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const userWallets = useUserWallets();
+ *   const switchWallet = useSwitchWallet();
+ *
+ *   return (
+ *     <div>
+ *       {userWallets.map((wallet) => (
+ *         <button
+ *           key={wallet.address}
+ *           onClick={() => switchWallet(wallet.id)}
+ *         >
+ *           {wallet.address}
+ *         </button>
+ *       ))}
+ *    </div>
+ *  );
+ * }
  */
-const useUpdateUserProfileByJWTCallback = () => {
-    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
-    const { setCallback } = useInternalDynamicContext();
-    const updateUserProfileByJWT = useCallback((jwt, minifiedJwt) => __awaiter(void 0, void 0, void 0, function* () {
-        yield createUserProfileByJWT(jwt, minifiedJwt);
-        setCallback('userProfileUpdate');
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }), []);
-    return { updateUserProfileByJWT };
+const useSwitchWallet = () => {
+    const { setShowWidgetStatePopup, setSelectedWalletWithAction, setPrimaryWallet, setSelectedWalletConnectorKey, user, primaryWallet, } = useInternalDynamicContext();
+    const userWallets = useUserWallets();
+    return (walletId) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        const wallet = userWallets.find((wallet) => wallet.id === walletId);
+        if (!wallet) {
+            throw new Error(`Wallet with id ${walletId} not found`);
+        }
+        if (((_a = wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === 'unknown') {
+            throw new Error('Cannot switch to wallet with unknown connector');
+        }
+        const { connector } = wallet;
+        const email = (_b = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _b === void 0 ? void 0 : _b.email;
+        if (isEmailWalletConnector(connector) && email) {
+            connector.setEmail(email);
+        }
+        if ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain) === 'flow' &&
+            connector.connectedChain === 'FLOW') {
+            yield connector.endSession();
+        }
+        setShowWidgetStatePopup(true);
+        setSelectedWalletWithAction({ action: 'select', wallet });
+        setPrimaryWallet(walletId);
+        setSelectedWalletConnectorKey(connector.key);
+    });
 };
 
-export { useUpdateUserProfileByJWTCallback };
+export { useSwitchWallet };

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

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

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

@@ -0,0 +1,139 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+var logger = 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/consts/index.cjs');
+var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
+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/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+var LoadingContext = require('../../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+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');
+var WalletContext = require('../../../context/WalletContext/WalletContext.cjs');
+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/FooterAnimationContext/index.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.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');
+
+const useSyncEmbeddedWalletFlow = () => {
+    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
+    const { loading: globalLoading } = LoadingContext.useLoadingContext();
+    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const triggeredCreate = React.useRef(false);
+    useDynamicEvents.useInternalDynamicEvents('logout', () => {
+        triggeredCreate.current = false;
+    });
+    // this is used to trigger createEmbeddedWallet
+    // when user didn't create a passkey after login,
+    // we force them to created it before they can use the app
+    // ** It must be an useEffect because some of the dependencies are async
+    React.useEffect(() => {
+        const createWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            triggeredCreate.current = true;
+            try {
+                yield createEmbeddedWallet();
+            }
+            catch (error) {
+                if (error instanceof utils.EmbeddedWalletException) {
+                    logger.logger.debug('Error creating embedded wallet', error);
+                }
+                else {
+                    logger.logger.error('Error creating embedded wallet', error);
+                }
+                setShowAuthFlow(false);
+            }
+        });
+        const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+        if (!shouldCreateWallet ||
+            !user ||
+            isProjectSettingsLoading ||
+            !projectSettings ||
+            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
+            isLoadingEmbeddedWallet || // already has a wallet
+            globalLoading || // this will be true if auth is in progress
+            triggeredCreate.current // already triggered
+        ) {
+            return;
+        }
+        createWallet();
+    }, [
+        user,
+        isProjectSettingsLoading,
+        projectSettings,
+        primaryWalletId,
+        createEmbeddedWallet,
+        isLoadingEmbeddedWallet,
+        walletConnectorOptions,
+        globalLoading,
+        shouldAutoCreateEmbeddedWallet,
+        setShowAuthFlow,
+    ]);
+};
+
+exports.useSyncEmbeddedWalletFlow = useSyncEmbeddedWalletFlow;

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

@@ -0,0 +1 @@
+export declare const useSyncEmbeddedWalletFlow: () => void;

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

@@ -0,0 +1,135 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef, useEffect } from 'react';
+import { EmbeddedWalletException } from '@dynamic-labs/utils';
+import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../context/DynamicContext/DynamicContext.js';
+import { logger } from '../../../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/consts/index.js';
+import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
+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/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import { useLoadingContext } from '../../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
+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 { useWalletContext } from '../../../context/WalletContext/WalletContext.js';
+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/FooterAnimationContext/index.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.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';
+
+const useSyncEmbeddedWalletFlow = () => {
+    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, setShowAuthFlow, } = useInternalDynamicContext();
+    const { isLoadingEmbeddedWallet } = useWalletContext();
+    const { loading: globalLoading } = useLoadingContext();
+    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet();
+    const triggeredCreate = useRef(false);
+    useInternalDynamicEvents('logout', () => {
+        triggeredCreate.current = false;
+    });
+    // this is used to trigger createEmbeddedWallet
+    // when user didn't create a passkey after login,
+    // we force them to created it before they can use the app
+    // ** It must be an useEffect because some of the dependencies are async
+    useEffect(() => {
+        const createWallet = () => __awaiter(void 0, void 0, void 0, function* () {
+            triggeredCreate.current = true;
+            try {
+                yield createEmbeddedWallet();
+            }
+            catch (error) {
+                if (error instanceof EmbeddedWalletException) {
+                    logger.debug('Error creating embedded wallet', error);
+                }
+                else {
+                    logger.error('Error creating embedded wallet', error);
+                }
+                setShowAuthFlow(false);
+            }
+        });
+        const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+        if (!shouldCreateWallet ||
+            !user ||
+            isProjectSettingsLoading ||
+            !projectSettings ||
+            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
+            isLoadingEmbeddedWallet || // already has a wallet
+            globalLoading || // this will be true if auth is in progress
+            triggeredCreate.current // already triggered
+        ) {
+            return;
+        }
+        createWallet();
+    }, [
+        user,
+        isProjectSettingsLoading,
+        projectSettings,
+        primaryWalletId,
+        createEmbeddedWallet,
+        isLoadingEmbeddedWallet,
+        walletConnectorOptions,
+        globalLoading,
+        shouldAutoCreateEmbeddedWallet,
+        setShowAuthFlow,
+    ]);
+};
+
+export { useSyncEmbeddedWalletFlow };

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,144 @@
+'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');
+var balances = require('../../../data/api/chains/balances.cjs');
+require('../../../context/DynamicContext/DynamicContext.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('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('../../../events/dynamicEvents.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('viem');
+require('viem/chains');
+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('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+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/FooterAnimationContext/index.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.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, user } = 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* () {
+        if (!user) {
+            setError(errors.USER_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),
+            })
+                .then((response) => {
+                if (response) {
+                    setTokenBalancesData(response);
+                    setError(undefined);
+                }
+            })
+                .catch((e) => {
+                setError(e.message);
+            })
+                .finally(() => {
+                setIsLoading(false);
+            });
+        }
+    }), [
+        user,
+        requestChainName,
+        isLoading,
+        requestAccount,
+        requestNetwork,
+        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;
+};