@dynamic-labs/sdk-react-core 2.1.0-alpha.1 → 2.1.0-alpha.11

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

@@ -78,7 +78,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 const useIsTurnkeyWallet = () => {
     var _a;
-    const { primaryWallet, user, decodedAuthToken } = useInternalDynamicContext.useInternalDynamicContext();
+    const { primaryWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
     const wallet = getEOAWallet.getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
     const getTurnkeyVerifiedCredential = () => {
         if (!wallet || !user) {
@@ -115,7 +115,7 @@ const useIsTurnkeyWallet = () => {
     const isTurnkeyWalletWithoutAuthenticator = (isTurnkeyWallet && !hasTurnkeyVerifiedCredentialAuthenticator) ||
         isUnclaimedTurnkeyTheSignerOfScw;
     const hasRecoveryEmail = isTurnkeyWallet &&
-        Boolean(getUserVerifiedCredentialType.getUserVerifiedCredentialType(decodedAuthToken, sdkApiCore.JwtVerifiedCredentialFormatEnum.Email));
+        Boolean(getUserVerifiedCredentialType.getUserVerifiedCredentialType(user, sdkApiCore.JwtVerifiedCredentialFormatEnum.Email));
     return {
         hasRecoveryEmail,
         hasTurnkeyVerifiedCredentialAuthenticator,

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

@@ -74,7 +74,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 const useIsTurnkeyWallet = () => {
     var _a;
-    const { primaryWallet, user, decodedAuthToken } = useInternalDynamicContext();
+    const { primaryWallet, user } = useInternalDynamicContext();
     const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
     const getTurnkeyVerifiedCredential = () => {
         if (!wallet || !user) {
@@ -111,7 +111,7 @@ const useIsTurnkeyWallet = () => {
     const isTurnkeyWalletWithoutAuthenticator = (isTurnkeyWallet && !hasTurnkeyVerifiedCredentialAuthenticator) ||
         isUnclaimedTurnkeyTheSignerOfScw;
     const hasRecoveryEmail = isTurnkeyWallet &&
-        Boolean(getUserVerifiedCredentialType(decodedAuthToken, JwtVerifiedCredentialFormatEnum.Email));
+        Boolean(getUserVerifiedCredentialType(user, JwtVerifiedCredentialFormatEnum.Email));
     return {
         hasRecoveryEmail,
         hasTurnkeyVerifiedCredentialAuthenticator,

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

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

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

@@ -0,0 +1,99 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+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 user = require('../../../data/api/user/user.cjs');
+var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.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');
+var UserWalletsContext = 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');
+
+const useMergeUserAccounts = () => {
+    const { environmentId, setShowAuthFlow, setUser } = useInternalDynamicContext.useInternalDynamicContext();
+    const { addedWalletsIds } = UserWalletsContext.useInternalUserWallets();
+    const mergeUserAccounts = (mergeConflictResolutions) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const authToken = getAuthToken.getAuthToken();
+        const response = yield user.verifyMergeUsers(authToken, environmentId, mergeConflictResolutions);
+        const userProfile = updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
+        setUser(userProfile);
+        const walletId = userProfile.lastVerifiedCredentialId;
+        if (walletId) {
+            addedWalletsIds.current.push(walletId);
+        }
+        setShowAuthFlow(false);
+    });
+    return {
+        mergeUserAccounts,
+    };
+};
+
+exports.useMergeUserAccounts = useMergeUserAccounts;

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

@@ -0,0 +1,4 @@
+import { MergeUserConflictResolution } from '@dynamic-labs/sdk-api-core';
+export declare const useMergeUserAccounts: () => {
+    mergeUserAccounts: (mergeConflictResolutions: MergeUserConflictResolution[]) => Promise<void>;
+};

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

@@ -0,0 +1,95 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+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 { verifyMergeUsers } from '../../../data/api/user/user.js';
+import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.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 { useInternalUserWallets } from '../../../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';
+
+const useMergeUserAccounts = () => {
+    const { environmentId, setShowAuthFlow, setUser } = useInternalDynamicContext();
+    const { addedWalletsIds } = useInternalUserWallets();
+    const mergeUserAccounts = (mergeConflictResolutions) => __awaiter(void 0, void 0, void 0, function* () {
+        const authToken = getAuthToken();
+        const response = yield verifyMergeUsers(authToken, environmentId, mergeConflictResolutions);
+        const userProfile = updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
+        setUser(userProfile);
+        const walletId = userProfile.lastVerifiedCredentialId;
+        if (walletId) {
+            addedWalletsIds.current.push(walletId);
+        }
+        setShowAuthFlow(false);
+    });
+    return {
+        mergeUserAccounts,
+    };
+};
+
+export { useMergeUserAccounts };

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

@@ -91,7 +91,8 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const usePasskeyRecovery = () => {
     var _a, _b;
     const { authToken, environmentId, primaryWallet, projectSettings, setShowAuthFlow, user: user$1, setUser, } = useInternalDynamicContext.useInternalDynamicContext();
-    const iframeContainerRef = useElementById.useElementById(constants.iframeContainerId);
+    const { createRootElement } = useElementById.useElementById();
+    const iframeContainerRef = createRootElement(constants.iframeContainerId);
     const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const { isTurnkeyWalletWithoutAuthenticator, hasRecoveryEmail } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { initAuthMethod } = useInitEmbeddedWalletAuthMethod.useInitEmbeddedWalletAuthMethod();

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

@@ -87,7 +87,8 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const usePasskeyRecovery = () => {
     var _a, _b;
     const { authToken, environmentId, primaryWallet, projectSettings, setShowAuthFlow, user, setUser, } = useInternalDynamicContext();
-    const iframeContainerRef = useElementById(iframeContainerId);
+    const { createRootElement } = useElementById();
+    const iframeContainerRef = createRootElement(iframeContainerId);
     const { userHasEmbeddedWallet } = useEmbeddedWallet();
     const { isTurnkeyWalletWithoutAuthenticator, hasRecoveryEmail } = useIsTurnkeyWallet();
     const { initAuthMethod } = useInitEmbeddedWalletAuthMethod();

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

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
@@ -19,19 +20,27 @@ var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLo
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var primaryWalletIdValidator = require('../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.cjs');
-require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
+var wallets = require('../../../data/api/wallets/wallets.cjs');
+var updateJWTAndCreateUserProfile = require('../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ minAuthToken, environmentId, setUser, }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage.useLocalStorage(localStorage.PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator.primaryWalletIdValidator);
-    const setPrimaryWalletId = React.useCallback((walletId) => {
+    const setPrimaryWalletId = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
+        if (minAuthToken) {
+            const response = yield wallets.storeSelectedWallet({ environmentId, walletId }, minAuthToken);
+            // only update userProfile, authToken, and minAuthToken when response is valid from storeSelectedWallet
+            if (response) {
+                setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(response.jwt, response.minifiedJwt));
+            }
+        }
+    }), [setPrimaryWalletIdState]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -1,5 +1,13 @@
-export declare const usePrimaryWalletId: () => {
+import { Dispatch, SetStateAction } from 'react';
+import { UserProfile } from '@dynamic-labs/types';
+type Props = {
+    setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
+    environmentId: string;
+    minAuthToken: string | undefined;
+};
+export declare const usePrimaryWalletId: ({ minAuthToken, environmentId, setUser, }: Props) => {
     clearPrimaryWalletId: () => void;
     primaryWalletId: string | undefined;
-    setPrimaryWalletId: (walletId: string) => void;
+    setPrimaryWalletId: (walletId: string) => Promise<void>;
 };
+export {};

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

@@ -1,4 +1,5 @@
 'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
@@ -15,19 +16,27 @@ import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/use
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { primaryWalletIdValidator } from '../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.js';
-import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
+import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
+import { updateJWTAndCreateUserProfile } from '../../functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
 
-const usePrimaryWalletId = () => {
+const usePrimaryWalletId = ({ minAuthToken, environmentId, setUser, }) => {
     const [primaryWalletId, setPrimaryWalletIdState, clearPrimaryWalletId] = useLocalStorage(PRIMARY_WALLET_ID, undefined, primaryWalletIdValidator);
-    const setPrimaryWalletId = useCallback((walletId) => {
+    const setPrimaryWalletId = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
         setPrimaryWalletIdState(walletId);
-    }, [setPrimaryWalletIdState]);
+        if (minAuthToken) {
+            const response = yield storeSelectedWallet({ environmentId, walletId }, minAuthToken);
+            // only update userProfile, authToken, and minAuthToken when response is valid from storeSelectedWallet
+            if (response) {
+                setUser(updateJWTAndCreateUserProfile(response.jwt, response.minifiedJwt));
+            }
+        }
+    }), [setPrimaryWalletIdState]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -21,6 +21,11 @@ require('../../../../../_virtual/_tslib.cjs');
 require('../../../config/ApiEndpoint.cjs');
 var settings = require('../../../data/api/settings/settings.cjs');
 require('../../../locale/locale.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
+var serializeWalletConnectors = require('../../functions/serializeWalletConnectors/serializeWalletConnectors.cjs');
 
 const useSendDynamicProps = ({ settings: settings$1, environmentId, }) => {
     useEffectOnce.useEffectOnce(() => {
@@ -32,7 +37,7 @@ const useSendDynamicProps = ({ settings: settings$1, environmentId, }) => {
             settings: Object.assign(Object.assign({}, settings$1), { customPrivacyPolicy: Boolean(settings$1.customPrivacyPolicy), customTermsOfServices: Boolean(settings$1.customTermsOfServices), policiesConsentInnerComponent: Boolean(settings$1.policiesConsentInnerComponent) }),
         };
         const serializedEventsCallbacks = serializeEventsCallbacks(settings$1.events);
-        const serializedWalletConnectors = serializeWalletConnectors(settings$1.walletConnectors);
+        const serializedWalletConnectors = serializeWalletConnectors.serializeWalletConnectors(settings$1.walletConnectors);
         const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { events: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
         settings.sendDynamicProps(environmentId, {
             dynamicContextProps: serializedDynamicContextProps,
@@ -58,17 +63,6 @@ const serializeEventsCallbacks = (events) => {
         return undefined;
     }
 };
-const serializeWalletConnectors = (walletConnectors) => {
-    try {
-        if (!walletConnectors)
-            return undefined;
-        return walletConnectors.map((connector) => connector.name);
-    }
-    catch (error) {
-        logger.logger.error('error serializing walletConnectors', error);
-        return undefined;
-    }
-};
 const getFrameworkSettings = () => {
     var _a;
     return ({
@@ -84,5 +78,4 @@ const getFrameworkSettings = () => {
 };
 
 exports.serializeEventsCallbacks = serializeEventsCallbacks;
-exports.serializeWalletConnectors = serializeWalletConnectors;
 exports.useSendDynamicProps = useSendDynamicProps;

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

@@ -1,5 +1,4 @@
-import { WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
-import { DynamicContextProps } from '../../../..';
+import { DynamicContextProps } from '../../../context/DynamicContext';
 import { DynamicEventsCallbacks } from '../../../shared';
 type UseSendDynamicHookProps = {
     settings: DynamicContextProps['settings'];
@@ -7,5 +6,4 @@ type UseSendDynamicHookProps = {
 };
 export declare const useSendDynamicProps: ({ settings, environmentId, }: UseSendDynamicHookProps) => void;
 export declare const serializeEventsCallbacks: (events: DynamicEventsCallbacks | undefined) => string[] | undefined;
-export declare const serializeWalletConnectors: (walletConnectors?: WalletConnectorsMethod[]) => string[] | undefined;
 export {};

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

@@ -17,6 +17,11 @@ import '../../../../../_virtual/_tslib.js';
 import '../../../config/ApiEndpoint.js';
 import { sendDynamicProps } from '../../../data/api/settings/settings.js';
 import '../../../locale/locale.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
+import { serializeWalletConnectors } from '../../functions/serializeWalletConnectors/serializeWalletConnectors.js';
 
 const useSendDynamicProps = ({ settings, environmentId, }) => {
     useEffectOnce(() => {
@@ -54,17 +59,6 @@ const serializeEventsCallbacks = (events) => {
         return undefined;
     }
 };
-const serializeWalletConnectors = (walletConnectors) => {
-    try {
-        if (!walletConnectors)
-            return undefined;
-        return walletConnectors.map((connector) => connector.name);
-    }
-    catch (error) {
-        logger.error('error serializing walletConnectors', error);
-        return undefined;
-    }
-};
 const getFrameworkSettings = () => {
     var _a;
     return ({
@@ -79,4 +73,4 @@ const getFrameworkSettings = () => {
     });
 };
 
-export { serializeEventsCallbacks, serializeWalletConnectors, useSendDynamicProps };
+export { serializeEventsCallbacks, useSendDynamicProps };

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;
+};