@dynamic-labs/sdk-react-core 4.4.3 → 4.5.0

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

@@ -36,6 +36,7 @@ import '../../functions/compareChains/compareChains.js';
 import { useEmbeddedWalletSessionKeys } from '../useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../context/LoadingContext/LoadingContext.js';
@@ -138,14 +139,7 @@ const useExternalAuth = () => {
         shouldRegisterSessionKeysOnSignin,
     ]);
     /**
-     * Uses a properly-configured non-Dynamic external JWT and user ID to verify the user in Dynamic.
-     * When successful, this should verify the user's access to Dynamic's functionality
-     * available to only signed-in users, such as wallet linking, etc.
-     *
-     * @param {string} props.externalJwt - JWT issued outside of Dynamic
-     * @param {string} props.externalUserId - User ID to identify the user outside of Dynamic
-     *
-     * @returns {UserProfile} - User profile for successfully verified user
+     * @deprecated Use `externalAuthSignin` instead.
      */
     const verifyWithExternalJwt = useCallback((_b) => __awaiter(void 0, [_b], void 0, function* ({ externalUserId, externalJwt, }) {
         try {

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

@@ -0,0 +1 @@
+export * from './useFundWithWallet';

package/src/lib/utils/hooks/{useFunding → useFundWithWallet}/useConnectWalletForFunding/useConnectWalletForFunding.cjs

@@ -29,17 +29,16 @@ require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
-var resolvePromiseRef = require('../../../functions/resolvePromiseRef/resolvePromiseRef.cjs');
-var rejectPromiseRef = require('../../../functions/rejectPromiseRef/rejectPromiseRef.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
+var UserWalletsContext = require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
@@ -52,7 +51,7 @@ require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../store/state/loadingAndLifecycle.cjs');
-require('../../../../store/state/walletOptions/walletOptions.cjs');
+var walletOptions = require('../../../../store/state/walletOptions/walletOptions.cjs');
 var useHandleWalletItem = require('../../useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs');
 require('react-i18next');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -90,6 +89,8 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
+var rejectPromiseRef = require('../../../functions/rejectPromiseRef/rejectPromiseRef.cjs');
+var resolvePromiseRef = require('../../../functions/resolvePromiseRef/resolvePromiseRef.cjs');
 var useWalletOptions = require('../../useWalletOptions/useWalletOptions.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
@@ -97,10 +98,11 @@ require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
+const useConnectWalletForFunding = () => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { clearStackAndPush } = ViewContext.useViewContext();
-    const { walletOptions } = useWalletOptions.useWalletOptions();
+    const userWallets = UserWalletsContext.useUserWallets();
+    const { walletOptions: walletOptions$1 } = useWalletOptions.useWalletOptions();
     const internalConnectionPromiseRef = React.useRef(null);
     const connectWalletPromiseRef = React.useRef(null);
     const handleWalletMethod = React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -122,20 +124,33 @@ const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
         rejectPromiseRef.rejectPromiseRef(connectWalletPromiseRef, new utils.DynamicError('User cancelled'));
     });
     const getWalletAddress = React.useCallback((walletConnector) => {
-        const walletOption = walletOptions.find(({ key }) => key === walletConnector.key);
+        const walletOption = walletOptions$1.find(({ key }) => key === walletConnector.key);
         if (!walletOption)
             return Promise.reject(new utils.DynamicError(`Connect wallet for funding error: wallet option for ${walletConnector.key} not found`));
         internalConnectionPromiseRef.current = new utils.DeferredPromise();
         handleWalletItemClick(Object.assign(Object.assign({}, walletOption), { walletConnector }));
         return internalConnectionPromiseRef.current.promise;
-    }, [handleWalletItemClick, walletOptions]);
-    return React.useCallback(() => {
-        if (!externalWalletFundingEnabled) {
-            return Promise.reject(new Error('External wallet funding is not enabled'));
-        }
+    }, [handleWalletItemClick, walletOptions$1]);
+    const hasWalletConnectWallet = userWallets.some((wallet) => wallet.connector.isWalletConnect);
+    // WC does not allow multiple sessions, so we have 2 cases here:
+    // 1. The user has a linked WalletConnect wallet.
+    //    In this case, we should not do anything, and our logic will prevent other WCs from being
+    //    selected for funding.
+    // 2. The user does not have a WalletConnect wallet linked.
+    //    In this case, we should reset the WC session — this is because they might have just
+    //    previously connected another WC wallet for funding and that session could still be active.
+    const resetWalletConnectSession = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (hasWalletConnectWallet)
+            return;
+        const walletOption = walletOptions.getWalletConnectorOptions().find(({ walletConnector }) => walletConnector.isWalletConnect);
+        yield (walletOption === null || walletOption === void 0 ? void 0 : walletOption.walletConnector.endSession());
+        yield (walletOption === null || walletOption === void 0 ? void 0 : walletOption.walletConnector.init());
+    }), [hasWalletConnectWallet]);
+    return React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (connectWalletPromiseRef.current) {
             return connectWalletPromiseRef.current.promise;
         }
+        resetWalletConnectSession();
         connectWalletPromiseRef.current = new utils.DeferredPromise();
         clearStackAndPush('external-funding-wallet-list', {
             onSelectWallet: (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector }) {
@@ -176,8 +191,8 @@ const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
             performMultiWalletChecks: false,
         });
         return connectWalletPromiseRef.current.promise;
-    }, [
-        externalWalletFundingEnabled,
+    }), [
+        resetWalletConnectSession,
         clearStackAndPush,
         primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain,
         setShowAuthFlow,

package/src/lib/utils/hooks/useFundWithWallet/useConnectWalletForFunding/useConnectWalletForFunding.d.ts

@@ -0,0 +1,2 @@
+import { Wallet } from '../../../../shared/types/wallets';
+export declare const useConnectWalletForFunding: () => () => Promise<Wallet>;

package/src/lib/utils/hooks/{useFunding → useFundWithWallet}/useConnectWalletForFunding/useConnectWalletForFunding.js

@@ -25,17 +25,16 @@ import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
-import { resolvePromiseRef } from '../../../functions/resolvePromiseRef/resolvePromiseRef.js';
-import { rejectPromiseRef } from '../../../functions/rejectPromiseRef/rejectPromiseRef.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../context/UserWalletsContext/UserWalletsContext.js';
+import { useUserWallets } from '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../events/dynamicEvents.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
@@ -48,7 +47,7 @@ import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../store/state/loadingAndLifecycle.js';
-import '../../../../store/state/walletOptions/walletOptions.js';
+import { getWalletConnectorOptions } from '../../../../store/state/walletOptions/walletOptions.js';
 import { useHandleWalletItem } from '../../useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js';
 import 'react-i18next';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -86,6 +85,8 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
+import { rejectPromiseRef } from '../../../functions/rejectPromiseRef/rejectPromiseRef.js';
+import { resolvePromiseRef } from '../../../functions/resolvePromiseRef/resolvePromiseRef.js';
 import { useWalletOptions } from '../../useWalletOptions/useWalletOptions.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
@@ -93,9 +94,10 @@ import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
-const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
+const useConnectWalletForFunding = () => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
     const { clearStackAndPush } = useViewContext();
+    const userWallets = useUserWallets();
     const { walletOptions } = useWalletOptions();
     const internalConnectionPromiseRef = useRef(null);
     const connectWalletPromiseRef = useRef(null);
@@ -125,13 +127,26 @@ const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
         handleWalletItemClick(Object.assign(Object.assign({}, walletOption), { walletConnector }));
         return internalConnectionPromiseRef.current.promise;
     }, [handleWalletItemClick, walletOptions]);
