@dynamic-labs/sdk-react-core 4.6.1 → 4.6.2

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

@@ -0,0 +1,123 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+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('../../../constants/colors.cjs');
+require('../../../constants/values.cjs');
+require('../../../../shared/consts/index.cjs');
+var useDynamicEvents = require('../../events/useDynamicEvents/useDynamicEvents.cjs');
+require('../../../../../../_virtual/_tslib.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');
+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');
+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('@dynamic-labs/store');
+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');
+var DynamicWidgetContext = 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');
+var resolvePromiseRef = require('../../../functions/resolvePromiseRef/resolvePromiseRef.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.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 useChooseLinkedWallet = () => {
+    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
+    const { setShowDynamicUserProfile } = useInternalDynamicContext.useInternalDynamicContext();
+    const userWallets = UserWalletsContext.useUserWallets();
+    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const filteredWallets = React.useMemo(() => userWallets.filter((wallet) => wallet.id !== (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id) &&
+        wallet.chain === (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)), [userWallets, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id]);
+    const choosePromiseRef = React.useRef();
+    const chooseLinkedWallet = React.useCallback(({ showBackButton } = { showBackButton: true }) => {
+        choosePromiseRef.current = new utils.DeferredPromise();
+        setDynamicWidgetView('choose-linked-wallet', {
+            onSelectWallet: (wallet) => resolvePromiseRef.resolvePromiseRef(choosePromiseRef, wallet),
+            showBackButton,
+            wallets: filteredWallets,
+        });
+        setShowDynamicUserProfile(true);
+        return choosePromiseRef.current.promise;
+    }, [filteredWallets, setDynamicWidgetView, setShowDynamicUserProfile]);
+    useDynamicEvents.useInternalDynamicEvents('userProfileClose', () => resolvePromiseRef.resolvePromiseRef(choosePromiseRef, undefined));
+    return {
+        chooseLinkedWallet,
+        filteredWallets,
+    };
+};
+
+exports.useChooseLinkedWallet = useChooseLinkedWallet;

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

@@ -0,0 +1,9 @@
+import { Wallet } from '@dynamic-labs/wallet-connector-core';
+type ChooseLinkedWalletProps = {
+    showBackButton?: boolean;
+};
+export declare const useChooseLinkedWallet: () => {
+    chooseLinkedWallet: ({ showBackButton }?: ChooseLinkedWalletProps) => Promise<Wallet<import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector> | undefined>;
+    filteredWallets: Wallet<import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector>[];
+};
+export {};

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

@@ -0,0 +1,119 @@
+'use client'
+import { useMemo, useRef, useCallback } from 'react';
+import { DeferredPromise } from '@dynamic-labs/utils';
+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 '../../../constants/colors.js';
+import '../../../constants/values.js';
+import '../../../../shared/consts/index.js';
+import { useInternalDynamicEvents } from '../../events/useDynamicEvents/useDynamicEvents.js';
+import '../../../../../../_virtual/_tslib.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 { 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';
+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 '@dynamic-labs/store';
+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 { useWidgetContext } from '../../../../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 { resolvePromiseRef } from '../../../functions/resolvePromiseRef/resolvePromiseRef.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.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 useChooseLinkedWallet = () => {
+    const { setDynamicWidgetView } = useWidgetContext();
+    const { setShowDynamicUserProfile } = useInternalDynamicContext();
+    const userWallets = useUserWallets();
+    const { primaryWallet } = useInternalDynamicContext();
+    const filteredWallets = useMemo(() => userWallets.filter((wallet) => wallet.id !== (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id) &&
+        wallet.chain === (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)), [userWallets, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.id]);
+    const choosePromiseRef = useRef();
+    const chooseLinkedWallet = useCallback(({ showBackButton } = { showBackButton: true }) => {
+        choosePromiseRef.current = new DeferredPromise();
+        setDynamicWidgetView('choose-linked-wallet', {
+            onSelectWallet: (wallet) => resolvePromiseRef(choosePromiseRef, wallet),
+            showBackButton,
+            wallets: filteredWallets,
+        });
+        setShowDynamicUserProfile(true);
+        return choosePromiseRef.current.promise;
+    }, [filteredWallets, setDynamicWidgetView, setShowDynamicUserProfile]);
+    useInternalDynamicEvents('userProfileClose', () => resolvePromiseRef(choosePromiseRef, undefined));
+    return {
+        chooseLinkedWallet,
+        filteredWallets,
+    };
+};
+
+export { useChooseLinkedWallet };

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

