@dynamic-labs/sdk-react-core 4.3.2 → 4.4.0

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

@@ -85,6 +85,7 @@ require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget
 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');

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

@@ -81,6 +81,7 @@ import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.
 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';

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

@@ -87,6 +87,7 @@ require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget
 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');

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

@@ -83,6 +83,7 @@ import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.
 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';

package/src/lib/utils/hooks/useFunding/useConnectWalletForFunding/index.d.ts

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

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

@@ -0,0 +1,204 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+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');
+var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../constants/colors.cjs');
+require('../../../constants/values.cjs');
+require('../../../../store/state/loadingAndLifecycle.cjs');
+require('../../../../shared/consts/index.cjs');
+var useDynamicEvents = require('../../events/useDynamicEvents/useDynamicEvents.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../../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('../../../../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('@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/walletOptions/walletOptions.cjs');
+var useHandleWalletItem = require('../../useWalletItemActions/useHandleWalletItem/useHandleWalletItem.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/FooterAnimationContext/index.cjs');
+var index = require('../../../functions/walletFilters/index.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/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 useWalletOptions = require('../../useWalletOptions/useWalletOptions.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 resolvePromiseRef = (promise, value) => {
+    if (!promise.current)
+        return;
+    promise.current.resolve(value);
+    promise.current = null;
+};
+const rejectPromiseRef = (
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+promise, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+error) => {
+    if (!promise.current)
+        return;
+    promise.current.reject(error);
+    promise.current = null;
+};
+const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
+    const { walletOptions } = 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* () {
+        const address = yield props.walletConnector.getAddress(props.getAddressOpts);
+        if (!address) {
+            rejectPromiseRef(internalConnectionPromiseRef, new utils.DynamicError('No wallet address found'));
+            return;
+        }
+        resolvePromiseRef(internalConnectionPromiseRef, address);
+    }), []);
+    const { handleWalletItemClick } = useHandleWalletItem.useHandleWalletItem({
+        allowAlreadyConnectedWallet: true,
+        onConnectOnly: handleWalletMethod,
+        onCustodialWallet: handleWalletMethod,
+        onInstalledExtension: handleWalletMethod,
+        onQrCodeConnect: handleWalletMethod,
+    });
+    useDynamicEvents.useInternalDynamicEvents('authFlowClose', () => {
+        rejectPromiseRef(connectWalletPromiseRef, new utils.DynamicError('User cancelled'));
+    });
+    const getWalletAddress = React.useCallback((walletConnector) => {
+        const walletOption = walletOptions.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'));
+        }
+        if (connectWalletPromiseRef.current) {
+            return connectWalletPromiseRef.current.promise;
+        }
+        connectWalletPromiseRef.current = new utils.DeferredPromise();
+        setView('external-funding-wallet-list', {
+            onSelectWallet: (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector }) {
+                if (!connectWalletPromiseRef.current)
+                    return;
+                try {
+                    const walletAddress = yield getWalletAddress(walletConnector);
+                    if (!walletAddress) {
+                        rejectPromiseRef(connectWalletPromiseRef, new utils.DynamicError('No wallet address found'));
+                        return;
+                    }
+                    const wallet = walletConnector.createWallet({
+                        address: walletAddress,
+                        chain: walletConnector.connectedChain,
+                        connector: walletConnector,
+                        id: 'external-funding-wallet',
+                        isAuthenticated: false,
+                        key: walletConnector.key,
+                    });
+                    resolvePromiseRef(connectWalletPromiseRef, wallet);
+                }
+                catch (error) {
+                    rejectPromiseRef(connectWalletPromiseRef, error);
+                    return;
+                }
+                finally {
+                    setShowAuthFlow(false);
+                }
+            }),
+            viewWalletsFilter: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
+                ? index.FilterChain(primaryWallet.chain)
+                : undefined,
+        });
+        setShowAuthFlow(true, {
+            emitCancelAuth: false,
+            ignoreIfIsEmbeddedWidget: true,
+            initializeWalletConnect: true,
+            performMultiWalletChecks: false,
+        });
+        return connectWalletPromiseRef.current.promise;
+    }, [
+        externalWalletFundingEnabled,
+        setView,
+        primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain,
+        setShowAuthFlow,
+        getWalletAddress,
+    ]);
+};
+
+exports.rejectPromiseRef = rejectPromiseRef;
+exports.resolvePromiseRef = resolvePromiseRef;
+exports.useConnectWalletForFunding = useConnectWalletForFunding;

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