-    return useCallback(() => {
-        if (!externalWalletFundingEnabled) {
-            return Promise.reject(new Error('External wallet funding is not enabled'));
-        }
+    const hasWalletConnectWallet = userWallets.some((wallet) => wallet.connector.isWalletConnect);
+    // WC does not allow multiple sessions, so we have 2 cases here:
+    // 1. The user has a linked WalletConnect wallet.
+    //    In this case, we should not do anything, and our logic will prevent other WCs from being
+    //    selected for funding.
+    // 2. The user does not have a WalletConnect wallet linked.
+    //    In this case, we should reset the WC session — this is because they might have just
+    //    previously connected another WC wallet for funding and that session could still be active.
+    const resetWalletConnectSession = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (hasWalletConnectWallet)
+            return;
+        const walletOption = getWalletConnectorOptions().find(({ walletConnector }) => walletConnector.isWalletConnect);
+        yield (walletOption === null || walletOption === void 0 ? void 0 : walletOption.walletConnector.endSession());
+        yield (walletOption === null || walletOption === void 0 ? void 0 : walletOption.walletConnector.init());
+    }), [hasWalletConnectWallet]);
+    return useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (connectWalletPromiseRef.current) {
             return connectWalletPromiseRef.current.promise;
         }
+        resetWalletConnectSession();
         connectWalletPromiseRef.current = new DeferredPromise();
         clearStackAndPush('external-funding-wallet-list', {
             onSelectWallet: (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector }) {
@@ -172,8 +187,8 @@ const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
             performMultiWalletChecks: false,
         });
         return connectWalletPromiseRef.current.promise;
