@dynamic-labs/sdk-react-core 4.3.2 → 4.4.1

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useSubmitExternalWalletFunding/useSubmitExternalWalletFunding.js

@@ -0,0 +1,40 @@
+'use client'
+import { __awaiter } from '../../../../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { logger } from '../../../../../../shared/logger.js';
+import { useFunding } from '../../../../../../utils/hooks/useFunding/useFunding.js';
+import { useWidgetContext } from '../../../../context/DynamicWidgetContext.js';
+
+const useSubmitExternalWalletFunding = () => {
+    const { fundWithExternalWallet } = useFunding();
+    const { goToInitialDynamicWidgetView, setHeaderAlert } = useWidgetContext();
+    return useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ tokenAmount, externalWallet, tokenSymbol, tokenBalances, }) {
+        var _b;
+        if (!tokenAmount)
+            return;
+        // This should be defined because if the current token is not in the tokenBalances,
+        // the user would not be able to select it in the token select screen,
+        // or if it was already selected, the user would see balance as 0 and submit button would be disabled
+        const token = (_b = tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.find(({ symbol }) => symbol === tokenSymbol)) === null || _b === void 0 ? void 0 : _b.token;
+        if (!token)
+            return;
+        try {
+            const txId = yield fundWithExternalWallet({
+                amount: parseFloat(tokenAmount),
+                fromWallet: externalWallet,
+                token: token === 'native' ? undefined : token,
+            });
+            logger.info(`Funding with external wallet succeeded with transaction id: ${txId}`);
+            goToInitialDynamicWidgetView();
+            setHeaderAlert({
+                copykey: 'dyn_wallet_funding.success',
+                variant: 'success',
+            });
+        }
+        catch (error) {
+            logger.error('Failed to fund with external wallet', error);
+        }
+    }), [fundWithExternalWallet, goToInitialDynamicWidgetView, setHeaderAlert]);
+};
+
+export { useSubmitExternalWalletFunding };

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useTokensForFunding/useTokensForFunding.cjs

