@dynamic-labs/sdk-react-core 4.0.0-alpha.47 → 4.0.0-alpha.49

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js

@@ -20,6 +20,7 @@ import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../../../store/state/nonce/nonce.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
@@ -27,7 +28,6 @@ import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
 import '../../../AccountExistsContext/AccountExistsContext.js';
 import '../../../UserWalletsContext/UserWalletsContext.js';
-import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
@@ -43,7 +43,8 @@ import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/walletConnectorOptions.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
@@ -73,6 +74,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.cjs

@@ -23,6 +23,7 @@ require('../../../CaptchaContext/CaptchaContext.cjs');
 require('../../../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../../../store/state/nonce/nonce.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
@@ -30,7 +31,6 @@ require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../AccountExistsContext/AccountExistsContext.cjs');
 require('../../../UserWalletsContext/UserWalletsContext.cjs');
-require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
@@ -47,7 +47,8 @@ require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../../store/state/walletConnectorOptions.cjs');
+require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../components/Alert/Alert.cjs');
@@ -77,6 +78,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
+require('@dynamic-labs/ethereum-aa');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.js

@@ -19,6 +19,7 @@ import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../../../store/state/nonce/nonce.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
@@ -26,7 +27,6 @@ import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
 import '../../../AccountExistsContext/AccountExistsContext.js';
 import '../../../UserWalletsContext/UserWalletsContext.js';
-import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
@@ -43,7 +43,8 @@ import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/walletConnectorOptions.js';
+import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
@@ -73,6 +74,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -9,18 +9,18 @@ var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs/utils');
+require('../../config/ApiEndpoint.cjs');
+require('../../utils/constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../shared/logger.cjs');
+require('../../utils/constants/colors.cjs');
+require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('../../utils/constants/colors.cjs');
-require('../../utils/constants/values.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('../../shared/consts/index.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-var isOnrampProvider = require('../../utils/functions/isOnrampProvider/isOnrampProvider.cjs');
+require('../../store/state/nonce/nonce.cjs');
 var getWalletAdditionalAddressByType = require('../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../store/state/user/user.cjs');
@@ -33,7 +33,6 @@ require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../UserWalletsContext/UserWalletsContext.cjs');
-require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -49,7 +48,8 @@ require('../../views/CollectUserDataView/useFields.cjs');
 require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../store/state/walletConnectorOptions.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
@@ -79,6 +79,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+require('@dynamic-labs/ethereum-aa');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
@@ -90,46 +91,81 @@ var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/use
 
 const FundingContext = React.createContext(undefined);
 const FundingContextProvider = ({ children, }) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const fundingRef = React.useRef(null);
+    const [enabledOnrampProviders, setEnabledOnrampProviders] = React.useState([]);
+    const [selectedFundingProvider, setSelectedFundingProvider] = React.useState();
     const [showFunding, setShowFunding] = React.useState(false);
     const [supportsFunding, setSupportsFunding] = React.useState(false);
     const [fundingUrl, setFundingUrl] = React.useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider.isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
+    const fundingEnabled = Boolean((_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.length);
+    React.useEffect(() => {
+        var _a;
+        const fundingProvider = enabledOnrampProviders.find((p) => p.provider === selectedFundingProvider);
+        if (!fundingProvider) {
+            setFundingUrl('');
+            setSupportsFunding(false);
+            return;
+        }
+        setFundingUrl((_a = fundingProvider.url) !== null && _a !== void 0 ? _a : '');
+        setSupportsFunding(true);
+    }, [enabledOnrampProviders, selectedFundingProvider]);
+    const setSelectedOnrampProvider = React.useCallback((provider) => {
+        if (!enabledOnrampProviders.length)
+            return;
+        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === provider);
+        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url)) {
+            setSupportsFunding(false);
+            return;
+        }
+        setSelectedFundingProvider(provider);
+    }, [enabledOnrampProviders, setEnabledOnrampProviders]);
     const updateSupportsFunding = React.useCallback((...args_1) => _tslib.__awaiter(void 0, [...args_1], void 0, function* ({ address, token } = {}) {
-        var _c;
+        var _f;
         if (!fundingEnabled)
             return;
         if (!primaryWallet)
             return;
-        const chainName = (_c = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _c === void 0 ? void 0 : _c.name;
+        const chainName = (_f = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _f === void 0 ? void 0 : _f.name;
         if (!chainName)
             return;
         const bitcoinAddress = walletConnectorCore.isBitcoinConnector(primaryWallet.connector) &&
             getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, primaryWallet);
         const chainHasNetwork = network && chainName === 'evm';
         try {
-            const [{ url }] = yield onramp.getOnrampProviders({
+            const onrampProviders = yield onramp.getOnrampProviders({
                 chain: chainName,
                 environmentId,
                 networkId: chainHasNetwork ? network.toString() : undefined,
                 token,
                 walletAddress: address || bitcoinAddress || primaryWallet.address,
             });
-            if (!url)
-                throw new Error('No onramp url found');
-            setFundingUrl(url);
-            setSupportsFunding(true);
+            const enabledOnrampProviders = onrampProviders.filter((p) => {
+                var _a, _b, _c;
+                return (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.includes(p.provider);
+            });
+            if (enabledOnrampProviders.length) {
+                setSupportsFunding(true);
+            }
+            setEnabledOnrampProviders(enabledOnrampProviders);
         }
         catch (error) {
             setSupportsFunding(false);
         }
-    }), [environmentId, fundingEnabled, network, primaryWallet]);
+    }), [
+        environmentId,
+        fundingEnabled,
+        network,
+        primaryWallet,
+        (_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.funding) === null || _e === void 0 ? void 0 : _e.onramps,
+    ]);
     const value = React.useMemo(() => ({
         fundingEnabled,
         fundingRef,
         fundingUrl,
+        selectedFundingProvider,
+        setSelectedOnrampProvider,
         setShowFunding,
         showFunding,
         supportsFunding,
@@ -137,6 +173,8 @@ const FundingContextProvider = ({ children, }) => {
     }), [
         fundingEnabled,
         fundingUrl,
+        selectedFundingProvider,
+        setSelectedOnrampProvider,
         showFunding,
         supportsFunding,
         updateSupportsFunding,

package/src/lib/context/FundingContext/FundingContext.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode, SetStateAction, Dispatch } from 'react';
+import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 export type FundingContextProps = {
     updateSupportsFunding: (props?: {
         address?: string;
@@ -10,6 +11,7 @@ export type FundingContextProps = {
     setShowFunding: Dispatch<SetStateAction<boolean>>;
     showFunding: boolean;
     supportsFunding: boolean;
+    setSelectedOnrampProvider: (provider: ProviderEnum) => void;
 };
 export declare const FundingContext: import("react").Context<FundingContextProps | undefined>;
 export declare const FundingContextProvider: ({ children, }: {

package/src/lib/context/FundingContext/FundingContext.js

@@ -1,22 +1,22 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useRef, useState, useCallback, useMemo, useEffect } from 'react';
+import { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo } from 'react';
 import { getChainInfo, isBitcoinConnector } from '@dynamic-labs/wallet-connector-core';
 import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
+import '../../config/ApiEndpoint.js';
+import '../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
 import '../../shared/logger.js';
+import '../../utils/constants/colors.js';
+import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '../../utils/constants/colors.js';
-import '../../utils/constants/values.js';
 import '../../store/state/loadingAndLifecycle.js';
 import '../../shared/consts/index.js';
-import '../../config/ApiEndpoint.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import { isOnrampProvider } from '../../utils/functions/isOnrampProvider/isOnrampProvider.js';
+import '../../store/state/nonce/nonce.js';
 import { getWalletAdditionalAddressByType } from '../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
 import '../../store/state/projectSettings/projectSettings.js';
 import '../../store/state/user/user.js';
@@ -29,7 +29,6 @@ import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../UserWalletsContext/UserWalletsContext.js';
-import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -45,7 +44,8 @@ import '../../views/CollectUserDataView/useFields.js';
 import '../FieldsStateContext/FieldsStateContext.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../store/state/walletConnectorOptions.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
@@ -75,6 +75,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import '@dynamic-labs/ethereum-aa';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
@@ -86,46 +87,81 @@ import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/u
 
 const FundingContext = createContext(undefined);
 const FundingContextProvider = ({ children, }) => {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const fundingRef = useRef(null);
+    const [enabledOnrampProviders, setEnabledOnrampProviders] = useState([]);
+    const [selectedFundingProvider, setSelectedFundingProvider] = useState();
     const [showFunding, setShowFunding] = useState(false);
     const [supportsFunding, setSupportsFunding] = useState(false);
     const [fundingUrl, setFundingUrl] = useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext();
-    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
+    const fundingEnabled = Boolean((_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.length);
+    useEffect(() => {
+        var _a;
+        const fundingProvider = enabledOnrampProviders.find((p) => p.provider === selectedFundingProvider);
+        if (!fundingProvider) {
+            setFundingUrl('');
+            setSupportsFunding(false);
+            return;
+        }
+        setFundingUrl((_a = fundingProvider.url) !== null && _a !== void 0 ? _a : '');
+        setSupportsFunding(true);
+    }, [enabledOnrampProviders, selectedFundingProvider]);
+    const setSelectedOnrampProvider = useCallback((provider) => {
+        if (!enabledOnrampProviders.length)
+            return;
+        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === provider);
+        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url)) {
+            setSupportsFunding(false);
+            return;
+        }
+        setSelectedFundingProvider(provider);
+    }, [enabledOnrampProviders, setEnabledOnrampProviders]);
     const updateSupportsFunding = useCallback((...args_1) => __awaiter(void 0, [...args_1], void 0, function* ({ address, token } = {}) {
-        var _c;
+        var _f;
         if (!fundingEnabled)
             return;
         if (!primaryWallet)
             return;
-        const chainName = (_c = getChainInfo(primaryWallet.chain)) === null || _c === void 0 ? void 0 : _c.name;
+        const chainName = (_f = getChainInfo(primaryWallet.chain)) === null || _f === void 0 ? void 0 : _f.name;
         if (!chainName)
             return;
         const bitcoinAddress = isBitcoinConnector(primaryWallet.connector) &&
             getWalletAdditionalAddressByType(WalletAddressType.Payment, primaryWallet);
         const chainHasNetwork = network && chainName === 'evm';
         try {
-            const [{ url }] = yield getOnrampProviders({
+            const onrampProviders = yield getOnrampProviders({
                 chain: chainName,
                 environmentId,
                 networkId: chainHasNetwork ? network.toString() : undefined,
                 token,
                 walletAddress: address || bitcoinAddress || primaryWallet.address,
             });
-            if (!url)
-                throw new Error('No onramp url found');
-            setFundingUrl(url);
-            setSupportsFunding(true);
+            const enabledOnrampProviders = onrampProviders.filter((p) => {
+                var _a, _b, _c;
+                return (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.includes(p.provider);
+            });
+            if (enabledOnrampProviders.length) {
+                setSupportsFunding(true);
+            }
+            setEnabledOnrampProviders(enabledOnrampProviders);
         }
         catch (error) {
             setSupportsFunding(false);
         }
-    }), [environmentId, fundingEnabled, network, primaryWallet]);
+    }), [
+        environmentId,
+        fundingEnabled,
+        network,
+        primaryWallet,
+        (_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.funding) === null || _e === void 0 ? void 0 : _e.onramps,
+    ]);
     const value = useMemo(() => ({
         fundingEnabled,
         fundingRef,
         fundingUrl,
+        selectedFundingProvider,
+        setSelectedOnrampProvider,
         setShowFunding,
         showFunding,
         supportsFunding,
@@ -133,6 +169,8 @@ const FundingContextProvider = ({ children, }) => {
     }), [
         fundingEnabled,
         fundingUrl,
+        selectedFundingProvider,
+        setSelectedOnrampProvider,
         showFunding,
         supportsFunding,
         updateSupportsFunding,

package/src/lib/context/FundingContext/useFunding/useFunding.cjs

@@ -7,21 +7,119 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var FundingContext = require('../FundingContext.cjs');
+require('../../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('../../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+require('../../../store/state/loadingAndLifecycle.cjs');
+require('../../../shared/consts/index.cjs');
+var useDynamicEvents = require('../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
+require('../../CaptchaContext/CaptchaContext.cjs');
+require('../../ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../store/state/user/user.cjs');
+require('../../../locale/locale.cjs');
+require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../AccountExistsContext/AccountExistsContext.cjs');
+require('../../UserWalletsContext/UserWalletsContext.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../utils/functions/compareChains/compareChains.cjs');
+require('../../WalletContext/WalletContext.cjs');
+require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../ThemeContext/ThemeContext.cjs');
+require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../FieldsStateContext/FieldsStateContext.cjs');
+require('../../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.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('../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+var index = require('../../../utils/functions/walletFilters/index.cjs');
+require('../../FooterAnimationContext/index.cjs');
+require('../../WalletGroupContext/WalletGroupContext.cjs');
+require('../../IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../PasskeyContext/PasskeyContext.cjs');
+require('../../../store/state/sendBalances.cjs');
+require('@dynamic-labs/ethereum-aa');
+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('../../../../index.cjs');
+require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useFunding = () => {
     const promiseRef = React.useRef(null);
-    const { fundingEnabled, setShowFunding, showFunding, updateSupportsFunding } = FundingContext.useFundingContext();
-    const openFunding = (...args_1) => _tslib.__awaiter(void 0, [...args_1], void 0, function* ({ address, token } = {}) {
+    const connectWalletPromiseRef = React.useRef(null);
+    const { fundingEnabled, setShowFunding, showFunding, setSelectedOnrampProvider, updateSupportsFunding, } = FundingContext.useFundingContext();
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const fundWithExternalWallet = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ amount, fromWallet, }) {
+        if (!amount || !fromWallet) {
+            throw new Error('Amount and fromWallet are required');
+        }
+        if (!primaryWallet) {
+            throw new Error('Primary wallet not found');
+        }
+        const toAddress = primaryWallet.address;
+        return fromWallet.sendBalance({
+            amount: amount.toString(),
+            toAddress,
+        });
+    });
+    const openExternalFunding = (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ onrampProvider, address, token, }) {
         if (!fundingEnabled) {
             throw new Error('Funding is not enabled');
         }
         if (promiseRef.current) {
             return promiseRef.current.promise;
         }
+        promiseRef.current = new utils.DeferredPromise();
         if (address || token) {
             yield updateSupportsFunding({ address, token });
         }
-        promiseRef.current = new utils.DeferredPromise();
+        setSelectedOnrampProvider(onrampProvider);
         setShowFunding(true);
         return promiseRef.current.promise;
     });
@@ -31,9 +129,63 @@ const useFunding = () => {
             promiseRef.current = null;
         }
     }, [showFunding]);
+    const { setView } = ViewContext.useViewContext();
+    useDynamicEvents.useInternalDynamicEvents('authFlowClose', () => {
+        connectWalletPromiseRef.current = null;
+    });
+    const connectWalletForFunding = React.useCallback(() => {
+        if (!fundingEnabled) {
+            return Promise.reject(new Error('Funding is not enabled'));
+        }
+        if (connectWalletPromiseRef.current) {
+            return connectWalletPromiseRef.current;
+        }
+        connectWalletPromiseRef.current = new Promise((resolve, reject) => {
+            setView('external-funding-wallet-list', {
+                onSelectWallet: (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector }) {
+                    try {
+                        const walletAddress = yield walletConnector.getAddress();
+                        if (!walletAddress) {
+                            reject(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,
+                        });
+                        resolve(wallet);
+                    }
+                    catch (error) {
+                        reject(error);
+                        return;
+                    }
+                    finally {
+                        connectWalletPromiseRef.current = null;
+                        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;
+    }, [fundingEnabled, setView, setShowAuthFlow]);
     return {
+        connectWalletForFunding,
         enabled: fundingEnabled,
-        openFunding,
+        fundWithExternalWallet,
+        openExternalFunding,
     };
 };
 

package/src/lib/context/FundingContext/useFunding/useFunding.d.ts

@@ -1,9 +1,18 @@
+import { OnrampProviders } from '@dynamic-labs/sdk-api-core';
+import { Wallet } from '@dynamic-labs/wallet-connector-core';
 type OpenFundingProps = {
     address?: string;
     token?: string;
+    onrampProvider: OnrampProviders;
+};
+type FundWithWalletParams = {
+    amount: number;
+    fromWallet: Wallet;
 };
 export declare const useFunding: () => {
+    connectWalletForFunding: () => Promise<Wallet>;
     enabled: boolean;
-    openFunding: ({ address, token }?: OpenFundingProps) => Promise<void>;
+    fundWithExternalWallet: ({ amount, fromWallet, }: FundWithWalletParams) => Promise<string | undefined>;
+    openExternalFunding: ({ onrampProvider, address, token, }: OpenFundingProps) => Promise<void>;
 };
 export {};