@@ -0,0 +1,9 @@
+import { MutableRefObject } from 'react';
+import { DeferredPromise } from '@dynamic-labs/utils';
+import { Wallet } from '../../../../shared/types/wallets';
+export type UseConnectWalletForFundingProps = {
+    externalWalletFundingEnabled: boolean;
+};
+export declare const resolvePromiseRef: <T>(promise: MutableRefObject<DeferredPromise<T> | null>, value: T) => void;
+export declare const rejectPromiseRef: (promise: MutableRefObject<DeferredPromise<any> | null>, error: any) => void;
+export declare const useConnectWalletForFunding: ({ externalWalletFundingEnabled, }: UseConnectWalletForFundingProps) => () => Promise<Wallet>;

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

@@ -0,0 +1,198 @@
+'use client'
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useRef, useCallback } from 'react';
+import { DynamicError, 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 { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../constants/colors.js';
+import '../../../constants/values.js';
+import '../../../../store/state/loadingAndLifecycle.js';
+import '../../../../shared/consts/index.js';
+import { useInternalDynamicEvents } from '../../events/useDynamicEvents/useDynamicEvents.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../../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 '../../../../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 '@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/walletOptions/walletOptions.js';
+import { useHandleWalletItem } from '../../useWalletItemActions/useHandleWalletItem/useHandleWalletItem.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/FooterAnimationContext/index.js';
+import { FilterChain } from '../../../functions/walletFilters/index.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/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 { useWalletOptions } from '../../useWalletOptions/useWalletOptions.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 resolvePromiseRef = (promise, value) => {
+    if (!promise.current)
+        return;
+    promise.current.resolve(value);
+    promise.current = null;
+};
+const rejectPromiseRef = (
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+promise, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+error) => {
+    if (!promise.current)
+        return;
+    promise.current.reject(error);
+    promise.current = null;
+};
+const useConnectWalletForFunding = ({ externalWalletFundingEnabled, }) => {
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
+    const { setView } = useViewContext();
+    const { walletOptions } = useWalletOptions();
+    const internalConnectionPromiseRef = useRef(null);
+    const connectWalletPromiseRef = useRef(null);
+    const handleWalletMethod = useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
+        const address = yield props.walletConnector.getAddress(props.getAddressOpts);
+        if (!address) {
+            rejectPromiseRef(internalConnectionPromiseRef, new DynamicError('No wallet address found'));
+            return;
+        }
+        resolvePromiseRef(internalConnectionPromiseRef, address);
+    }), []);
+    const { handleWalletItemClick } = useHandleWalletItem({
+        allowAlreadyConnectedWallet: true,
+        onConnectOnly: handleWalletMethod,
+        onCustodialWallet: handleWalletMethod,
+        onInstalledExtension: handleWalletMethod,
+        onQrCodeConnect: handleWalletMethod,
+    });
+    useInternalDynamicEvents('authFlowClose', () => {
+        rejectPromiseRef(connectWalletPromiseRef, new DynamicError('User cancelled'));
+    });
+    const getWalletAddress = useCallback((walletConnector) => {
+        const walletOption = walletOptions.find(({ key }) => key === walletConnector.key);
+        if (!walletOption)
+            return Promise.reject(new DynamicError(`Connect wallet for funding error: wallet option for ${walletConnector.key} not found`));
+        internalConnectionPromiseRef.current = new DeferredPromise();
+        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'));
+        }
+        if (connectWalletPromiseRef.current) {
+            return connectWalletPromiseRef.current.promise;
+        }
+        connectWalletPromiseRef.current = new DeferredPromise();
+        setView('external-funding-wallet-list', {
+            onSelectWallet: (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector }) {
+                if (!connectWalletPromiseRef.current)
+                    return;
+                try {
+                    const walletAddress = yield getWalletAddress(walletConnector);
+                    if (!walletAddress) {
+                        rejectPromiseRef(connectWalletPromiseRef, new DynamicError('No wallet address found'));
+                        return;
+                    }
+                    const wallet = walletConnector.createWallet({
+                        address: walletAddress,
+                        chain: walletConnector.connectedChain,
+                        connector: walletConnector,
+                        id: 'external-funding-wallet',
+                        isAuthenticated: false,
+                        key: walletConnector.key,
+                    });
+                    resolvePromiseRef(connectWalletPromiseRef, wallet);
+                }
+                catch (error) {
+                    rejectPromiseRef(connectWalletPromiseRef, error);
+                    return;
+                }
+                finally {
+                    setShowAuthFlow(false);
+                }
+            }),
+            viewWalletsFilter: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
+                ? FilterChain(primaryWallet.chain)
+                : undefined,
+        });
+        setShowAuthFlow(true, {
+            emitCancelAuth: false,
+            ignoreIfIsEmbeddedWidget: true,
+            initializeWalletConnect: true,
+            performMultiWalletChecks: false,
+        });
+        return connectWalletPromiseRef.current.promise;
+    }, [
+        externalWalletFundingEnabled,
+        setView,
+        primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain,
+        setShowAuthFlow,
+        getWalletAddress,
+    ]);
+};
+
+export { rejectPromiseRef, resolvePromiseRef, useConnectWalletForFunding };

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

