@dynamic-labs/sdk-react-core 4.31.1 → 4.31.3

package/CHANGELOG.md

@@ -1,4 +1,23 @@
 
+### [4.31.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.31.2...v4.31.3) (2025-09-15)
+
+
+### Features
+
+* offramp links ([#9494](https://github.com/dynamic-labs/dynamic-auth/issues/9494)) ([47ff2fd](https://github.com/dynamic-labs/dynamic-auth/commit/47ff2fda1721e08fe21551b1ceb01a9f7a574cbf))
+
+
+### Bug Fixes
+
+* restructure OnrampContext with improved provider management ([#9490](https://github.com/dynamic-labs/dynamic-auth/issues/9490)) ([16bf0fc](https://github.com/dynamic-labs/dynamic-auth/commit/16bf0fc1884cb4979bbcf7cca9b77410e4957b6b))
+
+### [4.31.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.31.1...v4.31.2) (2025-09-11)
+
+
+### Bug Fixes
+
+* issue with Safe Wallet not auto-connecting on a Safe App ([#9479](https://github.com/dynamic-labs/dynamic-auth/issues/9479)) ([fc7458d](https://github.com/dynamic-labs/dynamic-auth/commit/fc7458db2481ed1d4cba62297f768f5e409ea0b5))
+
 ### [4.31.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.31.0...v4.31.1) (2025-09-10)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.31.1";
+var version = "4.31.3";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.762",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.3",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.31.1";
+var version = "4.31.3";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.762",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.31.1",
+  "version": "4.31.3",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.762",
     "@dynamic-labs-sdk/client": "0.1.0-alpha.3",
@@ -15,16 +15,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.31.1",
-    "@dynamic-labs/iconic": "4.31.1",
-    "@dynamic-labs/logger": "4.31.1",
-    "@dynamic-labs/multi-wallet": "4.31.1",
-    "@dynamic-labs/rpc-providers": "4.31.1",
-    "@dynamic-labs/store": "4.31.1",
-    "@dynamic-labs/types": "4.31.1",
-    "@dynamic-labs/utils": "4.31.1",
-    "@dynamic-labs/wallet-book": "4.31.1",
-    "@dynamic-labs/wallet-connector-core": "4.31.1",
+    "@dynamic-labs/assert-package-version": "4.31.3",
+    "@dynamic-labs/iconic": "4.31.3",
+    "@dynamic-labs/logger": "4.31.3",
+    "@dynamic-labs/multi-wallet": "4.31.3",
+    "@dynamic-labs/rpc-providers": "4.31.3",
+    "@dynamic-labs/store": "4.31.3",
+    "@dynamic-labs/types": "4.31.3",
+    "@dynamic-labs/utils": "4.31.3",
+    "@dynamic-labs/wallet-book": "4.31.3",
+    "@dynamic-labs/wallet-connector-core": "4.31.3",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.cjs

@@ -9,8 +9,6 @@ var multiWallet = require('@dynamic-labs/multi-wallet');
 var rpcProviders = require('@dynamic-labs/rpc-providers');
 var walletBook = require('@dynamic-labs/wallet-book');
 var useWalletItemActions = require('../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -21,6 +19,10 @@ require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+var walletOptions = require('../../store/state/walletOptions/walletOptions.cjs');
+var connectorsInitializing = require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
@@ -57,7 +59,6 @@ require('../../context/MockContext/MockContext.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-var walletOptions = require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
@@ -92,7 +93,6 @@ require('../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs')
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../store/state/sendBalances.cjs');
-var connectorsInitializing = require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
@@ -179,12 +179,18 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
             });
             const walletConnectorOptions = walletOptions.getWalletConnectorOptions();
             const updatedConnectors = [...walletConnectorOptions];
-            pendingReadyConnectorsRef.current.forEach((connector) => {
+            let walletOptionToAutoConnect;
+            pendingReadyConnectorsRef.current.forEach(({ connector, shouldAutoConnect }) => {
                 let foundWallet = false;
                 for (let i = 0; i < updatedConnectors.length; i++) {
-                    if (updatedConnectors[i].key === connector.key) {
-                        foundWallet = true;
+                    const hasSameKey = updatedConnectors[i].key === connector.key;
+                    const isReplacingNonWalletConnectWithWalletConnect = !updatedConnectors[i].walletConnector.isWalletConnect &&
+                        connector.isWalletConnect;
+                    if (hasSameKey && !isReplacingNonWalletConnectWithWalletConnect) {
                         updatedConnectors[i] = Object.assign(Object.assign({}, updatedConnectors[i]), { isInstalledOnBrowser: connector.isInstalledOnBrowser(), walletConnector: connector });
+                    }
+                    if (hasSameKey) {
+                        foundWallet = true;
                         break;
                     }
                 }
@@ -192,15 +198,23 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
                     const newWalletOption = createWallet.createWallet(connectorProps.walletBook, connector);
                     updatedConnectors.push(newWalletOption);
                 }
+                if (shouldAutoConnect) {
+                    walletOptionToAutoConnect = updatedConnectors.find((wallet) => wallet.key === connector.key &&
+                        !wallet.walletConnector.isWalletConnect);
+                }
             });
             walletOptions.mergeWalletConnectorOptions(updatedConnectors);
             pendingReadyConnectorsRef.current = [];
-        };
-        const handleProviderReady = ({ connector, }) => {
-            logger.logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] handleProviderReady', {
-                connector,
+            logger.logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] processReadyConnectors', {
+                walletOptionToAutoConnect,
             });
-            pendingReadyConnectorsRef.current.push(connector);
+            if (walletOptionToAutoConnect && !primaryWallet) {
+                handleWalletItemClick(walletOptionToAutoConnect);
+            }
+        };
+        const handleProviderReady = (props) => {
+            logger.logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] handleProviderReady', props);
+            pendingReadyConnectorsRef.current.push(props);
             if (readyDebounceTimeoutRef.current) {
                 clearTimeout(readyDebounceTimeoutRef.current);
             }
@@ -220,27 +234,7 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
             // Process any remaining connectors on cleanup
             processReadyConnectors();
         };
-    }, [connectorProps.walletBook]);
-    // add listener for autoConnect event
-    React.useEffect(() => {
-        const handleAutoConnect = ({ connector, }) => {
-            logger.logger.debug('[WalletConnectorEvents] handleAutoConnect', { connector });
-            const walletConnectorOptions = walletOptions.getWalletConnectorOptions();
-            const walletOption = walletConnectorOptions.find((wallet) => wallet.walletConnector.key === connector.key);
-            logger.logger.debug('[WalletConnectorEvents] handleAutoConnect - found walletOption', Boolean(walletOption));
-            if (!walletOption)
-                return;
-            handleWalletItemClick(walletOption);
-        };
-        // if there's a connected wallet, we should not auto connect another wallet
-        if (primaryWallet) {
-            return;
-        }
-        walletConnectorCore.walletConnectorEvents.on('autoConnect', handleAutoConnect);
-        return () => {
-            walletConnectorCore.walletConnectorEvents.off('autoConnect', handleAutoConnect);
-        };
-    }, [handleWalletItemClick, primaryWallet]);
+    }, [connectorProps.walletBook, handleWalletItemClick]);
     // add listener for connectorInitStarted and connectorInitCompleted events
     React.useEffect(() => {
         const handleConnectorInitStarted = (key) => {

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.js

@@ -5,8 +5,6 @@ import { getWalletConnectorConstructorOptions } from '@dynamic-labs/multi-wallet
 import { ChainRpcProviders } from '@dynamic-labs/rpc-providers';
 import { isWalletBookPopulated } from '@dynamic-labs/wallet-book';
 import { useWalletItemActions } from '../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -17,6 +15,10 @@ import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import { getWalletConnectorOptions, mergeWalletConnectorOptions } from '../../store/state/walletOptions/walletOptions.js';
+import { setConnectorInitializing } from '../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
@@ -53,7 +55,6 @@ import '../../context/MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import { getWalletConnectorOptions, mergeWalletConnectorOptions } from '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
@@ -88,7 +89,6 @@ import '../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../context/OnrampContext/OnrampContext.js';
 import '../../store/state/sendBalances.js';
-import { setConnectorInitializing } from '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
@@ -175,12 +175,18 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
             });
             const walletConnectorOptions = getWalletConnectorOptions();
             const updatedConnectors = [...walletConnectorOptions];
-            pendingReadyConnectorsRef.current.forEach((connector) => {
+            let walletOptionToAutoConnect;
+            pendingReadyConnectorsRef.current.forEach(({ connector, shouldAutoConnect }) => {
                 let foundWallet = false;
                 for (let i = 0; i < updatedConnectors.length; i++) {
-                    if (updatedConnectors[i].key === connector.key) {
-                        foundWallet = true;
+                    const hasSameKey = updatedConnectors[i].key === connector.key;
+                    const isReplacingNonWalletConnectWithWalletConnect = !updatedConnectors[i].walletConnector.isWalletConnect &&
+                        connector.isWalletConnect;
+                    if (hasSameKey && !isReplacingNonWalletConnectWithWalletConnect) {
                         updatedConnectors[i] = Object.assign(Object.assign({}, updatedConnectors[i]), { isInstalledOnBrowser: connector.isInstalledOnBrowser(), walletConnector: connector });
+                    }
+                    if (hasSameKey) {
+                        foundWallet = true;
                         break;
                     }
                 }
@@ -188,15 +194,23 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
                     const newWalletOption = createWallet(connectorProps.walletBook, connector);
                     updatedConnectors.push(newWalletOption);
                 }
+                if (shouldAutoConnect) {
+                    walletOptionToAutoConnect = updatedConnectors.find((wallet) => wallet.key === connector.key &&
+                        !wallet.walletConnector.isWalletConnect);
+                }
             });
             mergeWalletConnectorOptions(updatedConnectors);
             pendingReadyConnectorsRef.current = [];
-        };
-        const handleProviderReady = ({ connector, }) => {
-            logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] handleProviderReady', {
-                connector,
+            logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] processReadyConnectors', {
+                walletOptionToAutoConnect,
             });