@@ -32,7 +32,7 @@ require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var UserWalletsContext = require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../events/dynamicEvents.cjs');
+var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../functions/compareChains/compareChains.cjs');
@@ -90,11 +90,11 @@ 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 rejectPromiseRef = require('../../../functions/rejectPromiseRef/rejectPromiseRef.cjs');
 var useWalletOptions = require('../../useWalletOptions/useWalletOptions.cjs');
 var FilterWalletsForExternalFunding = require('../utils/FilterWalletsForExternalFunding.cjs');
-require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
@@ -104,6 +104,7 @@ const useConnectWalletForFunding = () => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { clearStackAndPush } = ViewContext.useViewContext();
     const userWallets = UserWalletsContext.useUserWallets();
+    const initiatedByWidgetRef = React.useRef(false);
     const { walletOptions: walletOptions$1 } = useWalletOptions.useWalletOptions();
     const internalConnectionPromiseRef = React.useRef(null);
     const connectWalletPromiseRef = React.useRef(null);
@@ -112,6 +113,7 @@ const useConnectWalletForFunding = () => {
         // so we don't lose the flow when redirected back
         const connectionType = {
             connectorConsumed: false,
+            initiatedByWidget: initiatedByWidgetRef.current,
             type: 'external-wallet-funding',
         };
         utils.StorageService.setItem(utils.PHANTOM_REDIRECT_CONNECTION_TYPE_KEY, connectionType);
@@ -155,17 +157,18 @@ const useConnectWalletForFunding = () => {
         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* () {
+    return React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ initiatedByWidget }) {
         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 }) {
+            onSelectWallet: (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ walletConnector }) {
                 if (!connectWalletPromiseRef.current)
                     return;
                 try {
+                    initiatedByWidgetRef.current = initiatedByWidget;
                     const walletAddress = yield getWalletAddress(walletConnector);
                     if (!walletAddress) {
                         rejectPromiseRef.rejectPromiseRef(connectWalletPromiseRef, new utils.DynamicError('No wallet address found'));
@@ -180,6 +183,11 @@ const useConnectWalletForFunding = () => {
                         key: walletConnector.key,
                     });
                     resolvePromiseRef.resolvePromiseRef(connectWalletPromiseRef, wallet);
+                    dynamicEvents.dynamicEvents.emit('walletConnectedForFunding', {
+                        initiatedByWidget,
+                        isPhantomRedirect: false,
+                        wallet,
+                    });
                 }
                 catch (error) {
                     rejectPromiseRef.rejectPromiseRef(connectWalletPromiseRef, error);

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

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

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

@@ -28,7 +28,7 @@ import '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useUserWallets } from '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../events/dynamicEvents.js';
+import { dynamicEvents } from '../../../../events/dynamicEvents.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../functions/compareChains/compareChains.js';
@@ -86,11 +86,11 @@ 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 { rejectPromiseRef } from '../../../functions/rejectPromiseRef/rejectPromiseRef.js';
 import { useWalletOptions } from '../../useWalletOptions/useWalletOptions.js';
 import { FilterWalletsForExternalFunding } from '../utils/FilterWalletsForExternalFunding.js';
-import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
@@ -100,6 +100,7 @@ const useConnectWalletForFunding = () => {
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
     const { clearStackAndPush } = useViewContext();
     const userWallets = useUserWallets();
+    const initiatedByWidgetRef = useRef(false);
     const { walletOptions } = useWalletOptions();
     const internalConnectionPromiseRef = useRef(null);
     const connectWalletPromiseRef = useRef(null);
@@ -108,6 +109,7 @@ const useConnectWalletForFunding = () => {
         // so we don't lose the flow when redirected back
         const connectionType = {
             connectorConsumed: false,
+            initiatedByWidget: initiatedByWidgetRef.current,
             type: 'external-wallet-funding',
         };
         StorageService.setItem(PHANTOM_REDIRECT_CONNECTION_TYPE_KEY, connectionType);
@@ -151,17 +153,18 @@ const useConnectWalletForFunding = () => {
         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* () {
+    return useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ initiatedByWidget }) {
         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 }) {
+            onSelectWallet: (_b) => __awaiter(void 0, [_b], void 0, function* ({ walletConnector }) {
                 if (!connectWalletPromiseRef.current)
                     return;
                 try {
+                    initiatedByWidgetRef.current = initiatedByWidget;
                     const walletAddress = yield getWalletAddress(walletConnector);
                     if (!walletAddress) {
                         rejectPromiseRef(connectWalletPromiseRef, new DynamicError('No wallet address found'));
@@ -176,6 +179,11 @@ const useConnectWalletForFunding = () => {
                         key: walletConnector.key,
                     });
                     resolvePromiseRef(connectWalletPromiseRef, wallet);
+                    dynamicEvents.emit('walletConnectedForFunding', {
+                        initiatedByWidget,
+                        isPhantomRedirect: false,
+                        wallet,
+                    });
                 }
                 catch (error) {
                     rejectPromiseRef(connectWalletPromiseRef, error);

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

@@ -87,7 +87,7 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 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('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

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

@@ -83,7 +83,7 @@ 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 '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

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

@@ -3,31 +3,126 @@
 
 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');
 var projectSettings = 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('@dynamic-labs/store');
+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');
+var useChooseLinkedWallet = require('./useChooseLinkedWallet/useChooseLinkedWallet.cjs');
 var useConnectWalletForFunding = require('./useConnectWalletForFunding/useConnectWalletForFunding.cjs');
 var useFund = require('./useFund/useFund.cjs');
 var usePromptAmountAndFundWithWallet = require('./usePromptAmountAndFundWithWallet/usePromptAmountAndFundWithWallet.cjs');
+require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.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 useFundWithWallet = () => {
+const useInternalFundWithWallet = () => {
     var _a, _b;
     const projectSettings$1 = projectSettings.useProjectSettings();
     const fundWithWallet = useFund.useFund();
     const connectWalletForFunding = useConnectWalletForFunding.useConnectWalletForFunding();
     const promptAmountAndFundWithWallet = usePromptAmountAndFundWithWallet.usePromptAmountAndFundWithWallet();
+    const { chooseLinkedWallet, filteredWallets } = useChooseLinkedWallet.useChooseLinkedWallet();
     return React.useMemo(() => {
         var _a, _b;
         return ({
+            /**
+             * Shows a modal to pick a linked wallet and returns the picked wallet.
+             */
+            chooseLinkedWallet,
             /**
              * 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),
+            /**
+             * The linked wallets available for funding the primary wallet.
+             */
+            filteredLinkedWallets: filteredWallets,
             /**
              * Triggers a funding transaction from the given wallet to the primary wallet.
              */
@@ -39,11 +134,34 @@ const useFundWithWallet = () => {
             promptAmountAndFund: promptAmountAndFundWithWallet,
         });
     }, [
+        chooseLinkedWallet,
         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,
+        filteredWallets,
         fundWithWallet,
         promptAmountAndFundWithWallet,
     ]);
 };
+const useFundWithWallet = () => {
+    const { setShowDynamicUserProfile } = useInternalDynamicContext.useInternalDynamicContext();
+    const _a = useInternalFundWithWallet(), { connectWalletForFunding, chooseLinkedWallet: _chooseLinkedWallet } = _a, otherMethods = _tslib.__rest(_a, ["connectWalletForFunding", "chooseLinkedWallet"]);
+    // When called from headless mode, let's close the modal afterwards
+    // Also ensure back button is not shown and prop is not passed
+    const chooseLinkedWallet = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const wallet = yield _chooseLinkedWallet({ showBackButton: false });
+        setShowDynamicUserProfile(false);
+        return wallet;
+    }), [_chooseLinkedWallet, setShowDynamicUserProfile]);
+    return Object.assign(Object.assign({}, otherMethods), { 
+        /**
+         * Shows a modal to pick a linked wallet and returns the picked wallet.
+         */
+        chooseLinkedWallet, 
+        /**
+         * Connects an external wallet and returns the wallet.
+         */
+        connectWalletForFunding: () => connectWalletForFunding({ initiatedByWidget: false }) });
+};
 
 exports.useFundWithWallet = useFundWithWallet;
+exports.useInternalFundWithWallet = useInternalFundWithWallet;