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

package/src/lib/context/{FundingContext/FundingContext.cjs → OnrampContext/OnrampContext.cjs}

@@ -3,35 +3,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-require('@dynamic-labs/utils');
-require('../../config/ApiEndpoint.cjs');
-require('../../utils/constants/values.cjs');
-require('@dynamic-labs/multi-wallet');
+require('../DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
-require('../../utils/constants/colors.cjs');
-require('react-international-phone');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
-var getWalletAdditionalAddressByType = require('../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
-require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
-require('../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
-var onramp = require('../../data/api/onramp/onramp.cjs');
 require('../../locale/locale.cjs');
-require('../DynamicContext/DynamicContext.cjs');
-require('../../events/dynamicEvents.cjs');
-require('../CaptchaContext/CaptchaContext.cjs');
-require('../ErrorContext/ErrorContext.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../UserWalletsContext/UserWalletsContext.cjs');
@@ -41,6 +39,7 @@ require('../../utils/functions/compareChains/compareChains.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');
 require('../WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
@@ -74,7 +73,6 @@ require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../IpConfigurationContext/IpConfigurationContext.cjs');
-require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../ConnectWithOtpContext/constants.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -91,112 +89,68 @@ require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+var useEnabledOnrampProviders = require('./useEnabledOnrampProviders/useEnabledOnrampProviders.cjs');
 
-const FundingContext = React.createContext(undefined);
-const FundingContextProvider = ({ children, }) => {
+const OnrampContext = React.createContext(undefined);
+const OnrampContextProvider = ({ children, }) => {
     var _a, _b, _c, _d, _e;
-    const fundingRef = React.useRef(null);
-    const [enabledOnrampProviders, setEnabledOnrampProviders] = React.useState([]);
-    const [selectedFundingProvider, setSelectedFundingProvider] = React.useState();
-    const [showFunding, setShowFunding] = React.useState(false);
-    const [supportsFunding, setSupportsFunding] = React.useState(false);
-    const [fundingUrl, setFundingUrl] = React.useState('');
+    const [selectedOnrampProvider, setSelectedOnrampProvider] = React.useState();
+    const [showOnramp, setShowOnramp] = React.useState(false);
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const fundingEnabled = Boolean((_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.length);
-    React.useEffect(() => {
-        var _a;
-        if (!selectedFundingProvider)
-            return;
-        const fundingProvider = enabledOnrampProviders.find((p) => p.provider === selectedFundingProvider);
-        if (!fundingProvider) {
-            setFundingUrl('');
-            setSupportsFunding(false);
-            return;
-        }
-        setFundingUrl((_a = fundingProvider.url) !== null && _a !== void 0 ? _a : '');
-        setSupportsFunding(true);
-    }, [enabledOnrampProviders, selectedFundingProvider]);
-    const setSelectedOnrampProvider = React.useCallback((provider) => {
-        if (!enabledOnrampProviders.length)
-            return;
-        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === provider);
-        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url)) {
-            setSupportsFunding(false);
-            return;
-        }
-        setSelectedFundingProvider(provider);
-    }, [enabledOnrampProviders, setEnabledOnrampProviders]);
-    const updateSupportsFunding = React.useCallback((...args_1) => _tslib.__awaiter(void 0, [...args_1], void 0, function* ({ address, token } = {}) {
-        var _f;
-        if (!fundingEnabled)
-            return;
-        if (!primaryWallet)
-            return;
-        const chainName = (_f = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _f === void 0 ? void 0 : _f.name;
-        if (!chainName)
-            return;
-        const bitcoinAddress = walletConnectorCore.isBitcoinConnector(primaryWallet.connector) &&
-            getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, primaryWallet);
-        const chainHasNetwork = network && chainName === 'evm';
-        try {
-            const onrampProviders = yield onramp.getOnrampProviders({
-                chain: chainName,
-                environmentId,
-                networkId: chainHasNetwork ? network.toString() : undefined,
-                token,
-                walletAddress: address || bitcoinAddress || primaryWallet.address,
-            });
-            const enabledOnrampProviders = onrampProviders.filter((p) => {
-                var _a, _b, _c;
-                return (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.includes(p.provider);
-            });
-            if (enabledOnrampProviders.length) {
-                setSupportsFunding(true);
-            }
-            setEnabledOnrampProviders(enabledOnrampProviders);
-        }
-        catch (error) {
-            setSupportsFunding(false);
-        }
-    }), [
+    const [enabledOnrampProvidersTarget, setEnabledOnrampProvidersTarget] = React.useState({});
+    const enabledOnrampProviders = useEnabledOnrampProviders.useEnabledOnrampProviders({
         environmentId,
-        fundingEnabled,
         network,
         primaryWallet,
-        (_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.funding) === null || _e === void 0 ? void 0 : _e.onramps,
-    ]);
+        projectSettingsOnramps: (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps,
+        target: enabledOnrampProvidersTarget,
+    });
+    const onrampEnabled = Boolean(((_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.funding) === null || _d === void 0 ? void 0 : _d.onramps) === null || _e === void 0 ? void 0 : _e.length) &&
+        enabledOnrampProviders.length);
+    const selectedOnramp = React.useMemo(() => {
+        if (!enabledOnrampProviders.length)
+            return;
+        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === selectedOnrampProvider);
+        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url))
+            return;
+        return selectedProvider;
+    }, [enabledOnrampProviders, selectedOnrampProvider]);
+    const isSelectedOnrampUnsupported = React.useMemo(() => {
+        if (!enabledOnrampProviders.length)
+            return true;
+        if (!selectedOnrampProvider)
+            return false;
+        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === selectedOnrampProvider);
+        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url))
+            return true;
+        return false;
+    }, [enabledOnrampProviders, selectedOnrampProvider]);
     const value = React.useMemo(() => ({
-        fundingEnabled,
-        fundingRef,
-        fundingUrl,
-        selectedFundingProvider,
+        enabledOnrampProviders,
+        isSelectedOnrampUnsupported,
+        onrampEnabled,
+        selectedOnramp,
+        setEnabledOnrampProvidersTarget,
         setSelectedOnrampProvider,
-        setShowFunding,
-        showFunding,
-        supportsFunding,
-        updateSupportsFunding,
+        setShowOnramp,
+        showOnramp,
     }), [
-        fundingEnabled,
-        fundingUrl,
-        selectedFundingProvider,
+        onrampEnabled,
+        selectedOnramp,
         setSelectedOnrampProvider,
-        showFunding,
-        supportsFunding,
-        updateSupportsFunding,
+        showOnramp,
+        isSelectedOnrampUnsupported,
+        enabledOnrampProviders,
     ]);
