@dynamic-labs/sdk-react-core 4.25.10 → 4.27.0

package/src/lib/context/DynamicContext/useCustomerCallbacks/isExpectingEmbeddedWallet/isExpectingEmbeddedWallet.js

@@ -0,0 +1,14 @@
+'use client'
+const isExpectingEmbeddedWallet = (projectSettings) => {
+    var _a;
+    if (!projectSettings.sdk.automaticEmbeddedWalletCreation) {
+        return false;
+    }
+    const chainConfigurations = (_a = projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.chainConfigurations;
+    if (!chainConfigurations) {
+        return false;
+    }
+    return chainConfigurations.some((config) => config.enabled);
+};
+
+export { isExpectingEmbeddedWallet };

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.cjs

@@ -16,6 +16,8 @@ require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../shared/consts/index.cjs');
 var isAuthenticatedWithAWallet = require('../../../utils/functions/isAuthenticatedWithAWallet/isAuthenticatedWithAWallet.cjs');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
+var isExpectingEmbeddedWallet = require('./isExpectingEmbeddedWallet/isExpectingEmbeddedWallet.cjs');
 
 const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
@@ -34,8 +36,9 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
             logger.logger.error('Error calling onAuthSuccess: ', e);
         }
     }, [handleLogOut, isAuthenticated, onAuthSuccess, primaryWallet]);
+    const projectSettings$1 = projectSettings.useProjectSettings();
     React.useEffect(() => {
-        if (!callbackQueue.length || !user)
+        if (!callbackQueue.length || !user || !projectSettings$1)
             return;
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
@@ -44,6 +47,11 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (isAuthenticatedWithAWallet.isAuthenticatedWithAWallet(user) && !primaryWallet) {
             return;
         }
+        // For embedded wallets, when auto creating wallets, it will take a while
+        // before the wallet is available, so we need to wait
+        if (isExpectingEmbeddedWallet.isExpectingEmbeddedWallet(projectSettings$1) && !primaryWallet) {
+            return;
+        }
         handleNextCallback(callbackQueue[0], user);
         setCallbackQueue((prev) => {
             const [resolvedCallback, ...updatedQueue] = prev;
@@ -53,7 +61,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
             }
             return updatedQueue;
         });
-    }, [callbackQueue, handleNextCallback, primaryWallet, user]);
+    }, [callbackQueue, handleNextCallback, primaryWallet, projectSettings$1, user]);
     const setCallback = React.useCallback((callback, params) => {
         setCallbackQueue((prev) => [...prev, { callback, params }]);
     }, []);

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerCallbacks.js

@@ -12,6 +12,8 @@ import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/consts/index.js';
 import { isAuthenticatedWithAWallet } from '../../../utils/functions/isAuthenticatedWithAWallet/isAuthenticatedWithAWallet.js';
+import { useProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
+import { isExpectingEmbeddedWallet } from './isExpectingEmbeddedWallet/isExpectingEmbeddedWallet.js';
 
 const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
@@ -30,8 +32,9 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
             logger.error('Error calling onAuthSuccess: ', e);
         }
     }, [handleLogOut, isAuthenticated, onAuthSuccess, primaryWallet]);
+    const projectSettings = useProjectSettings();
     useEffect(() => {
-        if (!callbackQueue.length || !user)
+        if (!callbackQueue.length || !user || !projectSettings)
             return;
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
@@ -40,6 +43,11 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         if (isAuthenticatedWithAWallet(user) && !primaryWallet) {
             return;
         }
+        // For embedded wallets, when auto creating wallets, it will take a while
+        // before the wallet is available, so we need to wait
+        if (isExpectingEmbeddedWallet(projectSettings) && !primaryWallet) {
+            return;
+        }
         handleNextCallback(callbackQueue[0], user);
         setCallbackQueue((prev) => {
             const [resolvedCallback, ...updatedQueue] = prev;
@@ -49,7 +57,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
             }
             return updatedQueue;
         });
-    }, [callbackQueue, handleNextCallback, primaryWallet, user]);
+    }, [callbackQueue, handleNextCallback, primaryWallet, projectSettings, user]);
     const setCallback = useCallback((callback, params) => {
         setCallbackQueue((prev) => [...prev, { callback, params }]);
     }, []);

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

