@dynamic-labs/sdk-react-core 4.4.4 → 4.5.0

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.d.ts

@@ -6,5 +6,6 @@ export type FundingMethod = {
     showChevron?: boolean;
     onClick: () => void;
     previewIcons?: JSX.Element[];
+    description?: string;
 };
 export declare const useFundingMethods: () => FundingMethod[];

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.js

@@ -1,15 +1,15 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
+import { useMemo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { OnrampProviders } from '@dynamic-labs/sdk-api-core';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 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';
+import '@dynamic-labs/sdk-api-core';
 import '../../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -41,6 +41,7 @@ import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';
@@ -77,7 +78,7 @@ import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useOnrampContext } from '../../../../../context/OnrampContext/OnrampContext.js';
 import { FilterChain } from '../../../../../utils/functions/walletFilters/index.js';
-import { useFunding } from '../../../../../utils/hooks/useFunding/useFunding.js';
+import { useFundWithWallet } from '../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
 import { useWalletList } from '../../../../../utils/hooks/useWalletList/useWalletList.js';
 import { useStartExternalWalletFunding } from './useStartExternalWalletFunding/useStartExternalWalletFunding.js';
 import 'qrcode';
@@ -105,51 +106,87 @@ const MAX_PREVIEW_ICONS = 3;
 const useFundingMethods = () => {
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
-    const { externalWalletFundingEnabled, openOnramp } = useFunding();
-    const { enabledOnrampProviders, onrampEnabled } = useOnrampContext();
+    const { externalWalletFundingEnabled } = useFundWithWallet();
+    const { enabledOnrampProviders } = useOnrampContext();
     const { primaryWallet } = useInternalDynamicContext();
+    const viewWalletsFilter = useMemo(() => (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
+        ? FilterChain(primaryWallet.chain)
+        : undefined, [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain]);
     const { walletsList } = useWalletList({
-        viewWalletsFilter: (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
-            ? FilterChain(primaryWallet.chain)
-            : undefined,
+        viewWalletsFilter,
     });
     const walletGroups = useWalletGroups();
     const startExternalWalletFunding = useStartExternalWalletFunding();
-    const methods = [
-        {
-            icon: jsx(SvgQrCode, {}),
-            key: 'qr',
-            label: t('dyn_wallet_funding.funding_method_selection.qr_option'),
-            onClick: () => setDynamicWidgetView('deposit-view'),
-            showChevron: true,
-        },
-    ];
-    if (onrampEnabled) {
-        const previewIcons = slicePreviewIcons(enabledOnrampProviders.map(({ iconUrl, name }) => (jsx("div", { className: 'choose-wallet-funding-method__options__option__trailing__preview-icons__onramp-icon', children: jsx("img", { src: iconUrl, alt: `${name}-icon` }) }, name))));
-        methods.push({
-            icon: jsx(SvgGlobe, {}),
-            key: 'buy',
-            label: t('dyn_wallet_funding.funding_method_selection.buy_option'),
-            onClick: () => openOnramp({ onrampProvider: OnrampProviders.Banxa }),
-            previewIcons,
-            showChevron: false,
-        });
-    }
-    if (externalWalletFundingEnabled) {
-        const previewIcons = slicePreviewIcons(walletsList.map(({ key, walletConnector }, index) => {
+    const onrampOptions = useMemo(() => enabledOnrampProviders.filter(({ isPaymentMethod }) => !isPaymentMethod), [enabledOnrampProviders]);
+    const paymentMethods = useMemo(() => enabledOnrampProviders.filter(({ isPaymentMethod }) => isPaymentMethod), [enabledOnrampProviders]);
+    const handleQrClick = useCallback(() => setDynamicWidgetView('deposit-view'), [setDynamicWidgetView]);
+    const handleBuyCryptoClick = useCallback(() => onrampOptions.length > 1
+        ? setDynamicWidgetView('choose-onramp-provider')
+        : onrampOptions[0].onClick(), [onrampOptions, setDynamicWidgetView]);
+    const previewWalletIcons = useMemo(() => {
+        if (!externalWalletFundingEnabled)
+            return [];
+        return slicePreviewIcons(walletsList.map(({ key, walletConnector }, index) => {
             var _a, _b, _c;
             return (jsx("div", { className: 'choose-wallet-funding-method__options__option__trailing__preview-icons__wallet-icon', style: { '--z-index': MAX_PREVIEW_ICONS - index }, children: jsx(WalletIcon, { icon: (_a = walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.metadata.icon) !== null && _a !== void 0 ? _a : (_c = (_b = walletGroups[key]) === null || _b === void 0 ? void 0 : _b.brand) === null || _c === void 0 ? void 0 : _c.icon, walletKey: key, isGroup: false }) }, key));
         }));
-        methods.push({
-            icon: jsx(SvgWalletOutlineV2, {}),
-            key: 'external-wallet',
-            label: t('dyn_wallet_funding.funding_method_selection.external_wallet_option'),
-            onClick: startExternalWalletFunding,
-            previewIcons,
-            showChevron: true,
+    }, [externalWalletFundingEnabled, walletsList, walletGroups]);
+    const previewOnrampIcons = useMemo(() => {
+        if (!onrampOptions.length)
+            return [];
+        return slicePreviewIcons(onrampOptions.map(({ iconUrl, id }) => (jsx("div", { className: 'choose-wallet-funding-method__options__option__trailing__preview-icons__onramp-icon', children: jsx("img", { src: iconUrl, alt: `${id}-icon` }) }, id))));
+    }, [onrampOptions]);
+    return useMemo(() => {
+        const methods = [
+            {
+                icon: jsx(SvgQrCode, {}),
+                key: 'qr',
+                label: t('dyn_wallet_funding.funding_method_selection.qr_option'),
+                onClick: handleQrClick,
+                showChevron: true,
+            },
+        ];
+        paymentMethods.forEach(({ id, iconUrl, displayName, onClick }) => {
+            methods.push({
+                icon: jsx("img", { src: iconUrl, alt: displayName }),
+                key: id,
+                label: displayName,
+                onClick,
+                showChevron: false,
+            });
         });
-    }
-    return methods;
+        if (onrampOptions.length) {
+            methods.push({
+                icon: jsx(SvgGlobe, {}),
+                key: 'buy',
+                label: t('dyn_wallet_funding.funding_method_selection.buy_option'),
+                onClick: handleBuyCryptoClick,
+                previewIcons: previewOnrampIcons,
+                showChevron: onrampOptions.length > 1,
+            });
+        }
+        if (externalWalletFundingEnabled) {
+            methods.push({
+                icon: jsx(SvgWalletOutlineV2, {}),
+                key: 'external-wallet',
+                label: t('dyn_wallet_funding.funding_method_selection.external_wallet_option'),
+                onClick: startExternalWalletFunding,
+                previewIcons: previewWalletIcons,
+                showChevron: true,
+            });
+        }
+        return methods;
+    }, [
+        t,
+        handleQrClick,
+        paymentMethods,
+        onrampOptions.length,
+        handleBuyCryptoClick,
+        previewOnrampIcons,
+        externalWalletFundingEnabled,
+        startExternalWalletFunding,
+        previewWalletIcons,
+    ]);
 };
 
 export { useFundingMethods };

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/useStartExternalWalletFunding.cjs

@@ -5,42 +5,38 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 var projectSettings = require('../../../../../../store/state/projectSettings/projectSettings.cjs');
-var useFunding = require('../../../../../../utils/hooks/useFunding/useFunding.cjs');
-var DynamicWidgetContext = require('../../../../context/DynamicWidgetContext.cjs');
+var useFundWithWallet = require('../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.cjs');
 
 const useStartExternalWalletFunding = () => {
-    var _a, _b;
+    var _a, _b, _c;
+    const { connectWalletForFunding, promptAmountAndFund } = useFundWithWallet.useFundWithWallet();
     const settings = projectSettings.useProjectSettings();
-    const { connectWalletForFunding } = useFunding.useFunding();
-    const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     return React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d;
+        var _d, _e, _f, _g, _h, _j;
         try {
             const externalWallet = yield connectWalletForFunding();
-            const minAmount = (_d = (_c = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _c === void 0 ? void 0 : _c.externalWallets) === null || _d === void 0 ? void 0 : _d.minAmount;
-            const recommendedToken = minAmount === null || minAmount === void 0 ? void 0 : minAmount.currency;
-            const minValue = (minAmount === null || minAmount === void 0 ? void 0 : minAmount.amount)
-                ? parseFloat(minAmount.amount)
-                : undefined;
-            setDynamicWidgetView('receive-external-wallet-funds', {
-                amount: minValue ? { rule: 'minimum', value: minValue } : undefined,
+            const walletChain = externalWallet.connector.connectedChain;
+            const chainSettings = (_g = (_f = (_e = (_d = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _d === void 0 ? void 0 : _d.externalWallets) === null || _e === void 0 ? void 0 : _e.defaultSettings) === null || _f === void 0 ? void 0 : _f.chainSettings) === null || _g === void 0 ? void 0 : _g.find(({ chain }) => chain === walletChain);
+            // This is always supposed to be present, otherwise there's some backend error
+            if (!((_h = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _h === void 0 ? void 0 : _h.value) || !((_j = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _j === void 0 ? void 0 : _j.rule))
+                throw new utils.DynamicError(`No external wallet funding chain settings found for chain ${walletChain}`);
+            promptAmountAndFund({
                 externalWallet,
-                token: recommendedToken
-                    ? {
-                        rule: 'recommended',
-                        value: recommendedToken,
-                    }
-                    : undefined,
+                token: {
+                    rule: chainSettings.token.rule,
+                    value: chainSettings.token.value,
+                },
             });
         }
-        catch (_e) {
+        catch (_k) {
             /* empty */
         }
     }), [
         connectWalletForFunding,
-        setDynamicWidgetView,
-        (_b = (_a = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _a === void 0 ? void 0 : _a.externalWallets) === null || _b === void 0 ? void 0 : _b.minAmount,
+        promptAmountAndFund,
+        (_c = (_b = (_a = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _a === void 0 ? void 0 : _a.externalWallets) === null || _b === void 0 ? void 0 : _b.defaultSettings) === null || _c === void 0 ? void 0 : _c.chainSettings,
     ]);
 };
 

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/useStartExternalWalletFunding.js

@@ -1,42 +1,38 @@
 'use client'
 import { __awaiter } from '../../../../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
+import { DynamicError } from '@dynamic-labs/utils';
 import { useProjectSettings } from '../../../../../../store/state/projectSettings/projectSettings.js';
-import { useFunding } from '../../../../../../utils/hooks/useFunding/useFunding.js';
-import { useWidgetContext } from '../../../../context/DynamicWidgetContext.js';
+import { useFundWithWallet } from '../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
 
 const useStartExternalWalletFunding = () => {
-    var _a, _b;
+    var _a, _b, _c;
+    const { connectWalletForFunding, promptAmountAndFund } = useFundWithWallet();
     const settings = useProjectSettings();
-    const { connectWalletForFunding } = useFunding();
-    const { setDynamicWidgetView } = useWidgetContext();
     return useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d;
+        var _d, _e, _f, _g, _h, _j;
         try {
             const externalWallet = yield connectWalletForFunding();
-            const minAmount = (_d = (_c = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _c === void 0 ? void 0 : _c.externalWallets) === null || _d === void 0 ? void 0 : _d.minAmount;
-            const recommendedToken = minAmount === null || minAmount === void 0 ? void 0 : minAmount.currency;
-            const minValue = (minAmount === null || minAmount === void 0 ? void 0 : minAmount.amount)
-                ? parseFloat(minAmount.amount)
-                : undefined;
-            setDynamicWidgetView('receive-external-wallet-funds', {
-                amount: minValue ? { rule: 'minimum', value: minValue } : undefined,
+            const walletChain = externalWallet.connector.connectedChain;
+            const chainSettings = (_g = (_f = (_e = (_d = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _d === void 0 ? void 0 : _d.externalWallets) === null || _e === void 0 ? void 0 : _e.defaultSettings) === null || _f === void 0 ? void 0 : _f.chainSettings) === null || _g === void 0 ? void 0 : _g.find(({ chain }) => chain === walletChain);
+            // This is always supposed to be present, otherwise there's some backend error
+            if (!((_h = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _h === void 0 ? void 0 : _h.value) || !((_j = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _j === void 0 ? void 0 : _j.rule))
+                throw new DynamicError(`No external wallet funding chain settings found for chain ${walletChain}`);
+            promptAmountAndFund({
                 externalWallet,
-                token: recommendedToken
-                    ? {
-                        rule: 'recommended',
-                        value: recommendedToken,
-                    }
-                    : undefined,
+                token: {
+                    rule: chainSettings.token.rule,
+                    value: chainSettings.token.value,
+                },
             });
         }
-        catch (_e) {
+        catch (_k) {
             /* empty */
         }
     }), [
         connectWalletForFunding,
-        setDynamicWidgetView,
-        (_b = (_a = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _a === void 0 ? void 0 : _a.externalWallets) === null || _b === void 0 ? void 0 : _b.minAmount,
+        promptAmountAndFund,
+        (_c = (_b = (_a = settings === null || settings === void 0 ? void 0 : settings.sdk.funding) === null || _a === void 0 ? void 0 : _a.externalWallets) === null || _b === void 0 ? void 0 : _b.defaultSettings) === null || _c === void 0 ? void 0 : _c.chainSettings,
     ]);
 };
 

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

@@ -45,6 +45,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -41,6 +41,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -47,6 +47,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -43,6 +43,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';

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

@@ -41,6 +41,7 @@ require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -37,6 +37,7 @@ import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -47,6 +47,8 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+var blockaid = require('../../../../data/api/transactions/blockaid.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
@@ -82,7 +84,6 @@ require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-var blockaid = require('../../../../data/api/transactions/blockaid.cjs');
 var GlobalWalletScanner = require('./scanner/GlobalWalletScanner.cjs');
 require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');

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

@@ -43,6 +43,8 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import { isMaliciousUrl } from '../../../../data/api/transactions/blockaid.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
@@ -78,7 +80,6 @@ import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import { isMaliciousUrl } from '../../../../data/api/transactions/blockaid.js';
 import { GlobalWalletScanner } from './scanner/GlobalWalletScanner.js';
 import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';

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

@@ -44,6 +44,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -40,6 +40,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -44,6 +44,7 @@ require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePasskeyRecovery = require('../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -40,6 +40,7 @@ import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { usePasskeyRecovery } from '../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs

@@ -44,6 +44,7 @@ require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js

@@ -40,6 +40,7 @@ import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';

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

@@ -46,6 +46,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
@@ -289,7 +290,7 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                                     symbol: tokenSymbol,
                                                     value: balanceNumber,
                                                     withFixedZeros: isFiatToken.isFiatToken(tokenSymbol) || tokenSymbol === 'USDC',
-                                                }) })] }), !disableTokenSelect && (jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsxRuntime.jsx(chevronDown.ReactComponent, {}) }))] }))] })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: !isMinimumRespected || showNotEnoughBalance || !isNonZero.isNonZero(tokenAmount), onClick: () => handleSubmit({
+                                                }) })] }), !disableTokenSelect && (jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsxRuntime.jsx(chevronDown.ReactComponent, {}) }))] }))] })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: !isMinimumRespected || showNotEnoughBalance || !isNonZero.isNonZero(tokenAmount), onClick: () => handleSubmit({
                     externalWallet,
                     tokenAmount,
                     tokenBalances,

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

@@ -42,6 +42,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
@@ -285,7 +286,7 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                                     symbol: tokenSymbol,
                                                     value: balanceNumber,
                                                     withFixedZeros: isFiatToken(tokenSymbol) || tokenSymbol === 'USDC',
-                                                }) })] }), !disableTokenSelect && (jsx(Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsx(SvgChevronDown, {}) }))] }))] })] }), jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: !isMinimumRespected || showNotEnoughBalance || !isNonZero(tokenAmount), onClick: () => handleSubmit({
+                                                }) })] }), !disableTokenSelect && (jsx(Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsx(SvgChevronDown, {}) }))] }))] })] }), jsx(TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: !isMinimumRespected || showNotEnoughBalance || !isNonZero(tokenAmount), onClick: () => handleSubmit({
                     externalWallet,
                     tokenAmount,
                     tokenBalances,

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/TokenSelectScreen/TokenOption/TokenOption.cjs

@@ -42,6 +42,7 @@ require('react-dom');
 require('../../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/TokenSelectScreen/TokenOption/TokenOption.js

@@ -38,6 +38,7 @@ import 'react-dom';
 import '../../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../../context/LoadingContext/LoadingContext.js';

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/TokenSelectScreen/TokenSelectScreen.cjs

@@ -44,6 +44,7 @@ require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/TokenSelectScreen/TokenSelectScreen.js

@@ -40,6 +40,7 @@ import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var logger = require('../../../../../../shared/logger.cjs');
-var useFunding = require('../../../../../../utils/hooks/useFunding/useFunding.cjs');
+var useFundWithWallet = require('../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.cjs');
 var DynamicWidgetContext = require('../../../../context/DynamicWidgetContext.cjs');
 
 const useSubmitExternalWalletFunding = () => {
-    const { fundWithExternalWallet } = useFunding.useFunding();
+    const { fund } = useFundWithWallet.useFundWithWallet();
     const { goToInitialDynamicWidgetView, setHeaderAlert } = DynamicWidgetContext.useWidgetContext();
     return React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ tokenAmount, externalWallet, tokenSymbol, tokenBalances, }) {
         var _b;
@@ -23,7 +23,7 @@ const useSubmitExternalWalletFunding = () => {
         if (!token)
             return;
         try {
-            const txId = yield fundWithExternalWallet({
+            const txId = yield fund({
                 amount: parseFloat(tokenAmount),
                 fromWallet: externalWallet,
                 token: token === 'native' ? undefined : token,
@@ -38,7 +38,7 @@ const useSubmitExternalWalletFunding = () => {
         catch (error) {
             logger.logger.error('Failed to fund with external wallet', error);
         }
-    }), [fundWithExternalWallet, goToInitialDynamicWidgetView, setHeaderAlert]);
+    }), [fund, goToInitialDynamicWidgetView, setHeaderAlert]);
 };
 
 exports.useSubmitExternalWalletFunding = useSubmitExternalWalletFunding;

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

@@ -2,11 +2,11 @@
 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 { useFundWithWallet } from '../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
 import { useWidgetContext } from '../../../../context/DynamicWidgetContext.js';
 
 const useSubmitExternalWalletFunding = () => {
-    const { fundWithExternalWallet } = useFunding();
+    const { fund } = useFundWithWallet();
     const { goToInitialDynamicWidgetView, setHeaderAlert } = useWidgetContext();
     return useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ tokenAmount, externalWallet, tokenSymbol, tokenBalances, }) {
         var _b;
@@ -19,7 +19,7 @@ const useSubmitExternalWalletFunding = () => {
         if (!token)
             return;
         try {
-            const txId = yield fundWithExternalWallet({
+            const txId = yield fund({
                 amount: parseFloat(tokenAmount),
                 fromWallet: externalWallet,
                 token: token === 'native' ? undefined : token,
@@ -34,7 +34,7 @@ const useSubmitExternalWalletFunding = () => {
         catch (error) {
             logger.error('Failed to fund with external wallet', error);
         }
-    }), [fundWithExternalWallet, goToInitialDynamicWidgetView, setHeaderAlert]);
+    }), [fund, goToInitialDynamicWidgetView, setHeaderAlert]);
 };
 
 export { useSubmitExternalWalletFunding };

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

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../../context/LoadingContext/LoadingContext.js';