-    React.useEffect(() => {
-        updateSupportsFunding();
-    }, [environmentId, fundingEnabled, network, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address]);
-    return (jsxRuntime.jsx(FundingContext.Provider, { value: value, children: children }));
+    return (jsxRuntime.jsx(OnrampContext.Provider, { value: value, children: children }));
 };
-const useFundingContext = () => {
-    const context = React.useContext(FundingContext);
-    if (context === undefined) {
-        throw new Error('usage of useFundingContext not wrapped in `FundingContextProvider`.');
-    }
+const useOnrampContext = () => {
+    const context = React.useContext(OnrampContext);
+    if (!context)
+        throw new Error('useOnrampContext must be used within a OnrampContextProvider');
     return context;
 };
 
-exports.FundingContext = FundingContext;
-exports.FundingContextProvider = FundingContextProvider;
-exports.useFundingContext = useFundingContext;
+exports.OnrampContext = OnrampContext;
+exports.OnrampContextProvider = OnrampContextProvider;
+exports.useOnrampContext = useOnrampContext;

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

@@ -0,0 +1,18 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { OnrampConfiguration, ProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { EnabledOnrampProvidersTarget } from './useEnabledOnrampProviders';
+export type OnrampContextReturn = {
+    onrampEnabled: boolean;
+    setShowOnramp: Dispatch<SetStateAction<boolean>>;
+    showOnramp: boolean;
+    setSelectedOnrampProvider: (provider: ProviderEnum) => void;
+    setEnabledOnrampProvidersTarget: (target: EnabledOnrampProvidersTarget) => void;
+    selectedOnramp: OnrampConfiguration | undefined;
+    enabledOnrampProviders: OnrampConfiguration[];
+    isSelectedOnrampUnsupported: boolean;
+};
+export declare const OnrampContext: import("react").Context<OnrampContextReturn | undefined>;
+export declare const OnrampContextProvider: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useOnrampContext: () => OnrampContextReturn;

package/src/lib/context/{FundingContext/FundingContext.js → OnrampContext/OnrampContext.js}

@@ -1,33 +1,31 @@
 'use client'
-import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo } from 'react';
-import { getChainInfo, isBitcoinConnector } from '@dynamic-labs/wallet-connector-core';
-import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
-import '@dynamic-labs/utils';
-import '../../config/ApiEndpoint.js';
-import '../../utils/constants/values.js';
-import '@dynamic-labs/multi-wallet';
+import { createContext, useContext, useState, useMemo } from 'react';
+import '../DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
-import '../../utils/constants/colors.js';
-import 'react-international-phone';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../store/state/loadingAndLifecycle.js';
 import '../../shared/consts/index.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '../CaptchaContext/CaptchaContext.js';
+import '../ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
 import '../../store/state/projectSettings/projectSettings.js';
-import { getWalletAdditionalAddressByType } from '../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
-import '../../store/state/dynamicContextProps/dynamicContextProps.js';
-import '../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
-import { getOnrampProviders } from '../../data/api/onramp/onramp.js';
 import '../../locale/locale.js';
-import '../DynamicContext/DynamicContext.js';
-import '../../events/dynamicEvents.js';
-import '../CaptchaContext/CaptchaContext.js';
-import '../ErrorContext/ErrorContext.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../UserWalletsContext/UserWalletsContext.js';
@@ -37,6 +35,7 @@ import '../../utils/functions/compareChains/compareChains.js';
 import '../ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../LoadingContext/LoadingContext.js';
 import '../WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
@@ -70,7 +69,6 @@ import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../FooterAnimationContext/index.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../IpConfigurationContext/IpConfigurationContext.js';
-import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../ConnectWithOtpContext/constants.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -87,110 +85,66 @@ import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import { useEnabledOnrampProviders } from './useEnabledOnrampProviders/useEnabledOnrampProviders.js';
 
-const FundingContext = createContext(undefined);
-const FundingContextProvider = ({ children, }) => {
+const OnrampContext = createContext(undefined);
+const OnrampContextProvider = ({ children, }) => {
     var _a, _b, _c, _d, _e;
-    const fundingRef = useRef(null);
-    const [enabledOnrampProviders, setEnabledOnrampProviders] = useState([]);
-    const [selectedFundingProvider, setSelectedFundingProvider] = useState();
-    const [showFunding, setShowFunding] = useState(false);
-    const [supportsFunding, setSupportsFunding] = useState(false);
-    const [fundingUrl, setFundingUrl] = useState('');
+    const [selectedOnrampProvider, setSelectedOnrampProvider] = useState();
+    const [showOnramp, setShowOnramp] = useState(false);
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext();
-    const fundingEnabled = Boolean((_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.length);
-    useEffect(() => {
-        var _a;
-        if (!selectedFundingProvider)
-            return;
-        const fundingProvider = enabledOnrampProviders.find((p) => p.provider === selectedFundingProvider);
-        if (!fundingProvider) {
-            setFundingUrl('');
-            setSupportsFunding(false);
-            return;
-        }
-        setFundingUrl((_a = fundingProvider.url) !== null && _a !== void 0 ? _a : '');
-        setSupportsFunding(true);
-    }, [enabledOnrampProviders, selectedFundingProvider]);
-    const setSelectedOnrampProvider = useCallback((provider) => {
-        if (!enabledOnrampProviders.length)
-            return;
-        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === provider);
-        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url)) {
-            setSupportsFunding(false);
-            return;
-        }
-        setSelectedFundingProvider(provider);
-    }, [enabledOnrampProviders, setEnabledOnrampProviders]);
-    const updateSupportsFunding = useCallback((...args_1) => __awaiter(void 0, [...args_1], void 0, function* ({ address, token } = {}) {
-        var _f;
-        if (!fundingEnabled)
-            return;
-        if (!primaryWallet)
-            return;
-        const chainName = (_f = getChainInfo(primaryWallet.chain)) === null || _f === void 0 ? void 0 : _f.name;
-        if (!chainName)
-            return;
-        const bitcoinAddress = isBitcoinConnector(primaryWallet.connector) &&
-            getWalletAdditionalAddressByType(WalletAddressType.Payment, primaryWallet);
-        const chainHasNetwork = network && chainName === 'evm';
-        try {
-            const onrampProviders = yield getOnrampProviders({
-                chain: chainName,
-                environmentId,
-                networkId: chainHasNetwork ? network.toString() : undefined,
-                token,
-                walletAddress: address || bitcoinAddress || primaryWallet.address,
-            });
-            const enabledOnrampProviders = onrampProviders.filter((p) => {
-                var _a, _b, _c;
-                return (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps) === null || _c === void 0 ? void 0 : _c.includes(p.provider);
-            });
-            if (enabledOnrampProviders.length) {
-                setSupportsFunding(true);
-            }
-            setEnabledOnrampProviders(enabledOnrampProviders);
-        }
-        catch (error) {
-            setSupportsFunding(false);
-        }
-    }), [
+    const [enabledOnrampProvidersTarget, setEnabledOnrampProvidersTarget] = useState({});
+    const enabledOnrampProviders = useEnabledOnrampProviders({
         environmentId,
-        fundingEnabled,
         network,
         primaryWallet,
-        (_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.funding) === null || _e === void 0 ? void 0 : _e.onramps,
-    ]);
+        projectSettingsOnramps: (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.funding) === null || _b === void 0 ? void 0 : _b.onramps,
+        target: enabledOnrampProvidersTarget,
+    });
+    const onrampEnabled = Boolean(((_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.funding) === null || _d === void 0 ? void 0 : _d.onramps) === null || _e === void 0 ? void 0 : _e.length) &&
+        enabledOnrampProviders.length);
+    const selectedOnramp = useMemo(() => {
+        if (!enabledOnrampProviders.length)
+            return;
+        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === selectedOnrampProvider);
+        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url))
+            return;
+        return selectedProvider;
+    }, [enabledOnrampProviders, selectedOnrampProvider]);
+    const isSelectedOnrampUnsupported = useMemo(() => {
+        if (!enabledOnrampProviders.length)
+            return true;
+        if (!selectedOnrampProvider)
+            return false;
+        const selectedProvider = enabledOnrampProviders.find((p) => p.provider === selectedOnrampProvider);
+        if (!selectedProvider || !(selectedProvider === null || selectedProvider === void 0 ? void 0 : selectedProvider.url))
+            return true;
+        return false;
+    }, [enabledOnrampProviders, selectedOnrampProvider]);
     const value = useMemo(() => ({
-        fundingEnabled,
-        fundingRef,
-        fundingUrl,
-        selectedFundingProvider,
+        enabledOnrampProviders,
+        isSelectedOnrampUnsupported,
+        onrampEnabled,
+        selectedOnramp,
+        setEnabledOnrampProvidersTarget,
         setSelectedOnrampProvider,
-        setShowFunding,
-        showFunding,
-        supportsFunding,
-        updateSupportsFunding,
+        setShowOnramp,
+        showOnramp,
     }), [
-        fundingEnabled,
-        fundingUrl,
-        selectedFundingProvider,
+        onrampEnabled,
+        selectedOnramp,
         setSelectedOnrampProvider,
-        showFunding,
-        supportsFunding,
-        updateSupportsFunding,
+        showOnramp,
+        isSelectedOnrampUnsupported,
+        enabledOnrampProviders,
     ]);