@@ -0,0 +1,182 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+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('../../../store/state/loadingAndLifecycle.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('@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/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/FooterAnimationContext/index.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/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');
+var OnrampContext = require('../../../context/OnrampContext/OnrampContext.cjs');
+var useConnectWalletForFunding = require('./useConnectWalletForFunding/useConnectWalletForFunding.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 useFunding = () => {
+    var _a, _b;
+    const promiseRef = React.useRef(null);
+    const { setSelectedOnrampProvider, setEnabledOnrampProvidersTarget, setShowOnramp, onrampEnabled, showOnramp, } = OnrampContext.useOnrampContext();
+    const projectSettings$1 = projectSettings.useProjectSettings();
+    const 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);
+    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const fundWithExternalWallet = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ amount, fromWallet, token, }) {
+        if (!externalWalletFundingEnabled) {
+            throw new Error('External wallet funding is not enabled');
+        }
+        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,
+        });
+    });
+    const openOnramp = (_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ onrampProvider, address, token, }) {
+        if (!onrampEnabled) {
+            throw new Error('Onramp is not enabled');
+        }
+        if (promiseRef.current) {
+            return promiseRef.current.promise;
+        }
+        promiseRef.current = new utils.DeferredPromise();
+        if (address || token)
+            setEnabledOnrampProvidersTarget({ address, token });
+        setSelectedOnrampProvider(onrampProvider);
+        setShowOnramp(true);
+        return promiseRef.current.promise;
+    });
+    React.useEffect(() => {
+        if (!showOnramp && promiseRef.current) {
+            useConnectWalletForFunding.rejectPromiseRef(promiseRef, new utils.DynamicError('User cancelled'));
+        }
+    }, [showOnramp]);
+    const connectWalletForFunding = useConnectWalletForFunding.useConnectWalletForFunding({
+        externalWalletFundingEnabled,
+    });
+    return {
+        /**
+         * Connects to an external wallet for funding.
+         * If called with no arguments, it will open a wallet list selector.
+         */
+        connectWalletForFunding,
+        /**
+         * @deprecated use onrampEnabled instead
+         */
+        enabled: onrampEnabled,
+        /**
+         * Whether external wallet funding is enabled
+         */
+        externalWalletFundingEnabled,
+        /**
+         * Triggers a funding transaction from an external wallet to the primary wallet
+         */
+        fundWithExternalWallet,
+        /**
+         * Whether some onramp method is enabled
+         */
+        onrampEnabled,
+        /**
+         * @deprecated use openOnramp instead
+         */
+        openExternalFunding: openOnramp,
+        /**
+         * Opens the onramp modal
+         */
+        openOnramp,
+    };
+};
+
+exports.useFunding = useFunding;