@dynamic-labs/sdk-react-core 4.25.10 → 4.26.0

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

@@ -6,12 +6,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-var walletBook = require('@dynamic-labs/wallet-book');
 var iconic = require('@dynamic-labs/iconic');
+var walletBook = require('@dynamic-labs/wallet-book');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var arrowLeft = require('../../../../shared/assets/arrow-left.cjs');
 var chevronDown = require('../../../../shared/assets/chevron-down.cjs');
+var close = require('../../../../shared/assets/close.cjs');
 var footerInfoIcon = require('../../../../shared/assets/footer-info-icon.cjs');
 var switchToggle = require('../../../../shared/assets/switch-toggle.cjs');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -36,8 +37,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../locale/locale.cjs');
@@ -119,16 +120,16 @@ var FormattedInput = require('./FormattedInput/FormattedInput.cjs');
 var formattedInputEmitter = require('./FormattedInput/formattedInputEmitter.cjs');
 var TokenSelectScreen = require('./TokenSelectScreen/TokenSelectScreen.cjs');
 var consts = require('./consts.cjs');
+var calculateFiatBalance = require('./utils/calculateFiatBalance/calculateFiatBalance.cjs');
 var convert = require('./utils/convert/convert.cjs');
 var formatValue = require('./utils/formatValue/formatValue.cjs');
 var isFiatToken = require('./utils/isFiatToken/isFiatToken.cjs');
 var isNonZero = require('./utils/isNonZero/isNonZero.cjs');
 var respectsMinimum = require('./utils/respectsMinimum/respectsMinimum.cjs');
 var useExchangeRatesForFunding = require('./utils/useExchangeRatesForFunding/useExchangeRatesForFunding.cjs');
+var useExchangeTokensForFunding = require('./utils/useExchangeTokensForFunding/useExchangeTokensForFunding.cjs');
 var useSubmitWalletFunding = require('./utils/useSubmitWalletFunding/useSubmitWalletFunding.cjs');
 var useTokensForFunding = require('./utils/useTokensForFunding/useTokensForFunding.cjs');