-    useEffect(() => {
-        updateSupportsFunding();
-    }, [environmentId, fundingEnabled, network, primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address]);
-    return (jsx(FundingContext.Provider, { value: value, children: children }));
+    return (jsx(OnrampContext.Provider, { value: value, children: children }));
 };
-const useFundingContext = () => {
-    const context = useContext(FundingContext);
-    if (context === undefined) {
-        throw new Error('usage of useFundingContext not wrapped in `FundingContextProvider`.');
-    }
+const useOnrampContext = () => {
+    const context = useContext(OnrampContext);
+    if (!context)
+        throw new Error('useOnrampContext must be used within a OnrampContextProvider');
     return context;
 };
 
-export { FundingContext, FundingContextProvider, useFundingContext };
+export { OnrampContext, OnrampContextProvider, useOnrampContext };

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

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

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

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

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

@@ -0,0 +1,45 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var getWalletAdditionalAddressByType = require('../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
+var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
+var onramp = require('../../../data/api/onramp/onramp.cjs');
+
+const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }) => {
+    var _a;
+    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 bitcoinAddress = primaryWallet &&
+        walletConnectorCore.isBitcoinConnector(primaryWallet.connector) &&
+        getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, primaryWallet);
+    const chainHasNetwork = network && chainName === 'evm';
+    const { data: onrampProviders } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!chainName || !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address))
+            return [];
+        return onramp.getOnrampProviders({
+            chain: chainName,
+            environmentId,
+            networkId: chainHasNetwork ? network.toString() : undefined,
+            token: target.token,
+            walletAddress: target.address || bitcoinAddress || primaryWallet.address,
+        });
+    }), {
+        deps: [
+            environmentId,
+            network,
+            primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address,
+            target.address,
+            target.token,
+        ],
+        initialData: [],
+    });
+    return onrampProviders.filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider));
+};
+
+exports.useEnabledOnrampProviders = useEnabledOnrampProviders;

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