-    }, [
-        externalWalletFundingEnabled,
+    }), [
+        resetWalletConnectSession,
         clearStackAndPush,
         primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain,
         setShowAuthFlow,

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

@@ -0,0 +1 @@
+export * from './useFund';

package/src/lib/utils/hooks/useFundWithWallet/useFund/useFund.cjs

@@ -0,0 +1,121 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+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('@dynamic-labs/utils');
+require('../../../constants/colors.cjs');
+require('../../../constants/values.cjs');
+require('../../../../shared/consts/index.cjs');
+require('../../../../events/dynamicEvents.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../../store/state/nonce/nonce.cjs');
+require('../../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../../config/ApiEndpoint.cjs');
+require('../../../../store/state/user/user.cjs');
+require('../../../../locale/locale.cjs');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../store/state/primaryWalletId/primaryWalletId.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('../../../functions/compareChains/compareChains.cjs');
+require('../../../../context/ThemeContext/ThemeContext.cjs');
+require('../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../context/WalletContext/WalletContext.cjs');
+require('../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.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('../../../../store/state/loadingAndLifecycle.cjs');
+require('../../../../store/state/walletOptions/walletOptions.cjs');
+require('react-i18next');
+require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+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/OverlayCard/OverlayCard.cjs');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.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('../../useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../../store/state/sendBalances.cjs');
+require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../../../index.cjs');
+require('../../../../store/state/tokenBalances.cjs');
+require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+
+const useFund = () => {
+    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    return React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ amount, fromWallet, token }) {
+        if (!amount || !fromWallet) {
+            throw new Error('Amount and fromWallet are required');
+        }
+        if (!primaryWallet) {
+            throw new Error('Primary wallet not found');
+        }
+        const fromWalletNetwork = yield fromWallet.getNetwork();
+        const primaryWalletNetwork = yield primaryWallet.getNetwork();
+        if (!fromWalletNetwork || !primaryWalletNetwork) {
+            throw new Error('Wallet network not found');
+        }
+        if (fromWalletNetwork !== primaryWalletNetwork) {
+            yield fromWallet.switchNetwork(primaryWalletNetwork);
+        }
+        const toAddress = primaryWallet.address;
+        return fromWallet.sendBalance({
+            amount: amount.toString(),
+            toAddress,
+            token,
+        });
+    }), [primaryWallet]);
+};
+
+exports.useFund = useFund;

package/src/lib/utils/hooks/useFundWithWallet/useFund/useFund.d.ts

@@ -0,0 +1,10 @@
+import { Wallet } from '@dynamic-labs/wallet-connector-core';
+export type FundWithWalletParams = {
+    amount: number;
+    fromWallet: Wallet;
+    token?: {
+        address: string;
+        decimals?: number;
+    };
+};
+export declare const useFund: () => ({ amount, fromWallet, token }: FundWithWalletParams) => Promise<string | undefined>;

package/src/lib/utils/hooks/useFundWithWallet/useFund/useFund.js

@@ -0,0 +1,117 @@
+'use client'
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useCallback } from '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';
+import '@dynamic-labs/utils';
+import '../../../constants/colors.js';
+import '../../../constants/values.js';
+import '../../../../shared/consts/index.js';
+import '../../../../events/dynamicEvents.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../../store/state/nonce/nonce.js';
+import '../../../../store/state/projectSettings/projectSettings.js';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../store/state/user/user.js';
+import '../../../../locale/locale.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/primaryWalletId/primaryWalletId.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 '../../../functions/compareChains/compareChains.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import '../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/WalletContext/WalletContext.js';
+import '../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.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 '../../../../store/state/loadingAndLifecycle.js';
+import '../../../../store/state/walletOptions/walletOptions.js';
+import 'react-i18next';
+import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+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/OverlayCard/OverlayCard.js';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.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 '../../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../../store/state/sendBalances.js';
+import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../../index.js';
+import '../../../../store/state/tokenBalances.js';
+import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const useFund = () => {
+    const { primaryWallet } = useInternalDynamicContext();
+    return useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ amount, fromWallet, token }) {
+        if (!amount || !fromWallet) {
+            throw new Error('Amount and fromWallet are required');
+        }
+        if (!primaryWallet) {
+            throw new Error('Primary wallet not found');
+        }
+        const fromWalletNetwork = yield fromWallet.getNetwork();
+        const primaryWalletNetwork = yield primaryWallet.getNetwork();
+        if (!fromWalletNetwork || !primaryWalletNetwork) {
+            throw new Error('Wallet network not found');
+        }
+        if (fromWalletNetwork !== primaryWalletNetwork) {
+            yield fromWallet.switchNetwork(primaryWalletNetwork);
+        }
+        const toAddress = primaryWallet.address;
+        return fromWallet.sendBalance({
+            amount: amount.toString(),
+            toAddress,
+            token,
+        });
+    }), [primaryWallet]);
+};
+
+export { useFund };

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