-            pendingReadyConnectorsRef.current.push(connector);
+            if (walletOptionToAutoConnect && !primaryWallet) {
+                handleWalletItemClick(walletOptionToAutoConnect);
+            }
+        };
+        const handleProviderReady = (props) => {
+            logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] handleProviderReady', props);
+            pendingReadyConnectorsRef.current.push(props);
             if (readyDebounceTimeoutRef.current) {
                 clearTimeout(readyDebounceTimeoutRef.current);
             }
@@ -216,27 +230,7 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
             // Process any remaining connectors on cleanup
             processReadyConnectors();
         };
-    }, [connectorProps.walletBook]);
-    // add listener for autoConnect event
-    useEffect(() => {
-        const handleAutoConnect = ({ connector, }) => {
-            logger.debug('[WalletConnectorEvents] handleAutoConnect', { connector });
-            const walletConnectorOptions = getWalletConnectorOptions();
-            const walletOption = walletConnectorOptions.find((wallet) => wallet.walletConnector.key === connector.key);
-            logger.debug('[WalletConnectorEvents] handleAutoConnect - found walletOption', Boolean(walletOption));
-            if (!walletOption)
-                return;
-            handleWalletItemClick(walletOption);
-        };
-        // if there's a connected wallet, we should not auto connect another wallet
-        if (primaryWallet) {
-            return;
-        }
-        walletConnectorEvents.on('autoConnect', handleAutoConnect);
-        return () => {
-            walletConnectorEvents.off('autoConnect', handleAutoConnect);
-        };
-    }, [handleWalletItemClick, primaryWallet]);
+    }, [connectorProps.walletBook, handleWalletItemClick]);
     // add listener for connectorInitStarted and connectorInitCompleted events
     useEffect(() => {
         const handleConnectorInitStarted = (key) => {

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

@@ -7,9 +7,7 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
-var onrampConfigurationToOnrampOption = require('../../utils/functions/onrampConfigurationToOnrampOption/onrampConfigurationToOnrampOption.cjs');
 var openOnrampPopup = require('../../utils/functions/openOnrampPopup.cjs');
-var rejectPromiseRef = require('../../utils/functions/rejectPromiseRef/rejectPromiseRef.cjs');
 require('../DynamicContext/DynamicContext.cjs');
 require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/sdk-api-core');
@@ -32,7 +30,6 @@ require('../../client/client.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');
@@ -99,12 +96,15 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+var rejectPromiseRef = require('../../utils/functions/rejectPromiseRef/rejectPromiseRef.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+var onrampConfigurationToOnrampOption = require('../../utils/functions/onrampConfigurationToOnrampOption/onrampConfigurationToOnrampOption.cjs');
 var useOnrampProviders = require('./useOnrampProviders/useOnrampProviders.cjs');
+var getOnrampProviders = require('./utils/getOnrampProviders.cjs');
 
 const OnrampContext = React.createContext(undefined);
 const OnrampContextProvider = ({ children, }) => {
@@ -113,6 +113,7 @@ const OnrampContextProvider = ({ children, }) => {
     const [selectedOnrampProvider, setSelectedOnrampProvider] = React.useState();
     const [showOnramp, _setShowOnramp] = React.useState(false);
     const [override, setOverride] = React.useState(false);
+    const [overrideOnrampProvider, setOverrideOnrampProvider] = React.useState(undefined);
     const { environmentId, network, primaryWallet, projectSettings, overrides } = useInternalDynamicContext.useInternalDynamicContext();
     const [enabledOnrampProvidersTarget, setEnabledOnrampProvidersTarget] = React.useState({});
     const setShowOnramp = React.useCallback((value) => {
@@ -130,7 +131,11 @@ const OnrampContextProvider = ({ children, }) => {
             tokenAmount,
         });
     }, []);
-    const { enabledOnRamps: enabledOnrampProvidersInDashboard, allOnRamps } = useOnrampProviders.useOnrampProviders({
+    const resetOverrides = React.useCallback(() => {
+        setOverrideOnrampProvider(undefined);
+        setOverride(false);
+    }, []);
+    const { enabledOnRamps: enabledOnrampProvidersInDashboard } = useOnrampProviders.useOnrampProviders({
         environmentId,
         includeDisabled: true,
         network,
@@ -141,9 +146,6 @@ const OnrampContextProvider = ({ children, }) => {
     const enabledOnrampProvidersInDashboardOptions = React.useMemo(() => enabledOnrampProvidersInDashboard.map((provider) => onrampConfigurationToOnrampOption.onrampConfigurationToOnrampOption(provider)), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [enabledOnrampProvidersInDashboard, primaryWallet, setShowOnramp]);
-    const allOnrampProvidersInDashboardOptions = React.useMemo(() => allOnRamps.map((provider) => onrampConfigurationToOnrampOption.onrampConfigurationToOnrampOption(provider)), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [allOnRamps, primaryWallet, setShowOnramp]);
     const onrampOverrides = React.useMemo(() => {
         const configuredOverrides = overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions;
         if (typeof configuredOverrides === 'function') {
@@ -196,7 +198,7 @@ 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, tokenAmount, network, chainName, overrideOnRamp, payingWithDynamic, }) {
+    const openOnramp = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token, tokenAmount, network: networkOverride, chainName, overrideOnRamp, payingWithDynamic, }) {
         if (!onrampEnabled && !overrideOnRamp && !payingWithDynamic) {
             throw new Error('Onramp is not enabled');
         }
@@ -205,59 +207,66 @@ const OnrampContextProvider = ({ children, }) => {
             return promiseRef.current.promise;
         }
         promiseRef.current = new utils.DeferredPromise();
-        if (address || token || network || tokenAmount || chainName)
-            setEnabledOnrampProvidersTarget({
+        let localOnrampProviders = enabledOnrampProvidersInDashboardOptions;
+        const networkToUse = networkOverride || network;
+        const shouldOverrideOnrampProviders = overrideOnRamp ||
+            Boolean(token) ||
+            Boolean(network) ||
+            Boolean(tokenAmount) ||
+            Boolean(chainName);
+        const allPayingParameters = Boolean(chainName) &&
+            Boolean(networkToUse) &&
+            Boolean(token) &&
+            Boolean(tokenAmount) &&
+            Boolean(address);
+        if (payingWithDynamic && !allPayingParameters) {
+            return rejectPromiseRef.rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Missing parameters'));
+        }
+        if (shouldOverrideOnrampProviders)
+            setOverride(true);
+        if (shouldOverrideOnrampProviders ||
+            (payingWithDynamic && allPayingParameters)) {
+            localOnrampProviders = (yield getOnrampProviders.getOnrampProviders({
                 address,
                 chainName,
-                network,
+                environmentId,
+                includeDisabled: overrideOnRamp,
+                network: networkToUse,
+                primaryWallet,
                 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 = enabledOnRampsToCheck.find((p) => p.id === onrampProvider);
+        const onrampOption = localOnrampProviders.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);
+            return rejectPromiseRef.rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Onramp provider not found'));
         }
         if (!onrampOption) {
-            throw new Error('Onramp provider not found');
+            return rejectPromiseRef.rejectPromiseRef(promiseRef, new Error('Onramp provider not found'));
         }
+        setOverrideOnrampProvider(onrampOption);
         setSelectedAndShowOnramp({ payingWithDynamic, provider: onrampOption });
         return promiseRef.current.promise;
     }), [
-        allOnrampProvidersInDashboardOptions,
-        enabledOnrampProviders,
+        enabledOnrampProvidersInDashboardOptions,
         environmentId,
         onrampEnabled,
+        primaryWallet,
+        network,
+        setOverride,
         setSelectedAndShowOnramp,
     ]);
     const selectedOnramp = React.useMemo(() => {
         let selected;
         if (override) {
-            selected = allOnrampProvidersInDashboardOptions.find((p) => p.id === selectedOnrampProvider);
+            selected = overrideOnrampProvider;
         }
         else if (enabledOnrampProviders.length) {
             selected = enabledOnrampProviders.find((p) => p.id === selectedOnrampProvider);
         }
         return selected;
     }, [
-        allOnrampProvidersInDashboardOptions,
+        overrideOnrampProvider,
         enabledOnrampProviders,
         override,
         selectedOnrampProvider,
@@ -267,8 +276,9 @@ const OnrampContextProvider = ({ children, }) => {
             provider.onClick({ wallet });
             return;
         }
+        resetOverrides();
         setSelectedAndShowOnramp({ provider, wallet });
-    }, [setSelectedAndShowOnramp]);
+    }, [setSelectedAndShowOnramp, resetOverrides]);
     const value = React.useMemo(() => ({
         enabledOnrampProviders,
         onrampEnabled,

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

@@ -1,6 +1,6 @@
 import { type ReactNode } from 'react';
-import type { OnrampProviders } from '@dynamic-labs/sdk-api-core';
-import type { Wallet } from '@dynamic-labs/wallet-connector-core';
+import { type OnrampProviders } from '@dynamic-labs/sdk-api-core';
+import { type Wallet } from '@dynamic-labs/wallet-connector-core';
 import type { OnrampOption } from '../DynamicContext';
 type OpenOnrampProps = {
     address?: string;

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

@@ -3,9 +3,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useRef, useState, useCallback, useMemo } from 'react';
 import { DynamicError, DeferredPromise } from '@dynamic-labs/utils';
-import { onrampConfigurationToOnrampOption } from '../../utils/functions/onrampConfigurationToOnrampOption/onrampConfigurationToOnrampOption.js';
 import { openOnrampPopup } from '../../utils/functions/openOnrampPopup.js';
-import { rejectPromiseRef } from '../../utils/functions/rejectPromiseRef/rejectPromiseRef.js';
 import '../DynamicContext/DynamicContext.js';
 import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/sdk-api-core';
@@ -28,7 +26,6 @@ import '../../client/client.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';
@@ -95,12 +92,15 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
+import { rejectPromiseRef } from '../../utils/functions/rejectPromiseRef/rejectPromiseRef.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+import { onrampConfigurationToOnrampOption } from '../../utils/functions/onrampConfigurationToOnrampOption/onrampConfigurationToOnrampOption.js';
 import { useOnrampProviders } from './useOnrampProviders/useOnrampProviders.js';
+import { getOnrampProviders } from './utils/getOnrampProviders.js';
 
 const OnrampContext = createContext(undefined);
 const OnrampContextProvider = ({ children, }) => {
@@ -109,6 +109,7 @@ const OnrampContextProvider = ({ children, }) => {
     const [selectedOnrampProvider, setSelectedOnrampProvider] = useState();
     const [showOnramp, _setShowOnramp] = useState(false);
     const [override, setOverride] = useState(false);
+    const [overrideOnrampProvider, setOverrideOnrampProvider] = useState(undefined);
     const { environmentId, network, primaryWallet, projectSettings, overrides } = useInternalDynamicContext();
     const [enabledOnrampProvidersTarget, setEnabledOnrampProvidersTarget] = useState({});
     const setShowOnramp = useCallback((value) => {
@@ -126,7 +127,11 @@ const OnrampContextProvider = ({ children, }) => {
             tokenAmount,
         });
     }, []);
-    const { enabledOnRamps: enabledOnrampProvidersInDashboard, allOnRamps } = useOnrampProviders({
+    const resetOverrides = useCallback(() => {
+        setOverrideOnrampProvider(undefined);
+        setOverride(false);
+    }, []);
+    const { enabledOnRamps: enabledOnrampProvidersInDashboard } = useOnrampProviders({
         environmentId,
         includeDisabled: true,
         network,
@@ -137,9 +142,6 @@ const OnrampContextProvider = ({ children, }) => {
     const enabledOnrampProvidersInDashboardOptions = useMemo(() => enabledOnrampProvidersInDashboard.map((provider) => onrampConfigurationToOnrampOption(provider)), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [enabledOnrampProvidersInDashboard, primaryWallet, setShowOnramp]);
-    const allOnrampProvidersInDashboardOptions = useMemo(() => allOnRamps.map((provider) => onrampConfigurationToOnrampOption(provider)), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [allOnRamps, primaryWallet, setShowOnramp]);
     const onrampOverrides = useMemo(() => {
         const configuredOverrides = overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions;
         if (typeof configuredOverrides === 'function') {
@@ -192,7 +194,7 @@ 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, tokenAmount, network, chainName, overrideOnRamp, payingWithDynamic, }) {
+    const openOnramp = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token, tokenAmount, network: networkOverride, chainName, overrideOnRamp, payingWithDynamic, }) {
         if (!onrampEnabled && !overrideOnRamp && !payingWithDynamic) {
             throw new Error('Onramp is not enabled');
         }
@@ -201,59 +203,66 @@ const OnrampContextProvider = ({ children, }) => {
             return promiseRef.current.promise;
         }
         promiseRef.current = new DeferredPromise();
-        if (address || token || network || tokenAmount || chainName)
-            setEnabledOnrampProvidersTarget({
+        let localOnrampProviders = enabledOnrampProvidersInDashboardOptions;
+        const networkToUse = networkOverride || network;
+        const shouldOverrideOnrampProviders = overrideOnRamp ||
+            Boolean(token) ||
+            Boolean(network) ||
+            Boolean(tokenAmount) ||
+            Boolean(chainName);
+        const allPayingParameters = Boolean(chainName) &&
+            Boolean(networkToUse) &&
+            Boolean(token) &&
+            Boolean(tokenAmount) &&
+            Boolean(address);
+        if (payingWithDynamic && !allPayingParameters) {
+            return rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Missing parameters'));
+        }
+        if (shouldOverrideOnrampProviders)
+            setOverride(true);
+        if (shouldOverrideOnrampProviders ||
+            (payingWithDynamic && allPayingParameters)) {
+            localOnrampProviders = (yield getOnrampProviders({
                 address,
                 chainName,
-                network,
+                environmentId,
+                includeDisabled: overrideOnRamp,
+                network: networkToUse,
+                primaryWallet,
                 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 = enabledOnRampsToCheck.find((p) => p.id === onrampProvider);
+        const onrampOption = localOnrampProviders.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);
+            return rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Onramp provider not found'));
         }
         if (!onrampOption) {
-            throw new Error('Onramp provider not found');
+            return rejectPromiseRef(promiseRef, new Error('Onramp provider not found'));
         }
+        setOverrideOnrampProvider(onrampOption);
         setSelectedAndShowOnramp({ payingWithDynamic, provider: onrampOption });
         return promiseRef.current.promise;
     }), [
-        allOnrampProvidersInDashboardOptions,
-        enabledOnrampProviders,
+        enabledOnrampProvidersInDashboardOptions,
         environmentId,
         onrampEnabled,
+        primaryWallet,
+        network,
+        setOverride,
         setSelectedAndShowOnramp,
     ]);
     const selectedOnramp = useMemo(() => {
         let selected;
         if (override) {
-            selected = allOnrampProvidersInDashboardOptions.find((p) => p.id === selectedOnrampProvider);
+            selected = overrideOnrampProvider;
         }
         else if (enabledOnrampProviders.length) {
             selected = enabledOnrampProviders.find((p) => p.id === selectedOnrampProvider);
         }
         return selected;
     }, [
-        allOnrampProvidersInDashboardOptions,
+        overrideOnrampProvider,
         enabledOnrampProviders,
         override,
         selectedOnrampProvider,
@@ -263,8 +272,9 @@ const OnrampContextProvider = ({ children, }) => {
             provider.onClick({ wallet });
             return;
         }
+        resetOverrides();
         setSelectedAndShowOnramp({ provider, wallet });
-    }, [setSelectedAndShowOnramp]);
+    }, [setSelectedAndShowOnramp, resetOverrides]);
     const value = useMemo(() => ({
         enabledOnrampProviders,
         onrampEnabled,

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

@@ -0,0 +1,11 @@
+import { Wallet } from '@dynamic-labs/wallet-connector-core';
+export type GetProvidersParams = {
+    address?: string;
+    chainName?: string;
+    environmentId: string;
+    network?: string | number | null;
+    primaryWallet?: Wallet | null;
+    token?: string;
+    tokenAmount?: number;
+    includeDisabled?: boolean;
+};

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

@@ -5,43 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var onramp = require('../../../data/api/onramp/onramp.cjs');
-var getWalletAdditionalAddressByType = require('../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
 var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
+var getOnrampProviders = require('../utils/getOnrampProviders.cjs');
 
 const useOnrampProviders = ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, includeDisabled, }) => {
-    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 && 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 (!chainNameToUse || (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) && !target.address))
+        var _a;
+        if (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address))
             return [];
-        const walletAddress = target.address || bitcoinAddress || (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address);
-        if (!walletAddress)
-            return [];
-        return onramp.getOnrampProviders({
-            chain: chainNameToUse,
+        return getOnrampProviders.getOnrampProviders({
+            address: target.address,
+            chainName: target.chainName,
             environmentId,
             includeDisabled: true,
-            networkId: networkToUse,
+            network: (_a = target.network) !== null && _a !== void 0 ? _a : network,
+            primaryWallet: primaryWallet,
             token: target.token,
             tokenAmount: target.tokenAmount,
-            walletAddress: walletAddress,
         });
     }), {
         deps: [

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

@@ -1,43 +1,23 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useMemo } from 'react';
-import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
-import { getChainInfo, isBitcoinConnector } from '@dynamic-labs/wallet-connector-core';
-import { getOnrampProviders } from '../../../data/api/onramp/onramp.js';
-import { getWalletAdditionalAddressByType } from '../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
 import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
+import { getOnrampProviders } from '../utils/getOnrampProviders.js';
 
 const useOnrampProviders = ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, includeDisabled, }) => {
-    var _a, _b;
-    const chainName = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
-        ? (_a = 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 &&
-        isBitcoinConnector(primaryWallet.connector) &&
-        getWalletAdditionalAddressByType(WalletAddressType.Payment, primaryWallet);
-    const chainHasNetwork = network && chainNameToUse === 'evm';
-    let networkToUse;
-    if (target.network) {
-        networkToUse = target.network;
-    }
-    else {
-        networkToUse = chainHasNetwork ? network.toString() : undefined;
-    }
     const { data: allOnRamps = [] } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
-        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)
+        var _a;
+        if (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address))
             return [];
         return getOnrampProviders({
-            chain: chainNameToUse,
+            address: target.address,
+            chainName: target.chainName,
             environmentId,
             includeDisabled: true,
-            networkId: networkToUse,
+            network: (_a = target.network) !== null && _a !== void 0 ? _a : network,
+            primaryWallet: primaryWallet,
             token: target.token,
             tokenAmount: target.tokenAmount,
-            walletAddress: walletAddress,
         });
     }), {
         deps: [

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

@@ -0,0 +1,49 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var onramp = require('../../../data/api/onramp/onramp.cjs');
+var getWalletAdditionalAddressByType = require('../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
+
+const DEFAULT_NETWORK = 'evm';
+const DEFAULT_CHAIN = '1';
+const getOnrampProviders = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ address, chainName, environmentId, network, primaryWallet, token, tokenAmount, includeDisabled = false, }) {
+    var _b;
+    const tempChainNameToUse = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
+        ? (_b = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _b === void 0 ? void 0 : _b.name
+        : undefined;
+    const chainNameToUse = chainName !== null && chainName !== void 0 ? chainName : tempChainNameToUse;
+    const bitcoinAddress = primaryWallet &&
+        walletConnectorCore.isBitcoinConnector(primaryWallet.connector) &&
+        getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, primaryWallet);
+    const chainHasNetwork = network && chainNameToUse === DEFAULT_NETWORK;
+    let networkToUse;
+    if (chainHasNetwork) {
+        networkToUse = (network === null || network === void 0 ? void 0 : network.toString()) || DEFAULT_CHAIN;
+    }
+    else {
+        networkToUse = undefined;
+    }
+    if (!chainNameToUse || (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) && !address)) {
+        return [];
+    }
+    const walletAddress = address || bitcoinAddress || (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address);
+    if (!walletAddress)
+        return [];
+    const providers = yield onramp.getOnrampProviders({
+        chain: chainNameToUse,
+        environmentId,
+        includeDisabled,
+        networkId: networkToUse,
+        token,
+        tokenAmount,
+        walletAddress,
+    });
+    return providers || [];
+});
+
+exports.getOnrampProviders = getOnrampProviders;

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

@@ -0,0 +1,3 @@
+import { RampConfiguration } from '@dynamic-labs/sdk-api-core';
+import { GetProvidersParams } from '../types';
+export declare const getOnrampProviders: ({ address, chainName, environmentId, network, primaryWallet, token, tokenAmount, includeDisabled, }: GetProvidersParams) => Promise<RampConfiguration[]>;

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

@@ -0,0 +1,45 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
+import { getChainInfo, isBitcoinConnector } from '@dynamic-labs/wallet-connector-core';
+import { getOnrampProviders as getOnrampProviders$1 } from '../../../data/api/onramp/onramp.js';
+import { getWalletAdditionalAddressByType } from '../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
+
+const DEFAULT_NETWORK = 'evm';
+const DEFAULT_CHAIN = '1';
+const getOnrampProviders = (_a) => __awaiter(void 0, [_a], void 0, function* ({ address, chainName, environmentId, network, primaryWallet, token, tokenAmount, includeDisabled = false, }) {
+    var _b;
+    const tempChainNameToUse = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
+        ? (_b = getChainInfo(primaryWallet.chain)) === null || _b === void 0 ? void 0 : _b.name
+        : undefined;
+    const chainNameToUse = chainName !== null && chainName !== void 0 ? chainName : tempChainNameToUse;
+    const bitcoinAddress = primaryWallet &&
+        isBitcoinConnector(primaryWallet.connector) &&
+        getWalletAdditionalAddressByType(WalletAddressType.Payment, primaryWallet);
+    const chainHasNetwork = network && chainNameToUse === DEFAULT_NETWORK;
+    let networkToUse;
+    if (chainHasNetwork) {
+        networkToUse = (network === null || network === void 0 ? void 0 : network.toString()) || DEFAULT_CHAIN;
+    }
+    else {
+        networkToUse = undefined;
+    }
+    if (!chainNameToUse || (!(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) && !address)) {
+        return [];
+    }
+    const walletAddress = address || bitcoinAddress || (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address);
+    if (!walletAddress)
+        return [];
+    const providers = yield getOnrampProviders$1({
+        chain: chainNameToUse,
+        environmentId,
+        includeDisabled,
+        networkId: networkToUse,
+        token,
+        tokenAmount,
+        walletAddress,
+    });
+    return providers || [];
+});
+
+export { getOnrampProviders };

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

@@ -3,21 +3,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
 var OnrampContext = require('../../../context/OnrampContext/OnrampContext.cjs');
 
 const useOnramp = () => {
-    const { onrampEnabled, openOnramp } = OnrampContext.useOnrampContext();
-    return React.useMemo(() => ({
-        /**
-         * Whether onramp is enabled.
-         */
+    const { onrampEnabled, enabledOnrampProviders, openOnramp } = OnrampContext.useOnrampContext();
+    return {
         enabled: onrampEnabled,
-        /**
-         * Opens the onramp modal.
-         */
         open: openOnramp,
-    }), [onrampEnabled, openOnramp]);
+        providers: enabledOnrampProviders,
+    };
 };
 
 exports.useOnramp = useOnramp;

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

@@ -1,11 +1,5 @@
 export declare const useOnramp: () => {
-    /**
-     * Whether onramp is enabled.
-     */
     enabled: boolean;
-    /**
-     * Opens the onramp modal.
-     */
     open: (props: {
         address?: string | undefined;
         token?: string | undefined;
@@ -16,4 +10,5 @@ export declare const useOnramp: () => {
         overrideOnRamp?: boolean | undefined;
         payingWithDynamic?: boolean | undefined;
     }) => Promise<void>;
+    providers: import("../../../context/DynamicContext").OnrampOption[];
 };

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

@@ -1,19 +1,13 @@
 'use client'
-import { useMemo } from 'react';
 import { useOnrampContext } from '../../../context/OnrampContext/OnrampContext.js';
 
 const useOnramp = () => {
-    const { onrampEnabled, openOnramp } = useOnrampContext();
-    return useMemo(() => ({
-        /**
-         * Whether onramp is enabled.
-         */
+    const { onrampEnabled, enabledOnrampProviders, openOnramp } = useOnrampContext();
+    return {
         enabled: onrampEnabled,
-        /**
-         * Opens the onramp modal.
-         */
         open: openOnramp,
-    }), [onrampEnabled, openOnramp]);
+        providers: enabledOnrampProviders,
+    };
 };
 
 export { useOnramp };