@@ -72,7 +72,6 @@ var useFetchBalance = require('../../../../hooks/useFetchBalance/useFetchBalance
 var useFetchCurrency = require('../../../../hooks/useFetchCurrency/useFetchCurrency.cjs');
 require('formik');
 require('../../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -80,12 +79,14 @@ require('../../../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/DynamicWidgetContext.cjs');
+require('../../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../../store/state/sendBalances.cjs');
 require('../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../ReceiveExternalWalletFunds.cjs');
 require('../../../../../../../index.cjs');
 var useTokenBalances = require('../../../../../../utils/hooks/useTokenBalances/useTokenBalances.cjs');
@@ -95,8 +96,11 @@ var useInternalDynamicContext = require('../../../../../../context/DynamicContex
 const useTokensForFunding = ({ wallet, }) => {
     var _a, _b, _c, _d, _e;
     const { network } = useInternalDynamicContext.useInternalDynamicContext();
-    const { tokenBalances } = useTokenBalances.useTokenBalances({
+    const { tokenBalances, isLoading: tokenBalancesLoading } = useTokenBalances.useTokenBalances({
         accountAddress: wallet.address,
+        chainName: wallet.connector.connectedChain,
+        includeFiat: true,
+        includeNativeBalance: true,
     });
     const { currency } = useFetchCurrency.useFetchCurrency(wallet.connector, network);
     const { balance } = useFetchBalance.useFetchBalance({
@@ -106,24 +110,35 @@ const useTokensForFunding = ({ wallet, }) => {
     });
     const evmNetworks = (_a = wallet.connector.evmNetworks) !== null && _a !== void 0 ? _a : [];
     const solNetworks = (_b = wallet.connector.solNetworks) !== null && _b !== void 0 ? _b : [];
-    const parsedTokens = tokenBalances
-        // Contrary to what the type says, symbol and name may be undefined
-        .filter(({ symbol, balance }) => symbol && balance)
-        .map(({ symbol, balance, name, logoURI }) => ({
-        balance: parseFloat(balance.toString()),
-        logoURI,
-        name: name !== null && name !== void 0 ? name : symbol,
-        symbol: symbol,
-    }));
+    let parsedTokens = [];
+    if (!tokenBalancesLoading) {
+        parsedTokens = tokenBalances
+            // Contrary to what the type says, symbol and name may be undefined
+            .filter(({ symbol, balance, address }) => symbol && balance && address)
+            .map(({ symbol, balance, name, logoURI, address, decimals }) => ({
+            balance: parseFloat(balance.toString()),
+            logoURI,
+            name: name !== null && name !== void 0 ? name : symbol,
+            symbol: symbol,
+            token: {
+                address,
+                decimals,
+            },
+        }));
+    }
     if ((currency === null || currency === void 0 ? void 0 : currency.symbol) && parseFloat(balance !== null && balance !== void 0 ? balance : '0')) {
-        if (parsedTokens.find((token) => token.symbol === currency.symbol))
+        const nativeToken = parsedTokens.find((token) => token.symbol === currency.symbol);
+        if (nativeToken) {
+            nativeToken.token = 'native';
             return parsedTokens;
+        }
         const logoURI = (_d = (_c = [...evmNetworks, ...solNetworks]) === null || _c === void 0 ? void 0 : _c.find(({ chainId }) => chainId === network)) === null || _d === void 0 ? void 0 : _d.iconUrls[0];
         const fetchedToken = {
             balance: parseFloat(balance !== null && balance !== void 0 ? balance : '0'),
             logoURI,
             name: (_e = currency.name) !== null && _e !== void 0 ? _e : currency.symbol,
             symbol: currency.symbol,
+            token: 'native',
         };
         return [...parsedTokens, fetchedToken];
     }

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useTokensForFunding/useTokensForFunding.js

@@ -68,7 +68,6 @@ import { useFetchBalance } from '../../../../hooks/useFetchBalance/useFetchBalan
 import { useFetchCurrency } from '../../../../hooks/useFetchCurrency/useFetchCurrency.js';
 import 'formik';
 import '../../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -76,12 +75,14 @@ import '../../../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/DynamicWidgetContext.js';
+import '../../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../../store/state/sendBalances.js';
 import '../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../../../context/OnrampContext/OnrampContext.js';
 import '../../ReceiveExternalWalletFunds.js';
 import '../../../../../../../index.js';
 import { useTokenBalances } from '../../../../../../utils/hooks/useTokenBalances/useTokenBalances.js';
@@ -91,8 +92,11 @@ import { useInternalDynamicContext } from '../../../../../../context/DynamicCont
 const useTokensForFunding = ({ wallet, }) => {
     var _a, _b, _c, _d, _e;
     const { network } = useInternalDynamicContext();
-    const { tokenBalances } = useTokenBalances({
+    const { tokenBalances, isLoading: tokenBalancesLoading } = useTokenBalances({
         accountAddress: wallet.address,
+        chainName: wallet.connector.connectedChain,
+        includeFiat: true,
+        includeNativeBalance: true,
     });
     const { currency } = useFetchCurrency(wallet.connector, network);
     const { balance } = useFetchBalance({
@@ -102,24 +106,35 @@ const useTokensForFunding = ({ wallet, }) => {
     });
     const evmNetworks = (_a = wallet.connector.evmNetworks) !== null && _a !== void 0 ? _a : [];
     const solNetworks = (_b = wallet.connector.solNetworks) !== null && _b !== void 0 ? _b : [];
-    const parsedTokens = tokenBalances
-        // Contrary to what the type says, symbol and name may be undefined
-        .filter(({ symbol, balance }) => symbol && balance)
-        .map(({ symbol, balance, name, logoURI }) => ({
-        balance: parseFloat(balance.toString()),
-        logoURI,
-        name: name !== null && name !== void 0 ? name : symbol,
-        symbol: symbol,
-    }));
+    let parsedTokens = [];
+    if (!tokenBalancesLoading) {
+        parsedTokens = tokenBalances
+            // Contrary to what the type says, symbol and name may be undefined
+            .filter(({ symbol, balance, address }) => symbol && balance && address)
+            .map(({ symbol, balance, name, logoURI, address, decimals }) => ({
+            balance: parseFloat(balance.toString()),
+            logoURI,
+            name: name !== null && name !== void 0 ? name : symbol,
+            symbol: symbol,
+            token: {
+                address,
+                decimals,
+            },
+        }));
+    }
     if ((currency === null || currency === void 0 ? void 0 : currency.symbol) && parseFloat(balance !== null && balance !== void 0 ? balance : '0')) {
-        if (parsedTokens.find((token) => token.symbol === currency.symbol))
+        const nativeToken = parsedTokens.find((token) => token.symbol === currency.symbol);
+        if (nativeToken) {
+            nativeToken.token = 'native';
             return parsedTokens;
+        }
         const logoURI = (_d = (_c = [...evmNetworks, ...solNetworks]) === null || _c === void 0 ? void 0 : _c.find(({ chainId }) => chainId === network)) === null || _d === void 0 ? void 0 : _d.iconUrls[0];
         const fetchedToken = {
             balance: parseFloat(balance !== null && balance !== void 0 ? balance : '0'),
             logoURI,
             name: (_e = currency.name) !== null && _e !== void 0 ? _e : currency.symbol,
             symbol: currency.symbol,
+            token: 'native',
         };
         return [...parsedTokens, fetchedToken];
     }

package/src/lib/widgets/DynamicWidget/views/SettingsView/SettingsView.cjs

@@ -93,7 +93,6 @@ require('react-focus-lock');
 require('qrcode');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -101,6 +100,7 @@ require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 var PasskeyDeviceIcon = require('../../../../views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
@@ -110,6 +110,7 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
 var useEmbeddedWalletAuthenticator = require('../../../../utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');

package/src/lib/widgets/DynamicWidget/views/SettingsView/SettingsView.js

@@ -89,7 +89,6 @@ import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -97,6 +96,7 @@ import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import { PasskeyDeviceIcon } from '../../../../views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
@@ -106,6 +106,7 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useEmbeddedReveal } from '../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
 import { useEmbeddedWalletAuthenticator } from '../../../../utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
 import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.cjs

@@ -78,6 +78,8 @@ require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -92,7 +94,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const WalletsView = () => {
     const { user, multiWallet } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/views/WalletsView/WalletsView.js

@@ -74,6 +74,8 @@ import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -88,7 +90,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const WalletsView = () => {
     const { user, multiWallet } = useInternalDynamicContext();

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -4,10 +4,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 require('@dynamic-labs/utils');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../components/Alert/Alert.cjs');
-require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
@@ -22,7 +22,6 @@ require('../../../../utils/constants/values.cjs');
 require('../../../../store/state/loadingAndLifecycle.cjs');
 var index = require('../../../../shared/utils/hooks/useOnClickOutside/index.cjs');
 require('../../../../shared/consts/index.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -75,6 +74,8 @@ require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var OnrampContext = require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -89,28 +90,15 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
-var FundingContext = require('../../../../context/FundingContext/FundingContext.cjs');
 
-const Modal = ({ onrampUrl }) => {
-    const { fundingRef, setShowFunding } = FundingContext.useFundingContext();
-    const close = () => {
-        setShowFunding(false);
-    };
-    index.useOnClickOutside(fundingRef, close);
-    return (jsxRuntime.jsx("div", { className: 'fund-wallet__modal', "data-testid": 'fund-wallet-modal', children: jsxRuntime.jsx("div", { className: 'fund-wallet__modal-content', ref: fundingRef, children: jsxRuntime.jsx("iframe", { id: 'onramp-iframe', src: onrampUrl, allow: 'camera *;geolocation *', title: 'Crypto Onramp' }) }) }));
-};
 const FundWalletView = () => {
-    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
-    const { showFunding, fundingUrl, fundingEnabled } = FundingContext.useFundingContext();
-    if (!fundingEnabled ||
-        !showFunding ||
-        !fundingUrl ||
-        !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address)) {
+    const { showOnramp, selectedOnramp, onrampEnabled, setShowOnramp } = OnrampContext.useOnrampContext();
+    const [onrampRef, setOnrampRef] = React.useState(null);
+    index.useOnClickOutside(onrampRef, () => setShowOnramp(false));
+    if (!onrampEnabled || !(selectedOnramp === null || selectedOnramp === void 0 ? void 0 : selectedOnramp.url)) {
         return null;
     }
-    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsxs(OpacityTransition.OpacityTransition, { isShown: showFunding, children: [jsxRuntime.jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true' }), jsxRuntime.jsx("div", { className: 'fund-wallet__modal-container', children: jsxRuntime.jsx(Modal, { onrampUrl: fundingUrl }) })] }) }));
+    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsxs(OpacityTransition.OpacityTransition, { isShown: showOnramp, children: [jsxRuntime.jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true', "data-testid": 'fund-wallet-backdrop' }), jsxRuntime.jsx("div", { className: 'fund-wallet__modal', children: jsxRuntime.jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.url, allow: 'camera *;geolocation *', title: 'Crypto Onramp', ref: setOnrampRef, "data-testid": 'fund-wallet-modal' }) })] }) }));
 };
 
 exports.FundWalletView = FundWalletView;
-exports.Modal = Modal;

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.d.ts

@@ -1,5 +1,2 @@
 import { FC } from 'react';
-export declare const Modal: ({ onrampUrl }: {
-    onrampUrl: string;
-}) => JSX.Element;
 export declare const FundWalletView: FC;

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -1,9 +1,9 @@
 'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
 import '@dynamic-labs/utils';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
-import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
@@ -18,7 +18,6 @@ import '../../../../utils/constants/values.js';
 import '../../../../store/state/loadingAndLifecycle.js';
 import { useOnClickOutside } from '../../../../shared/utils/hooks/useOnClickOutside/index.js';
 import '../../../../shared/consts/index.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -71,6 +70,8 @@ import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useOnrampContext } from '../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -85,27 +86,15 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
-import { useFundingContext } from '../../../../context/FundingContext/FundingContext.js';
 
-const Modal = ({ onrampUrl }) => {
-    const { fundingRef, setShowFunding } = useFundingContext();
-    const close = () => {
-        setShowFunding(false);
-    };
-    useOnClickOutside(fundingRef, close);
-    return (jsx("div", { className: 'fund-wallet__modal', "data-testid": 'fund-wallet-modal', children: jsx("div", { className: 'fund-wallet__modal-content', ref: fundingRef, children: jsx("iframe", { id: 'onramp-iframe', src: onrampUrl, allow: 'camera *;geolocation *', title: 'Crypto Onramp' }) }) }));
-};
 const FundWalletView = () => {
-    const { primaryWallet } = useInternalDynamicContext();
-    const { showFunding, fundingUrl, fundingEnabled } = useFundingContext();
-    if (!fundingEnabled ||
-        !showFunding ||
-        !fundingUrl ||
-        !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address)) {
+    const { showOnramp, selectedOnramp, onrampEnabled, setShowOnramp } = useOnrampContext();
+    const [onrampRef, setOnrampRef] = useState(null);
+    useOnClickOutside(onrampRef, () => setShowOnramp(false));
+    if (!onrampEnabled || !(selectedOnramp === null || selectedOnramp === void 0 ? void 0 : selectedOnramp.url)) {
         return null;
     }
-    return (jsx(ShadowDOM, { children: jsxs(OpacityTransition, { isShown: showFunding, children: [jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true' }), jsx("div", { className: 'fund-wallet__modal-container', children: jsx(Modal, { onrampUrl: fundingUrl }) })] }) }));
+    return (jsx(ShadowDOM, { children: jsxs(OpacityTransition, { isShown: showOnramp, children: [jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true', "data-testid": 'fund-wallet-backdrop' }), jsx("div", { className: 'fund-wallet__modal', children: jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.url, allow: 'camera *;geolocation *', title: 'Crypto Onramp', ref: setOnrampRef, "data-testid": 'fund-wallet-modal' }) })] }) }));
 };
 
-export { FundWalletView, Modal };
+export { FundWalletView };

package/src/lib/components/Alert/Alert.types.d.ts

@@ -1,10 +0,0 @@
-import { FC, PropsWithChildren, ReactElement } from 'react';
-import { CopyKey } from '../../shared';
-export type AlertIcons = 'error';
-export type AlertProps = {
-    contentDataTestId?: string;
-    icon?: ReactElement | AlertIcons;
-    variant?: 'error' | 'warning' | 'info';
-    className?: string;
-} & CopyKey;
-export type AlertComponent = FC<PropsWithChildren<AlertProps>>;

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

@@ -1,20 +0,0 @@
-import { ReactNode, SetStateAction, Dispatch } from 'react';
-import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
-export type FundingContextProps = {
-    updateSupportsFunding: (props?: {
-        address?: string;
-        token?: string;
-    }) => Promise<void>;
-    fundingEnabled: boolean;
-    fundingRef: React.RefObject<HTMLDivElement>;
-    fundingUrl: string;
-    setShowFunding: Dispatch<SetStateAction<boolean>>;
-    showFunding: boolean;
-    supportsFunding: boolean;
-    setSelectedOnrampProvider: (provider: ProviderEnum) => void;
-};
-export declare const FundingContext: import("react").Context<FundingContextProps | undefined>;
-export declare const FundingContextProvider: ({ children, }: {
-    children: ReactNode;
-}) => JSX.Element;
-export declare const useFundingContext: () => FundingContextProps;

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

@@ -1,2 +0,0 @@
-export * from './FundingContext';
-export * from './useFunding';