@@ -0,0 +1,49 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
+var useConnectWalletForFunding = require('./useConnectWalletForFunding/useConnectWalletForFunding.cjs');
+var useFund = require('./useFund/useFund.cjs');
+var usePromptAmountAndFundWithWallet = require('./usePromptAmountAndFundWithWallet/usePromptAmountAndFundWithWallet.cjs');
+
+const useFundWithWallet = () => {
+    var _a, _b;
+    const projectSettings$1 = projectSettings.useProjectSettings();
+    const fundWithWallet = useFund.useFund();
+    const connectWalletForFunding = useConnectWalletForFunding.useConnectWalletForFunding();
+    const promptAmountAndFundWithWallet = usePromptAmountAndFundWithWallet.usePromptAmountAndFundWithWallet();
+    return React.useMemo(() => {
+        var _a, _b;
+        return ({
+            /**
+             * Connects an external wallet and returns the wallet.
+             *
+             * Use the returned wallet with methods of `fromWallet` to fund the primary wallet.
+             */
+            connectWalletForFunding,
+            /**
+             * Whether external wallet funding is enabled.
+             */
+            externalWalletFundingEnabled: Boolean((_b = (_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk.funding) === null || _a === void 0 ? void 0 : _a.externalWallets) === null || _b === void 0 ? void 0 : _b.enabled),
+            /**
+             * Triggers a funding transaction from the given wallet to the primary wallet.
+             */
+            fund: fundWithWallet,
+            /**
+             * Prompts the user for an amount and token and triggers a funding transaction
+             * from the given wallet to the primary wallet.
+             */
+            promptAmountAndFund: promptAmountAndFundWithWallet,
+        });
+    }, [
+        connectWalletForFunding,
+        (_b = (_a = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.sdk.funding) === null || _a === void 0 ? void 0 : _a.externalWallets) === null || _b === void 0 ? void 0 : _b.enabled,
+        fundWithWallet,
+        promptAmountAndFundWithWallet,
+    ]);
+};
+
+exports.useFundWithWallet = useFundWithWallet;

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

@@ -0,0 +1,21 @@
+export declare const useFundWithWallet: () => {
+    /**
+     * Connects an external wallet and returns the wallet.
+     *
+     * Use the returned wallet with methods of `fromWallet` to fund the primary wallet.
+     */
+    connectWalletForFunding: () => Promise<import("dist/packages/wallet-connector-core/src").Wallet<import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector>>;
+    /**
+     * Whether external wallet funding is enabled.
+     */
+    externalWalletFundingEnabled: boolean;
+    /**
+     * Triggers a funding transaction from the given wallet to the primary wallet.
+     */
+    fund: ({ amount, fromWallet, token }: import("./useFund").FundWithWalletParams) => Promise<string | undefined>;
+    /**
+     * Prompts the user for an amount and token and triggers a funding transaction
+     * from the given wallet to the primary wallet.
+     */
+    promptAmountAndFund: (props: import("../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/types").ReceiveExternalWalletFundsProps) => void;
+};

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

@@ -0,0 +1,45 @@
+'use client'
+import { useMemo } from 'react';
+import { useProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
+import { useConnectWalletForFunding } from './useConnectWalletForFunding/useConnectWalletForFunding.js';
+import { useFund } from './useFund/useFund.js';
+import { usePromptAmountAndFundWithWallet } from './usePromptAmountAndFundWithWallet/usePromptAmountAndFundWithWallet.js';
+
+const useFundWithWallet = () => {
+    var _a, _b;
+    const projectSettings = useProjectSettings();
+    const fundWithWallet = useFund();
+    const connectWalletForFunding = useConnectWalletForFunding();
+    const promptAmountAndFundWithWallet = usePromptAmountAndFundWithWallet();
+    return useMemo(() => {
+        var _a, _b;
+        return ({
+            /**
+             * Connects an external wallet and returns the wallet.
+             *
+             * Use the returned wallet with methods of `fromWallet` to fund the primary wallet.
+             */
+            connectWalletForFunding,
+            /**
+             * Whether external wallet funding is enabled.
+             */
+            externalWalletFundingEnabled: Boolean((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.funding) === null || _a === void 0 ? void 0 : _a.externalWallets) === null || _b === void 0 ? void 0 : _b.enabled),
+            /**
+             * Triggers a funding transaction from the given wallet to the primary wallet.
+             */
+            fund: fundWithWallet,
+            /**
+             * Prompts the user for an amount and token and triggers a funding transaction
+             * from the given wallet to the primary wallet.
+             */
+            promptAmountAndFund: promptAmountAndFundWithWallet,
+        });
+    }, [
+        connectWalletForFunding,
+        (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.funding) === null || _a === void 0 ? void 0 : _a.externalWallets) === null || _b === void 0 ? void 0 : _b.enabled,
+        fundWithWallet,
+        promptAmountAndFundWithWallet,
+    ]);
+};
+
+export { useFundWithWallet };

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

@@ -0,0 +1 @@
+export * from './usePromptAmountAndFundWithWallet';