@@ -0,0 +1,15 @@
+import { Wallet } from '@dynamic-labs/wallet-connector-core';
+import { OnrampConfiguration, OnrampProviders } from '@dynamic-labs/sdk-api-core';
+export type EnabledOnrampProvidersTarget = {
+    address?: string;
+    token?: string;
+};
+type UseEnabledOnrampProvidersProps = {
+    projectSettingsOnramps: OnrampProviders[] | undefined;
+    primaryWallet: Wallet | null;
+    network: number | string | undefined;
+    environmentId: string;
+    target: EnabledOnrampProvidersTarget;
+};
+export declare const useEnabledOnrampProviders: ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }: UseEnabledOnrampProvidersProps) => OnrampConfiguration[];
+export {};

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

@@ -0,0 +1,41 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { getChainInfo, isBitcoinConnector } from '@dynamic-labs/wallet-connector-core';
+import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
+import { getWalletAdditionalAddressByType } from '../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
+import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
+import { getOnrampProviders } from '../../../data/api/onramp/onramp.js';
+
+const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }) => {
+    var _a;
+    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 bitcoinAddress = primaryWallet &&
+        isBitcoinConnector(primaryWallet.connector) &&
+        getWalletAdditionalAddressByType(WalletAddressType.Payment, primaryWallet);
+    const chainHasNetwork = network && chainName === 'evm';
+    const { data: onrampProviders } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!chainName || !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address))
+            return [];
+        return getOnrampProviders({
+            chain: chainName,
+            environmentId,
+            networkId: chainHasNetwork ? network.toString() : undefined,
+            token: target.token,
+            walletAddress: target.address || bitcoinAddress || primaryWallet.address,
+        });
+    }), {
+        deps: [
+            environmentId,
+            network,
+            primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address,
+            target.address,
+            target.token,
+        ],
+        initialData: [],
+    });
+    return onrampProviders.filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider));
+};
+
+export { useEnabledOnrampProviders };

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -45,6 +45,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.c
 var useIsTurnkeyWallet = require('../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
+require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');
 var useEmbeddedWallet = require('../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 require('../WalletContext/WalletContext.cjs');
@@ -79,7 +80,6 @@ require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../IpConfigurationContext/IpConfigurationContext.cjs');
-require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../ConnectWithOtpContext/constants.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -90,6 +90,7 @@ require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cj
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -41,6 +41,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js
 import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
+import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../LoadingContext/LoadingContext.js';
 import { useEmbeddedWallet } from '../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 import '../WalletContext/WalletContext.js';
@@ -75,7 +76,6 @@ import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../FooterAnimationContext/index.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../IpConfigurationContext/IpConfigurationContext.js';
-import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../ConnectWithOtpContext/constants.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -86,6 +86,7 @@ import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js'
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';