@dynamic-labs/sdk-react-core 4.38.0 → 4.40.0

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -88,8 +88,9 @@ require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
-require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../index.cjs');
+require('../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -84,8 +84,9 @@ import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../index.js';
+import '../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';

package/src/lib/components/UserProfileForm/UserProfileForm.cjs

@@ -103,6 +103,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/components/UserProfileForm/UserProfileForm.js

@@ -99,6 +99,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

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

@@ -97,6 +97,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

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

@@ -93,6 +93,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.cjs

@@ -101,6 +101,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.js

@@ -97,6 +97,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

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

@@ -138,6 +138,7 @@ require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cj
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var WidgetRegistryContextProvider = require('../WidgetRegistry/WidgetRegistryContextProvider.cjs');
 var OnrampWidget = require('../../widgets/OnrampWidget/OnrampWidget.cjs');

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

@@ -134,6 +134,7 @@ 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 '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { WidgetRegistryContextProvider } from '../WidgetRegistry/WidgetRegistryContextProvider.js';
 import { OnrampWidget } from '../../widgets/OnrampWidget/OnrampWidget.js';

package/src/lib/context/DynamicContext/hooks/useAutoselectPrimaryWallet/useAutoselectPrimaryWallet.cjs

@@ -97,6 +97,7 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../index.cjs');
+require('../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

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

@@ -93,6 +93,7 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../../../index.js';
+import '../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs

@@ -98,6 +98,7 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../index.cjs');
+require('../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');
@@ -128,6 +129,7 @@ const useHandleLogout = (params) => {
         utils.StorageService.removeItem(localStorage.WALLET_PICKER_SEARCH_KEY);
         utils.StorageService.removeItem(localStorage.EXCHANGE_PICKER_SEARCH_KEY);
         utils.StorageService.removeItem(localStorage.PHANTOM_SIGNATURE_STATE);
+        utils.StorageService.removeItem(localStorage.DELEGATION_STATE);
         getClientSessionKeys.clearClientSessionKeys();
         authMode.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {

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

@@ -9,7 +9,7 @@ import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
 import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import { WALLET_PICKER_SEARCH_KEY, EXCHANGE_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE } from '../../../../utils/constants/localStorage.js';
+import { WALLET_PICKER_SEARCH_KEY, EXCHANGE_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, DELEGATION_STATE } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '@dynamic-labs/sdk-api-core';
@@ -94,6 +94,7 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../../../index.js';
+import '../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';
@@ -124,6 +125,7 @@ const useHandleLogout = (params) => {
         StorageService.removeItem(WALLET_PICKER_SEARCH_KEY);
         StorageService.removeItem(EXCHANGE_PICKER_SEARCH_KEY);
         StorageService.removeItem(PHANTOM_SIGNATURE_STATE);
+        StorageService.removeItem(DELEGATION_STATE);
         clearClientSessionKeys();
         setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {

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

@@ -96,6 +96,7 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../index.cjs');
+require('../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

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

@@ -92,6 +92,7 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../../../index.js';
+import '../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

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

@@ -96,6 +96,7 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../index.cjs');
+require('../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

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

@@ -92,6 +92,7 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../../../index.js';
+import '../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

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

@@ -95,6 +95,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

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

@@ -91,6 +91,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

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

@@ -6,8 +6,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 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');
+var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../DynamicContext/DynamicContext.cjs');
 require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/iconic');
@@ -17,7 +21,6 @@ require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
-require('@dynamic-labs/sdk-api-core');
 require('../../shared/consts/index.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
@@ -81,7 +84,6 @@ require('../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../ErrorContext/hooks/useErrorText/useErrorText.cjs');
@@ -95,13 +97,12 @@ 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/CryptoComOnramp/CryptoComOnramp.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');
 
@@ -114,24 +115,27 @@ const OnrampContextProvider = ({ children, }) => {
     const [override, setOverride] = React.useState(false);
     const [overrideOnrampProvider, setOverrideOnrampProvider] = React.useState(undefined);
     const { environmentId, network, primaryWallet, projectSettings, overrides } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const [enabledOnrampProvidersTarget, setEnabledOnrampProvidersTarget] = React.useState({});
-    const [shouldFetchOnramps, setShouldFetchOnramps] = React.useState(false);
+    // Fetch onramp providers by default so Buy button is available in funding methods
+    const [shouldFetchOnramps, setShouldFetchOnramps] = React.useState(true);
     const setShowOnramp = React.useCallback((value) => {
         _setShowOnramp(value);
         if (!value && promiseRef.current) {
             rejectPromiseRef.rejectPromiseRef(promiseRef, new utils.DynamicError('User cancelled'));
         }
     }, []);
-    const setEnabledOnrampProvidersTargetValue = React.useCallback(({ address, token, network, tokenAmount, chainName, }) => {
+    const setEnabledOnrampProvidersTargetValue = React.useCallback(({ address, token, network, tokenAmount, chainName, currency, }) => {
         setEnabledOnrampProvidersTarget({
             address,
             chainName,
+            currency,
             network,
             token,
             tokenAmount,
         });
         // Trigger fetch when target is set with specific parameters
-        if (address || token || network || tokenAmount || chainName) {
+        if (address || token || network || tokenAmount || chainName || currency) {
             setShouldFetchOnramps(true);
         }
     }, []);
@@ -148,9 +152,17 @@ const OnrampContextProvider = ({ children, }) => {
         shouldFetch: shouldFetchOnramps,
         target: enabledOnrampProvidersTarget,
     });
-    const enabledOnrampProvidersInDashboardOptions = React.useMemo(() => enabledOnrampProvidersInDashboard.map((provider) => onrampConfigurationToOnrampOption.onrampConfigurationToOnrampOption(provider)), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [enabledOnrampProvidersInDashboard, primaryWallet, setShowOnramp]);
+    const enabledOnrampProvidersInDashboardOptions = React.useMemo(() => {
+        const options = enabledOnrampProvidersInDashboard.map((provider) => {
+            const option = onrampConfigurationToOnrampOption.onrampConfigurationToOnrampOption(provider);
+            // Route Crypto.com selection to a custom UI instead of immediate popup/link
+            if (option.id === sdkApiCore.ProviderEnum.CryptoDotCom) {
+                option.onClick = () => setDynamicWidgetView('crypto-com-onramp');
+            }
+            return option;
+        });
+        return options;
+    }, [enabledOnrampProvidersInDashboard, setDynamicWidgetView]);
     const onrampOverrides = React.useMemo(() => {
         const configuredOverrides = overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions;
         if (typeof configuredOverrides === 'function') {
@@ -203,7 +215,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, tokenAmount, network: networkOverride, chainName, overrideOnRamp, payingWithDynamic, }) {
+    const openOnramp = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token, tokenAmount, network: networkOverride, chainName, currency, overrideOnRamp, payingWithDynamic, }) {
+        var _g, _h, _j, _k;
         if (!onrampEnabled && !overrideOnRamp && !payingWithDynamic) {
             throw new Error('Onramp is not enabled');
         }
@@ -219,17 +232,20 @@ const OnrampContextProvider = ({ children, }) => {
         let localOnrampProviders = enabledOnrampProvidersInDashboardOptions;
         const networkToUse = networkOverride || network;
         const shouldOverrideOnrampProviders = overrideOnRamp ||
+            Boolean(address) ||
             Boolean(token) ||
-            Boolean(network) ||
+            Boolean(networkOverride) ||
             Boolean(tokenAmount) ||
-            Boolean(chainName);
+            Boolean(chainName) ||
+            Boolean(currency);
         const allPayingParameters = Boolean(chainName) &&
             Boolean(networkToUse) &&
             Boolean(token) &&
             Boolean(tokenAmount) &&
             Boolean(address);
         if (payingWithDynamic && !allPayingParameters) {
-            return rejectPromiseRef.rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Missing parameters'));
+            rejectPromiseRef.rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Missing parameters'));
+            return (_g = promiseRef.current) === null || _g === void 0 ? void 0 : _g.promise;
         }
         if (shouldOverrideOnrampProviders)
             setOverride(true);
@@ -238,6 +254,7 @@ const OnrampContextProvider = ({ children, }) => {
             localOnrampProviders = (yield getOnrampProviders.getOnrampProviders({
                 address,
                 chainName,
+                currency,
                 environmentId,
                 includeDisabled: overrideOnRamp,
                 network: networkToUse,
@@ -248,21 +265,22 @@ const OnrampContextProvider = ({ children, }) => {
         }
         const onrampOption = localOnrampProviders.find((p) => p.id === onrampProvider);
         if (payingWithDynamic && !onrampOption) {
-            return rejectPromiseRef.rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Onramp provider not found'));
+            rejectPromiseRef.rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Onramp provider not found'));
+            return (_h = promiseRef.current) === null || _h === void 0 ? void 0 : _h.promise;
         }
         if (!onrampOption) {
-            return rejectPromiseRef.rejectPromiseRef(promiseRef, new Error('Onramp provider not found'));
+            rejectPromiseRef.rejectPromiseRef(promiseRef, new Error('Onramp provider not found'));
+            return (_j = promiseRef.current) === null || _j === void 0 ? void 0 : _j.promise;
         }
         setOverrideOnrampProvider(onrampOption);
         setSelectedAndShowOnramp({ payingWithDynamic, provider: onrampOption });
-        return promiseRef.current.promise;
+        return (_k = promiseRef.current) === null || _k === void 0 ? void 0 : _k.promise;
     }), [
         enabledOnrampProvidersInDashboardOptions,
         environmentId,
         onrampEnabled,
         primaryWallet,
         network,
-        setOverride,
         setSelectedAndShowOnramp,
         shouldFetchOnramps,
     ]);

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 { Wallet } from '@dynamic-labs/wallet-connector-core';
 import type { OnrampOption } from '../DynamicContext';
 type OpenOnrampProps = {
     address?: string;
@@ -9,6 +9,7 @@ type OpenOnrampProps = {
     tokenAmount?: number;
     network?: string;
     chainName?: string;
+    currency?: string;
     overrideOnRamp?: boolean;
     payingWithDynamic?: boolean;
 };
@@ -29,6 +30,7 @@ export type OnrampContextReturn = {
         network?: string;
         tokenAmount?: number;
         chainName?: string;
+        currency?: string;
     }) => void;
 };
 export declare const OnrampContext: import("react").Context<OnrampContextReturn | undefined>;

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

@@ -2,8 +2,12 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useRef, useState, useCallback, useMemo } from 'react';
+import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 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 { useWidgetContext } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../DynamicContext/DynamicContext.js';
 import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/iconic';
@@ -13,7 +17,6 @@ import '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
-import '@dynamic-labs/sdk-api-core';
 import '../../shared/consts/index.js';
 import '../../events/dynamicEvents.js';
 import '../CaptchaContext/CaptchaContext.js';
@@ -77,7 +80,6 @@ import '../IpConfigurationContext/IpConfigurationContext.js';
 import '../ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../ErrorContext/hooks/useErrorText/useErrorText.js';
@@ -91,13 +93,12 @@ 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/CryptoComOnramp/CryptoComOnramp.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';
 
@@ -110,24 +111,27 @@ const OnrampContextProvider = ({ children, }) => {
     const [override, setOverride] = useState(false);
     const [overrideOnrampProvider, setOverrideOnrampProvider] = useState(undefined);
     const { environmentId, network, primaryWallet, projectSettings, overrides } = useInternalDynamicContext();
+    const { setDynamicWidgetView } = useWidgetContext();
     const [enabledOnrampProvidersTarget, setEnabledOnrampProvidersTarget] = useState({});
-    const [shouldFetchOnramps, setShouldFetchOnramps] = useState(false);
+    // Fetch onramp providers by default so Buy button is available in funding methods
+    const [shouldFetchOnramps, setShouldFetchOnramps] = useState(true);
     const setShowOnramp = useCallback((value) => {
         _setShowOnramp(value);
         if (!value && promiseRef.current) {
             rejectPromiseRef(promiseRef, new DynamicError('User cancelled'));
         }
     }, []);
-    const setEnabledOnrampProvidersTargetValue = useCallback(({ address, token, network, tokenAmount, chainName, }) => {
+    const setEnabledOnrampProvidersTargetValue = useCallback(({ address, token, network, tokenAmount, chainName, currency, }) => {
         setEnabledOnrampProvidersTarget({
             address,
             chainName,
+            currency,
             network,
             token,
             tokenAmount,
         });
         // Trigger fetch when target is set with specific parameters
-        if (address || token || network || tokenAmount || chainName) {
+        if (address || token || network || tokenAmount || chainName || currency) {
             setShouldFetchOnramps(true);
         }
     }, []);
@@ -144,9 +148,17 @@ const OnrampContextProvider = ({ children, }) => {
         shouldFetch: shouldFetchOnramps,
         target: enabledOnrampProvidersTarget,
     });
-    const enabledOnrampProvidersInDashboardOptions = useMemo(() => enabledOnrampProvidersInDashboard.map((provider) => onrampConfigurationToOnrampOption(provider)), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [enabledOnrampProvidersInDashboard, primaryWallet, setShowOnramp]);
+    const enabledOnrampProvidersInDashboardOptions = useMemo(() => {
+        const options = enabledOnrampProvidersInDashboard.map((provider) => {
+            const option = onrampConfigurationToOnrampOption(provider);
+            // Route Crypto.com selection to a custom UI instead of immediate popup/link
+            if (option.id === ProviderEnum.CryptoDotCom) {
+                option.onClick = () => setDynamicWidgetView('crypto-com-onramp');
+            }
+            return option;
+        });
+        return options;
+    }, [enabledOnrampProvidersInDashboard, setDynamicWidgetView]);
     const onrampOverrides = useMemo(() => {
         const configuredOverrides = overrides === null || overrides === void 0 ? void 0 : overrides.onrampOptions;
         if (typeof configuredOverrides === 'function') {
@@ -199,7 +211,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, tokenAmount, network: networkOverride, chainName, overrideOnRamp, payingWithDynamic, }) {
+    const openOnramp = useCallback((_f) => __awaiter(void 0, [_f], void 0, function* ({ onrampProvider, address, token, tokenAmount, network: networkOverride, chainName, currency, overrideOnRamp, payingWithDynamic, }) {
+        var _g, _h, _j, _k;
         if (!onrampEnabled && !overrideOnRamp && !payingWithDynamic) {
             throw new Error('Onramp is not enabled');
         }
@@ -215,17 +228,20 @@ const OnrampContextProvider = ({ children, }) => {
         let localOnrampProviders = enabledOnrampProvidersInDashboardOptions;
         const networkToUse = networkOverride || network;
         const shouldOverrideOnrampProviders = overrideOnRamp ||
+            Boolean(address) ||
             Boolean(token) ||
-            Boolean(network) ||
+            Boolean(networkOverride) ||
             Boolean(tokenAmount) ||
-            Boolean(chainName);
+            Boolean(chainName) ||
+            Boolean(currency);
         const allPayingParameters = Boolean(chainName) &&
             Boolean(networkToUse) &&
             Boolean(token) &&
             Boolean(tokenAmount) &&
             Boolean(address);
         if (payingWithDynamic && !allPayingParameters) {
-            return rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Missing parameters'));
+            rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Missing parameters'));
+            return (_g = promiseRef.current) === null || _g === void 0 ? void 0 : _g.promise;
         }
         if (shouldOverrideOnrampProviders)
             setOverride(true);
@@ -234,6 +250,7 @@ const OnrampContextProvider = ({ children, }) => {
             localOnrampProviders = (yield getOnrampProviders({
                 address,
                 chainName,
+                currency,
                 environmentId,
                 includeDisabled: overrideOnRamp,
                 network: networkToUse,
@@ -244,21 +261,22 @@ const OnrampContextProvider = ({ children, }) => {
         }
         const onrampOption = localOnrampProviders.find((p) => p.id === onrampProvider);
         if (payingWithDynamic && !onrampOption) {
-            return rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Onramp provider not found'));
+            rejectPromiseRef(promiseRef, new Error('PayingWithDynamic: Onramp provider not found'));
+            return (_h = promiseRef.current) === null || _h === void 0 ? void 0 : _h.promise;
         }
         if (!onrampOption) {
-            return rejectPromiseRef(promiseRef, new Error('Onramp provider not found'));
+            rejectPromiseRef(promiseRef, new Error('Onramp provider not found'));
+            return (_j = promiseRef.current) === null || _j === void 0 ? void 0 : _j.promise;
         }
         setOverrideOnrampProvider(onrampOption);
         setSelectedAndShowOnramp({ payingWithDynamic, provider: onrampOption });
-        return promiseRef.current.promise;
+        return (_k = promiseRef.current) === null || _k === void 0 ? void 0 : _k.promise;
     }), [
         enabledOnrampProvidersInDashboardOptions,
         environmentId,
         onrampEnabled,
         primaryWallet,
         network,
-        setOverride,
         setSelectedAndShowOnramp,
         shouldFetchOnramps,
     ]);

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

@@ -7,5 +7,6 @@ export type GetProvidersParams = {
     primaryWallet?: Wallet | null;
     token?: string;
     tokenAmount?: number;
+    currency?: string;
     includeDisabled?: boolean;
 };

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

@@ -16,6 +16,7 @@ const useOnrampProviders = ({ primaryWallet, network, environmentId, projectSett
         return getOnrampProviders.getOnrampProviders({
             address: target.address,
             chainName: target.chainName,
+            currency: target.currency,
             environmentId,
             includeDisabled: true,
             network: (_a = target.network) !== null && _a !== void 0 ? _a : network,
@@ -33,6 +34,7 @@ const useOnrampProviders = ({ primaryWallet, network, environmentId, projectSett
             target.tokenAmount,
             target.chainName,
             target.network,
+            target.currency,
         ],
         // only fetch when explicitly requested and onramps are configured
         enabled: shouldFetch &&

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

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