@@ -26,10 +26,10 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../../../client/client.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
+require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -89,13 +89,13 @@ require('../../../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../FooterAnimationContext/index.cjs');
 require('../../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
+require('../../../OnrampContext/OnrampContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
-require('../../../OnrampContext/OnrampContext.cjs');
 require('../../../../../index.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');

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

@@ -22,10 +22,10 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../../../client/client.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
+import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
+import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -85,13 +85,13 @@ import '../../../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../FooterAnimationContext/index.js';
 import '../../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../PasskeyContext/PasskeyContext.js';
+import '../../../OnrampContext/OnrampContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
-import '../../../OnrampContext/OnrampContext.js';
 import '../../../../../index.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -26,11 +26,11 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../config/ApiEndpoint.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
-require('../../config/ApiEndpoint.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -88,13 +88,13 @@ require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
+require('../OnrampContext/OnrampContext.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
-require('../OnrampContext/OnrampContext.cjs');
 require('../../../index.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -22,11 +22,11 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../config/ApiEndpoint.js';
 import '../../events/dynamicEvents.js';
 import '../../store/state/projectSettings/projectSettings.js';
-import '../../config/ApiEndpoint.js';
 import '../../locale/locale.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
@@ -84,13 +84,13 @@ import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../FooterAnimationContext/index.js';
 import '../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../PasskeyContext/PasskeyContext.js';
+import '../OnrampContext/OnrampContext.js';
 import '../../store/state/sendBalances.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
-import '../OnrampContext/OnrampContext.js';
 import '../../../index.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/context/MockContext/MockContext.cjs

@@ -31,10 +31,10 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../client/client.cjs');
-require('../../store/state/projectSettings/projectSettings.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../config/ApiEndpoint.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -85,6 +85,7 @@ require('../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../OnrampContext/OnrampContext.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -27,10 +27,10 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../client/client.js';
-import '../../store/state/projectSettings/projectSettings.js';
+import '@dynamic-labs-sdk/client';
 import '../../config/ApiEndpoint.js';
+import '../../store/state/projectSettings/projectSettings.js';
 import '../../locale/locale.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
@@ -81,6 +81,7 @@ import '../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../OnrampContext/OnrampContext.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/context/OnrampContext/OnrampContext.cjs

@@ -28,10 +28,11 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../client/client.cjs');
-require('../../store/state/projectSettings/projectSettings.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../config/ApiEndpoint.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
+var onramp = require('../../data/api/onramp/onramp.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -120,6 +121,15 @@ const OnrampContextProvider = ({ children, }) => {
             rejectPromiseRef.rejectPromiseRef(promiseRef, new utils.DynamicError('User cancelled'));
         }
     }, []);
+    const setEnabledOnrampProvidersTargetValue = React.useCallback(({ address, token, network, tokenAmount, chainName, }) => {
+        setEnabledOnrampProvidersTarget({
+            address,
+            chainName,
+            network,
+            token,
+            tokenAmount,
+        });
+    }, []);
     const { enabledOnRamps: enabledOnrampProvidersInDashboard, allOnRamps } = useOnrampProviders.useOnrampProviders({
         environmentId,
         includeDisabled: true,
@@ -162,9 +172,9 @@ const OnrampContextProvider = ({ children, }) => {
         overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
     ]);
     const hasPrimaryWallet = React.useMemo(() => Boolean(primaryWallet), [primaryWallet]);
-    const setSelectedAndShowOnramp = React.useCallback((provider, wallet) => {
+    const setSelectedAndShowOnramp = React.useCallback(({ provider, wallet, payingWithDynamic, }) => {
         var _a;
-        if (hasPrimaryWallet) {
+        if (hasPrimaryWallet || payingWithDynamic) {
             setSelectedOnrampProvider(provider.id);
         }
         setShowOnramp(true);
@@ -186,8 +196,8 @@ const OnrampContextProvider = ({ children, }) => {
         onrampOverrides,
         overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
     ]);
-    const openOnramp = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token, overrideOnRamp, }) {
-        if (!onrampEnabled && !overrideOnRamp) {
+    const openOnramp = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token, tokenAmount, network, chainName, overrideOnRamp, payingWithDynamic, }) {
+        if (!onrampEnabled && !overrideOnRamp && !payingWithDynamic) {
             throw new Error('Onramp is not enabled');
         }
         setOverride(false);
@@ -195,10 +205,32 @@ const OnrampContextProvider = ({ children, }) => {
             return promiseRef.current.promise;
         }
         promiseRef.current = new utils.DeferredPromise();
-        if (address || token)
-            setEnabledOnrampProvidersTarget({ address, token });
+        if (address || token || network || tokenAmount || chainName)
+            setEnabledOnrampProvidersTarget({
+                address,
+                chainName,
+                network,
+                token,
+                tokenAmount,
+            });
+        let enabledOnRampsToCheck = enabledOnrampProviders;
+        const allPayingParameters = chainName && network && token && tokenAmount && address;
+        if (payingWithDynamic && allPayingParameters) {
+            enabledOnRampsToCheck = (yield onramp.getOnrampProviders({
+                chain: chainName,
+                environmentId,
+                includeDisabled: false,
+                networkId: network,
+                token: token,
+                tokenAmount: tokenAmount,
+                walletAddress: address,
+            })).map((provider) => onrampConfigurationToOnrampOption.onrampConfigurationToOnrampOption(provider));
+        }
         let onrampOption;
-        onrampOption = enabledOnrampProviders.find((p) => p.id === onrampProvider);
+        onrampOption = enabledOnRampsToCheck.find((p) => p.id === onrampProvider);
+        if (payingWithDynamic && !onrampOption) {
+            throw new Error('PayingWithDynamic: Onramp provider not found');
+        }
         if (overrideOnRamp) {
             onrampOption = allOnrampProvidersInDashboardOptions.find((p) => p.id === onrampProvider);
             setOverride(true);
@@ -206,11 +238,12 @@ const OnrampContextProvider = ({ children, }) => {
         if (!onrampOption) {
             throw new Error('Onramp provider not found');
         }
-        setSelectedAndShowOnramp(onrampOption);
+        setSelectedAndShowOnramp({ payingWithDynamic, provider: onrampOption });
         return promiseRef.current.promise;
     }), [
         allOnrampProvidersInDashboardOptions,
         enabledOnrampProviders,
+        environmentId,
         onrampEnabled,
         setSelectedAndShowOnramp,
     ]);
@@ -234,7 +267,7 @@ const OnrampContextProvider = ({ children, }) => {
             provider.onClick({ wallet });
             return;
         }
-        setSelectedAndShowOnramp(provider, wallet);
+        setSelectedAndShowOnramp({ provider, wallet });
     }, [setSelectedAndShowOnramp]);
     const value = React.useMemo(() => ({
         enabledOnrampProviders,
@@ -242,6 +275,7 @@ const OnrampContextProvider = ({ children, }) => {
         openOnramp,
         selectOnrampProvider,
         selectedOnramp,
+        setEnabledOnrampProvidersTargetValue,
         setShowOnramp,
         showOnramp,
     }), [
@@ -249,6 +283,7 @@ const OnrampContextProvider = ({ children, }) => {
         onrampEnabled,
         openOnramp,
         selectedOnramp,
+        setEnabledOnrampProvidersTargetValue,
         showOnramp,
         setShowOnramp,
         selectOnrampProvider,

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

@@ -6,7 +6,11 @@ type OpenOnrampProps = {
     address?: string;
     token?: string;
     onrampProvider: OnrampProviders;
+    tokenAmount?: number;
+    network?: string;
+    chainName?: string;
     overrideOnRamp?: boolean;
+    payingWithDynamic?: boolean;
 };
 export type OnrampContextReturn = {
     onrampEnabled: boolean;
@@ -19,6 +23,13 @@ export type OnrampContextReturn = {
         provider: OnrampOption;
         wallet: Wallet;
     }) => void;
+    setEnabledOnrampProvidersTargetValue: (target: {
+        address?: string;
+        token?: string;
+        network?: string;
+        tokenAmount?: number;
+        chainName?: string;
+    }) => void;
 };
 export declare const OnrampContext: import("react").Context<OnrampContextReturn | undefined>;
 export declare const OnrampContextProvider: ({ children, }: {

package/src/lib/context/OnrampContext/OnrampContext.js

@@ -24,10 +24,11 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../client/client.js';
-import '../../store/state/projectSettings/projectSettings.js';
+import '@dynamic-labs-sdk/client';
 import '../../config/ApiEndpoint.js';
+import '../../store/state/projectSettings/projectSettings.js';
+import { getOnrampProviders } from '../../data/api/onramp/onramp.js';
 import '../../locale/locale.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
@@ -116,6 +117,15 @@ const OnrampContextProvider = ({ children, }) => {
             rejectPromiseRef(promiseRef, new DynamicError('User cancelled'));
         }
     }, []);
+    const setEnabledOnrampProvidersTargetValue = useCallback(({ address, token, network, tokenAmount, chainName, }) => {
+        setEnabledOnrampProvidersTarget({
+            address,
+            chainName,
+            network,
+            token,
+            tokenAmount,
+        });
+    }, []);
     const { enabledOnRamps: enabledOnrampProvidersInDashboard, allOnRamps } = useOnrampProviders({
         environmentId,
         includeDisabled: true,
@@ -158,9 +168,9 @@ const OnrampContextProvider = ({ children, }) => {
         overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
     ]);
     const hasPrimaryWallet = useMemo(() => Boolean(primaryWallet), [primaryWallet]);
-    const setSelectedAndShowOnramp = useCallback((provider, wallet) => {
+    const setSelectedAndShowOnramp = useCallback(({ provider, wallet, payingWithDynamic, }) => {
         var _a;
-        if (hasPrimaryWallet) {
+        if (hasPrimaryWallet || payingWithDynamic) {
             setSelectedOnrampProvider(provider.id);
         }
         setShowOnramp(true);
@@ -182,8 +192,8 @@ const OnrampContextProvider = ({ children, }) => {
         onrampOverrides,
         overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions,
     ]);
-    const openOnramp = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token, overrideOnRamp, }) {
-        if (!onrampEnabled && !overrideOnRamp) {
+    const openOnramp = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token, tokenAmount, network, chainName, overrideOnRamp, payingWithDynamic, }) {
+        if (!onrampEnabled && !overrideOnRamp && !payingWithDynamic) {
             throw new Error('Onramp is not enabled');
         }
         setOverride(false);
@@ -191,10 +201,32 @@ const OnrampContextProvider = ({ children, }) => {
             return promiseRef.current.promise;
         }
         promiseRef.current = new DeferredPromise();
-        if (address || token)
-            setEnabledOnrampProvidersTarget({ address, token });
+        if (address || token || network || tokenAmount || chainName)
+            setEnabledOnrampProvidersTarget({
+                address,
+                chainName,
+                network,
+                token,
+                tokenAmount,
+            });
+        let enabledOnRampsToCheck = enabledOnrampProviders;
+        const allPayingParameters = chainName && network && token && tokenAmount && address;
+        if (payingWithDynamic && allPayingParameters) {
+            enabledOnRampsToCheck = (yield getOnrampProviders({
+                chain: chainName,
+                environmentId,
+                includeDisabled: false,
+                networkId: network,
+                token: token,
+                tokenAmount: tokenAmount,
+                walletAddress: address,
+            })).map((provider) => onrampConfigurationToOnrampOption(provider));
+        }
         let onrampOption;
-        onrampOption = enabledOnrampProviders.find((p) => p.id === onrampProvider);
+        onrampOption = enabledOnRampsToCheck.find((p) => p.id === onrampProvider);
+        if (payingWithDynamic && !onrampOption) {
+            throw new Error('PayingWithDynamic: Onramp provider not found');
+        }
         if (overrideOnRamp) {
             onrampOption = allOnrampProvidersInDashboardOptions.find((p) => p.id === onrampProvider);
             setOverride(true);
@@ -202,11 +234,12 @@ const OnrampContextProvider = ({ children, }) => {
         if (!onrampOption) {
             throw new Error('Onramp provider not found');
         }
-        setSelectedAndShowOnramp(onrampOption);
+        setSelectedAndShowOnramp({ payingWithDynamic, provider: onrampOption });
         return promiseRef.current.promise;
     }), [
         allOnrampProvidersInDashboardOptions,
         enabledOnrampProviders,
+        environmentId,
         onrampEnabled,
         setSelectedAndShowOnramp,
     ]);
@@ -230,7 +263,7 @@ const OnrampContextProvider = ({ children, }) => {
             provider.onClick({ wallet });
             return;
         }
-        setSelectedAndShowOnramp(provider, wallet);
+        setSelectedAndShowOnramp({ provider, wallet });
     }, [setSelectedAndShowOnramp]);
     const value = useMemo(() => ({
         enabledOnrampProviders,
@@ -238,6 +271,7 @@ const OnrampContextProvider = ({ children, }) => {
         openOnramp,
         selectOnrampProvider,
         selectedOnramp,
+        setEnabledOnrampProvidersTargetValue,
         setShowOnramp,
         showOnramp,
     }), [
@@ -245,6 +279,7 @@ const OnrampContextProvider = ({ children, }) => {
         onrampEnabled,
         openOnramp,
         selectedOnramp,
+        setEnabledOnrampProvidersTargetValue,
         showOnramp,
         setShowOnramp,
         selectOnrampProvider,

package/src/lib/context/OnrampContext/useOnrampProviders/useOnrampProviders.cjs

@@ -12,24 +12,36 @@ var getWalletAdditionalAddressByType = require('../../../utils/functions/getWall
 var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 
 const useOnrampProviders = ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, includeDisabled, }) => {
-    var _a;
+    var _a, _b;
     const chainName = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
         ? (_a = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _a === void 0 ? void 0 : _a.name
         : undefined;
+    const chainNameToUse = (_b = target.chainName) !== null && _b !== void 0 ? _b : chainName;
     const bitcoinAddress = primaryWallet &&
         walletConnectorCore.isBitcoinConnector(primaryWallet.connector) &&
         getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, primaryWallet);
-    const chainHasNetwork = network && chainName === 'evm';
+    const chainHasNetwork = network && chainNameToUse === 'evm';
+    let networkToUse;
+    if (target.network) {
+        networkToUse = target.network;
+    }
+    else {
+        networkToUse = chainHasNetwork ? network.toString() : undefined;
+    }
     const { data: allOnRamps = [] } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        if (!chainName || !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address))
+        if (!chainNameToUse || (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) && !target.address))
+            return [];
+        const walletAddress = target.address || bitcoinAddress || (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address);
+        if (!walletAddress)
             return [];
         return onramp.getOnrampProviders({
-            chain: chainName,
+            chain: chainNameToUse,
             environmentId,
             includeDisabled: true,
-            networkId: chainHasNetwork ? network.toString() : undefined,
+            networkId: networkToUse,
             token: target.token,
-            walletAddress: target.address || bitcoinAddress || primaryWallet.address,
+            tokenAmount: target.tokenAmount,
+            walletAddress: walletAddress,
         });
     }), {
         deps: [
@@ -38,6 +50,9 @@ const useOnrampProviders = ({ primaryWallet, network, environmentId, projectSett
             primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address,
             target.address,
             target.token,
+            target.tokenAmount,
+            target.chainName,
+            target.network,
         ],
         // no need to fetch onramp providers if there are none enabled
         enabled: includeDisabled || Boolean(projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.length),

package/src/lib/context/OnrampContext/useOnrampProviders/useOnrampProviders.d.ts

@@ -3,6 +3,9 @@ import { type Wallet } from '@dynamic-labs/wallet-connector-core';
 export type OnrampProvidersTarget = {
     address?: string;
     token?: string;
+    tokenAmount?: number;
+    network?: string;
+    chainName?: string;
 };
 type UseOnrampProvidersProps = {
     projectSettingsOnramps: OnrampProviders[] | undefined;