-var calculateFiatBalance = require('./utils/calculateFiatBalance/calculateFiatBalance.cjs');
-var useExchangeTokensForFunding = require('./utils/useExchangeTokensForFunding/useExchangeTokensForFunding.cjs');
 
 const defaultQuickSuggestions = {
     token: 'USD',
@@ -137,7 +138,7 @@ const defaultQuickSuggestions = {
 const rulesThatHideQuickSuggestions = ['exact', 'minimum'];
 const rulesThatDisableTokenSelect = ['exact', 'exact-with-amount'];
 const inputEmitter = formattedInputEmitter.createFormattedInputEmitter();
-const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wallet, exchange, fundingWithExchange = false, accounts, quickSuggestions = defaultQuickSuggestions, }) => {
+const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wallet, exchange, fundingWithExchange = false, accounts, quickSuggestions = defaultQuickSuggestions, network, destinationAddress, onBack, hideBackButton = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     // For now we hardcode the default value, soon we will fetch this from project settings
     const initialToken = initialTokenRaw !== null && initialTokenRaw !== void 0 ? initialTokenRaw : {
@@ -157,31 +158,24 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
     const { t } = reactI18next.useTranslation();
     const [hasUserInteracted, setHasUserInteracted] = React.useState(false);
     const [conversionErrorIconRef, setConversionErrorIconRef] = React.useState(null);
-    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const { primaryWallet, setShowAuthFlow, setShowDynamicUserProfile } = useInternalDynamicContext.useInternalDynamicContext();
     const iconThemeVariant = useIconThemeVariant.useIconThemeVariant();
     const provider = exchange
         ? convertExchangeKeyAndProviderEnum.convertExchangeKeytoProviderEnum(exchange)
         : undefined;
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    let tokenBalancesLoading = false;
-    let tokenBalances = [];
-    if (wallet) {
-        const { isLoading: tokenBalancesLoadingWallet, tokens: tokenBalancesWallet, } = 
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useTokensForFunding.useTokensForFunding({
-            wallet: wallet,
-        });
-        tokenBalancesLoading = tokenBalancesLoadingWallet;
-        tokenBalances = tokenBalancesWallet;
-    }
-    else {
-        tokenBalancesLoading = false;
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const { tokens: tokenBalancesExchange } = useExchangeTokensForFunding.useExchangeTokensForFunding({
-            accounts: accounts !== null && accounts !== void 0 ? accounts : [],
-        });
-        tokenBalances = tokenBalancesExchange;
-    }
+    const { isLoading: tokenBalancesLoadingWallet, tokens: tokenBalancesWallet } = useTokensForFunding.useTokensForFunding({
+        wallet: wallet,
+    });
+    const { tokens: tokenBalancesExchange } = useExchangeTokensForFunding.useExchangeTokensForFunding({
+        accounts: accounts !== null && accounts !== void 0 ? accounts : [],
+    });
+    const tokenBalances = fundingWithExchange
+        ? tokenBalancesExchange
+        : tokenBalancesWallet;
+    const tokenBalancesLoading = fundingWithExchange
+        ? false
+        : tokenBalancesLoadingWallet;
     const exchangeRates = useExchangeRatesForFunding.useExchangeRatesForFunding({
         // Initialize amounts after exchange rates are fetched
         onFetch: (exchangeRates) => {
@@ -340,10 +334,14 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
     const inputSymbolProp = primaryData.symbol === 'USD'
         ? { leading: '$' }
         : { trailing: primaryData.symbol };
-    const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
+    const backButton = hideBackButton ? undefined : (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => onBack ? onBack() : setDynamicWidgetView('choose-wallet-funding-method'), children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
+    const closeButton = hideBackButton ? (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => {
+            setShowAuthFlow(false);
+            setShowDynamicUserProfile(false);
+        }, type: 'button', id: 'close-button', "data-testid": 'close-button-main', children: jsxRuntime.jsx(close.ReactComponent, {}) })) : undefined;
     return (jsxRuntime.jsxs("div", { className: 'fund-from-wallet', children: [!disableTokenSelect && (jsxRuntime.jsx(TokenSelectScreen.TokenSelectScreen, { onClose: closeTokenSelect, onSelectToken: handleSelectToken, tokens: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : [], currentToken: tokenSymbol, className: classNames.classNames('fund-from-wallet__token-select', {
                     'fund-from-wallet__token-select--open': showTokenSelect,
-                }), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates })), jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', copykey: fundingWithExchange
+                }), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates })), jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', copykey: fundingWithExchange
                         ? 'dyn_fund_from_exchange.title'
                         : 'dyn_wallet_funding.from_wallet.amount_input.title', children: fundingWithExchange
                         ? t('dyn_fund_from_exchange.title')
@@ -400,13 +398,15 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
                             onBack: () => setDynamicWidgetView('receive-wallet-funds', {
                                 accounts,
                                 amount: initialAmount,
+                                destinationAddress,
                                 exchange,
                                 fundingWithExchange,
+                                network,
                                 quickSuggestions,
                                 token: { rule: 'recommended', value: tokenSymbol },
                                 wallet,
                             }),
-                            toAddress: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address,
+                            toAddress: destinationAddress !== null && destinationAddress !== void 0 ? destinationAddress : primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address,
                             token: currentToken,
                         };
                         const handleConfirmSubmit = () => {
@@ -414,7 +414,7 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
                             return handleExchangeSubmit({
                                 exchange,
                                 props: Object.assign(Object.assign({}, baseConfirmProps), { onSubmit: handleConfirmSubmit }),
-                                toAddress: (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) !== null && _a !== void 0 ? _a : '',
+                                toAddress: (_a = destinationAddress !== null && destinationAddress !== void 0 ? destinationAddress : primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) !== null && _a !== void 0 ? _a : '',
                                 tokenAmount,
                                 tokenSymbol,
                             });
@@ -424,6 +424,12 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
                     }
                     else if (wallet) {
                         handleSubmit({
+                            toWallet: destinationAddress && network
+                                ? {
+                                    address: destinationAddress,
+                                    network: network,
+                                }
+                                : undefined,
                             tokenAmount,
                             tokenBalances,
                             tokenSymbol,

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

@@ -2,12 +2,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { SocialIcon } from '@dynamic-labs/iconic';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { ReactComponent as SvgArrowLeft } from '../../../../shared/assets/arrow-left.js';
 import { ReactComponent as SvgChevronDown } from '../../../../shared/assets/chevron-down.js';
+import { ReactComponent as SvgClose } from '../../../../shared/assets/close.js';
 import { ReactComponent as SvgFooterInfoIcon } from '../../../../shared/assets/footer-info-icon.js';
 import { ReactComponent as SvgSwitchToggle } from '../../../../shared/assets/switch-toggle.js';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -32,8 +33,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
 import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../locale/locale.js';
@@ -115,16 +116,16 @@ import { FormattedInput } from './FormattedInput/FormattedInput.js';
 import { createFormattedInputEmitter } from './FormattedInput/formattedInputEmitter.js';
 import { TokenSelectScreen } from './TokenSelectScreen/TokenSelectScreen.js';
 import { UNAVAILABLE_VALUE } from './consts.js';
+import { calculateFiatBalance } from './utils/calculateFiatBalance/calculateFiatBalance.js';
 import { convertFromFiat, convertToFiat } from './utils/convert/convert.js';
 import { formatValue } from './utils/formatValue/formatValue.js';
 import { isFiatOrStablecoin, isFiatToken } from './utils/isFiatToken/isFiatToken.js';
 import { isNonZero } from './utils/isNonZero/isNonZero.js';
 import { respectsMinimum } from './utils/respectsMinimum/respectsMinimum.js';
 import { useExchangeRatesForFunding } from './utils/useExchangeRatesForFunding/useExchangeRatesForFunding.js';
+import { useExchangeTokensForFunding } from './utils/useExchangeTokensForFunding/useExchangeTokensForFunding.js';
 import { useSubmitWalletFunding } from './utils/useSubmitWalletFunding/useSubmitWalletFunding.js';
 import { useTokensForFunding } from './utils/useTokensForFunding/useTokensForFunding.js';
-import { calculateFiatBalance } from './utils/calculateFiatBalance/calculateFiatBalance.js';
-import { useExchangeTokensForFunding } from './utils/useExchangeTokensForFunding/useExchangeTokensForFunding.js';
 
 const defaultQuickSuggestions = {
     token: 'USD',
@@ -133,7 +134,7 @@ const defaultQuickSuggestions = {
 const rulesThatHideQuickSuggestions = ['exact', 'minimum'];
 const rulesThatDisableTokenSelect = ['exact', 'exact-with-amount'];
 const inputEmitter = createFormattedInputEmitter();
-const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wallet, exchange, fundingWithExchange = false, accounts, quickSuggestions = defaultQuickSuggestions, }) => {
+const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wallet, exchange, fundingWithExchange = false, accounts, quickSuggestions = defaultQuickSuggestions, network, destinationAddress, onBack, hideBackButton = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     // For now we hardcode the default value, soon we will fetch this from project settings
     const initialToken = initialTokenRaw !== null && initialTokenRaw !== void 0 ? initialTokenRaw : {
@@ -153,31 +154,24 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
     const { t } = useTranslation();
     const [hasUserInteracted, setHasUserInteracted] = useState(false);
     const [conversionErrorIconRef, setConversionErrorIconRef] = useState(null);
-    const { primaryWallet } = useInternalDynamicContext();
+    const { primaryWallet, setShowAuthFlow, setShowDynamicUserProfile } = useInternalDynamicContext();
     const iconThemeVariant = useIconThemeVariant();
     const provider = exchange
         ? convertExchangeKeytoProviderEnum(exchange)
         : undefined;
     const { setDynamicWidgetView } = useWidgetContext();
-    let tokenBalancesLoading = false;
-    let tokenBalances = [];
-    if (wallet) {
-        const { isLoading: tokenBalancesLoadingWallet, tokens: tokenBalancesWallet, } = 
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useTokensForFunding({
-            wallet: wallet,
-        });
-        tokenBalancesLoading = tokenBalancesLoadingWallet;
-        tokenBalances = tokenBalancesWallet;
-    }
-    else {
-        tokenBalancesLoading = false;
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const { tokens: tokenBalancesExchange } = useExchangeTokensForFunding({
-            accounts: accounts !== null && accounts !== void 0 ? accounts : [],
-        });
-        tokenBalances = tokenBalancesExchange;
-    }
+    const { isLoading: tokenBalancesLoadingWallet, tokens: tokenBalancesWallet } = useTokensForFunding({
+        wallet: wallet,
+    });
+    const { tokens: tokenBalancesExchange } = useExchangeTokensForFunding({
+        accounts: accounts !== null && accounts !== void 0 ? accounts : [],
+    });
+    const tokenBalances = fundingWithExchange
+        ? tokenBalancesExchange
+        : tokenBalancesWallet;
+    const tokenBalancesLoading = fundingWithExchange
+        ? false
+        : tokenBalancesLoadingWallet;
     const exchangeRates = useExchangeRatesForFunding({
         // Initialize amounts after exchange rates are fetched
         onFetch: (exchangeRates) => {
@@ -336,10 +330,14 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
     const inputSymbolProp = primaryData.symbol === 'USD'
         ? { leading: '$' }
         : { trailing: primaryData.symbol };
-    const backButton = (jsx(IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsx(SvgArrowLeft, {}) }));
+    const backButton = hideBackButton ? undefined : (jsx(IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => onBack ? onBack() : setDynamicWidgetView('choose-wallet-funding-method'), children: jsx(SvgArrowLeft, {}) }));
+    const closeButton = hideBackButton ? (jsx(IconButton, { onClick: () => {
+            setShowAuthFlow(false);
+            setShowDynamicUserProfile(false);
+        }, type: 'button', id: 'close-button', "data-testid": 'close-button-main', children: jsx(SvgClose, {}) })) : undefined;
     return (jsxs("div", { className: 'fund-from-wallet', children: [!disableTokenSelect && (jsx(TokenSelectScreen, { onClose: closeTokenSelect, onSelectToken: handleSelectToken, tokens: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : [], currentToken: tokenSymbol, className: classNames('fund-from-wallet__token-select', {
                     'fund-from-wallet__token-select--open': showTokenSelect,
-                }), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates })), jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', copykey: fundingWithExchange
+                }), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates })), jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsx(Typography, { variant: 'title', copykey: fundingWithExchange
                         ? 'dyn_fund_from_exchange.title'
                         : 'dyn_wallet_funding.from_wallet.amount_input.title', children: fundingWithExchange
                         ? t('dyn_fund_from_exchange.title')
@@ -396,13 +394,15 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
                             onBack: () => setDynamicWidgetView('receive-wallet-funds', {
                                 accounts,
                                 amount: initialAmount,
+                                destinationAddress,
                                 exchange,
                                 fundingWithExchange,
+                                network,
                                 quickSuggestions,
                                 token: { rule: 'recommended', value: tokenSymbol },
                                 wallet,
                             }),
-                            toAddress: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address,
+                            toAddress: destinationAddress !== null && destinationAddress !== void 0 ? destinationAddress : primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address,
                             token: currentToken,
                         };
                         const handleConfirmSubmit = () => {
@@ -410,7 +410,7 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
                             return handleExchangeSubmit({
                                 exchange,
                                 props: Object.assign(Object.assign({}, baseConfirmProps), { onSubmit: handleConfirmSubmit }),
-                                toAddress: (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) !== null && _a !== void 0 ? _a : '',
+                                toAddress: (_a = destinationAddress !== null && destinationAddress !== void 0 ? destinationAddress : primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) !== null && _a !== void 0 ? _a : '',
                                 tokenAmount,
                                 tokenSymbol,
                             });
@@ -420,6 +420,12 @@ const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wal
                     }
                     else if (wallet) {
                         handleSubmit({
+                            toWallet: destinationAddress && network
+                                ? {
+                                    address: destinationAddress,
+                                    network: network,
+                                }
+                                : undefined,
                             tokenAmount,
                             tokenBalances,
                             tokenSymbol,

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

@@ -30,8 +30,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../../../config/ApiEndpoint.cjs');
 require('../../../../../../locale/locale.cjs');

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

@@ -26,8 +26,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
 import '../../../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../../../config/ApiEndpoint.js';
 import '../../../../../../locale/locale.js';

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

@@ -33,8 +33,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../locale/locale.cjs');

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

@@ -29,8 +29,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
 import '../../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../locale/locale.js';

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/types.d.ts

@@ -87,6 +87,14 @@ export type ReceiveWalletFundsProps = {
      * Accounts associated with exchange
      */
     accounts?: Account[];
+    /**
+     * The address to send funds to
+     */
+    destinationAddress?: string;
+    /**
+     * The netowrk to sends funds on
+     */
+    network?: string | number;
     /**
      * Quick suggestions for the amount input.
      *
@@ -98,4 +106,12 @@ export type ReceiveWalletFundsProps = {
         token: string;
         values: number[];
     };
+    /**
+     * A function for what to do when the user selects the back button
+     */
+    onBack?: () => void;
+    /**
+     * If this prop is true then hide the back button. Instead show a close button
+     */
+    hideBackButton?: boolean;
 };

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/utils/useExchangeTokensForFunding/useExchangeTokensForFunding.cjs

@@ -25,8 +25,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../../../config/ApiEndpoint.cjs');
 require('../../../../../../locale/locale.cjs');
@@ -88,13 +88,13 @@ require('../../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.
 require('../../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../../store/state/sendBalances.cjs');
 require('../../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../components/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../../../index.cjs');
 require('../../ReceiveWalletFunds.cjs');
 require('../../../../../../store/state/tokenBalances.cjs');

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/utils/useExchangeTokensForFunding/useExchangeTokensForFunding.js

@@ -21,8 +21,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
 import '../../../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../../../config/ApiEndpoint.js';
 import '../../../../../../locale/locale.js';
@@ -84,13 +84,13 @@ import '../../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.j
 import '../../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../../store/state/sendBalances.js';
 import '../../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../components/PasskeyCard/PasskeyCard.js';
-import '../../../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../../../index.js';
 import '../../ReceiveWalletFunds.js';
 import '../../../../../../store/state/tokenBalances.js';

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

@@ -25,8 +25,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../../../config/ApiEndpoint.cjs');
 require('../../../../../../locale/locale.cjs');
@@ -90,13 +90,13 @@ require('../../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.
 require('../../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../../store/state/sendBalances.cjs');
 require('../../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../components/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../../../index.cjs');
 require('../../ReceiveWalletFunds.cjs');
 var useTokenBalances = require('../../../../../../utils/hooks/useTokenBalances/useTokenBalances.cjs');

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

@@ -21,8 +21,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
 import '../../../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../../../config/ApiEndpoint.js';
 import '../../../../../../locale/locale.js';
@@ -86,13 +86,13 @@ import '../../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.j
 import '../../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../../store/state/sendBalances.js';
 import '../../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../components/PasskeyCard/PasskeyCard.js';
-import '../../../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../../../index.js';
 import '../../ReceiveWalletFunds.js';
 import { useTokenBalances } from '../../../../../../utils/hooks/useTokenBalances/useTokenBalances.js';

package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionListItem/SessionListItem.cjs

@@ -33,8 +33,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../locale/locale.cjs');

package/src/lib/widgets/DynamicWidget/views/SessionManagementView/SessionListItem/SessionListItem.js

@@ -29,8 +29,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
 import '../../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../../config/ApiEndpoint.js';
 import '../../../../../locale/locale.js';

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

@@ -31,8 +31,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
 var projectSettings = require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../locale/locale.cjs');
@@ -95,6 +95,7 @@ require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
@@ -102,7 +103,6 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../components/PasskeyCard/PasskeyCard.cjs');
 var EmptyScreen = require('./EmptyScreen/EmptyScreen.cjs');
-require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../index.cjs');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var useIsMfaEnabled = require('../../../../utils/hooks/useIsMfaEnabled/useIsMfaEnabled.cjs');

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

@@ -27,8 +27,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
 import { useProjectSettings } from '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../locale/locale.js';
@@ -91,6 +91,7 @@ import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
@@ -98,7 +99,6 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../components/PasskeyCard/PasskeyCard.js';
 import { EmptyScreen } from './EmptyScreen/EmptyScreen.js';
-import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../index.js';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { useIsMfaEnabled } from '../../../../utils/hooks/useIsMfaEnabled/useIsMfaEnabled.js';

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

@@ -30,8 +30,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../locale/locale.cjs');

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

@@ -26,8 +26,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
 import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../locale/locale.js';

package/src/lib/widgets/OnrampWidget/OnrampWidget.cjs

@@ -30,8 +30,8 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs-sdk/client');
 require('../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
 require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../locale/locale.cjs');

package/src/lib/widgets/OnrampWidget/OnrampWidget.js

@@ -26,8 +26,8 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs-sdk/client';
 import '../../client/client.js';
+import '@dynamic-labs-sdk/client';
 import '../../store/state/projectSettings/projectSettings.js';
 import '../../config/ApiEndpoint.js';
 import '../../locale/locale.js';