@imtbl/sdk 1.63.0 → 1.64.0-alpha.1

package/dist/browser/checkout/{TopUpView-Nbu5J6zy.js → TopUpView-wuE4Wsn7.js}

@@ -1,226 +1,6 @@
-import { bf as Environment, c1 as axios, r as reactExports, j as jsx, q as jsxs, X as isDualVariantIcon, al as MenuItem, H as Box, l as useTranslation, aL as ViewContext, aQ as EventTargetContext, ay as useAnalytics, cr as GasEstimateType, bF as HeaderNavigation, aA as Heading, M as Body, aX as SimpleLayout, a$ as orchestrationEvents, I as IMTBLWidgetEvents, V as ViewActions } from './index-Co93fBqn.js';
-import { f as formatUnits } from './index-DzrC5Kuy.js';
-
-/**
- * Class representing the configuration for the CryptoFiatModule.
- */
-class CryptoFiatConfiguration {
-    baseConfig;
-    /**
-     * Creates an instance of CryptoFiatConfiguration.
-     */
-    constructor({ baseConfig }) {
-        this.baseConfig = baseConfig;
-    }
-}
-
-const CHECKOUT_API_BASE_URL = {
-    [Environment.SANDBOX]: 'https://checkout-api.sandbox.immutable.com',
-    [Environment.PRODUCTION]: 'https://checkout-api.immutable.com',
-};
-const DEFAULT_FIAT_SYMBOL = 'usd';
-/**
- * CryptoFiat module class
- */
-class CryptoFiat {
-    coinsCache;
-    overridesCache;
-    config;
-    /**
-     * Creates an instance of CryptoFiat.
-     * @param {CryptoFiatConfiguration} config - configuration parameters for the module
-     */
-    constructor(config) {
-        this.coinsCache = null;
-        this.overridesCache = null;
-        this.config = config.baseConfig;
-    }
-    urlWithPath(path) {
-        return CHECKOUT_API_BASE_URL[this.config.environment] + path;
-    }
-    // Given that we could have multiple coins with the same symbol
-    // and we do not have the contract address we are forcing the
-    // conversion because we are using coingecko under the hood.
-    async fetchOverrides() {
-        if (this.overridesCache !== null)
-            return;
-        const url = this.urlWithPath('/v1/fiat/coins/overrides');
-        const response = await axios.get(url);
-        if (response.status !== 200) {
-            throw new Error(`Error fetching coins overrides: ${response.status} ${response.statusText}`);
-        }
-        this.overridesCache = new Map(Object.entries(response.data));
-    }
-    async fetchCoins() {
-        if (this.coinsCache !== null)
-            return;
-        await this.fetchOverrides();
-        const url = this.urlWithPath('/v1/fiat/coins/all');
-        const response = await axios.get(url);
-        if (response.status !== 200) {
-            throw new Error(`Error fetching coins list: ${response.status} ${response.statusText}`);
-        }
-        const { data } = response;
-        this.coinsCache = new Map();
-        for (const coin of data) {
-            const override = this.overridesCache.get(coin.symbol.toLowerCase());
-            this.coinsCache.set(coin.symbol.toLowerCase(), override || coin.id.toLowerCase());
-        }
-    }
-    /**
-     * Converts tokens with fiat currencies.
-     * @param {CryptoFiatConvertParams} - object containing the token symbols to get a conversion
-     *                                    for and the optional fiat symbols to convert to.
-     * @returns {Promise<CryptoFiatConvertReturn>} - promise to return the map that associates
-     *                                               token symbol to its conversion value object
-     *                                               with fiat currencies.
-     */
-    async convert({ tokenSymbols, fiatSymbols = [], }) {
-        if (!tokenSymbols || tokenSymbols.length === 0) {
-            throw new Error('Error missing token symbols to convert');
-        }
-        const currencies = fiatSymbols.filter((fiatSymbol) => fiatSymbol !== '');
-        if (currencies.length === 0)
-            currencies.push(DEFAULT_FIAT_SYMBOL);
-        await this.fetchCoins();
-        const idsParam = tokenSymbols
-            .map((tokenSymbol) => this.coinsCache.get(tokenSymbol.toLowerCase()))
-            .filter((tokenSymbol) => tokenSymbol !== '' && tokenSymbol !== undefined)
-            .join(',');
-        const currenciesParam = currencies
-            .join(',')
-            .toLowerCase();
-        const url = this.urlWithPath(`/v1/fiat/conversion?ids=${idsParam}&currencies=${currenciesParam}`);
-        const response = await axios.get(url);
-        if (response.status !== 200) {
-            throw new Error(`Error fetching prices: ${response.status} ${response.statusText}`);
-        }
-        const { data } = response;
-        const result = {};
-        for (const symbol of tokenSymbols) {
-            const symbolKey = symbol.toLowerCase();
-            const coinId = this.coinsCache.get(symbolKey);
-            result[symbolKey] = {};
-            if (coinId)
-                result[symbolKey] = data[coinId] || {};
-        }
-        return result;
-    }
-}
-
-var FiatSymbols;
-(function (FiatSymbols) {
-    FiatSymbols["USD"] = "usd";
-})(FiatSymbols || (FiatSymbols = {}));
-const initialCryptoFiatState = {
-    cryptoFiat: null,
-    fiatSymbol: FiatSymbols.USD,
-    tokenSymbols: [],
-    conversions: new Map(),
-};
-var CryptoFiatActions;
-(function (CryptoFiatActions) {
-    CryptoFiatActions["SET_CRYPTO_FIAT"] = "SET_CRYPTO_FIAT";
-    CryptoFiatActions["SET_FIAT_SYMBOL"] = "SET_FIAT_SYMBOL";
-    CryptoFiatActions["SET_TOKEN_SYMBOLS"] = "SET_TOKEN_SYMBOLS";
-    CryptoFiatActions["SET_CONVERSIONS"] = "SET_CONVERSIONS";
-})(CryptoFiatActions || (CryptoFiatActions = {}));
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const CryptoFiatContext = reactExports.createContext({
-    cryptoFiatState: initialCryptoFiatState,
-    cryptoFiatDispatch: () => { },
-});
-const cryptoFiatReducer = (state, action) => {
-    switch (action.payload.type) {
-        case CryptoFiatActions.SET_CRYPTO_FIAT:
-            return {
-                ...state,
-                cryptoFiat: action.payload.cryptoFiat,
-            };
-        case CryptoFiatActions.SET_FIAT_SYMBOL:
-            return {
-                ...state,
-                fiatSymbol: action.payload.fiatSymbol,
-            };
-        case CryptoFiatActions.SET_TOKEN_SYMBOLS:
-            return {
-                ...state,
-                tokenSymbols: action.payload.tokenSymbols,
-            };
-        case CryptoFiatActions.SET_CONVERSIONS:
-            return {
-                ...state,
-                conversions: action.payload.conversions,
-            };
-        default:
-            return state;
-    }
-};
-
-const updateConversions = (cryptoToFiatResult, fiatSymbol) => {
-    const conversionMap = new Map();
-    // TODO: Consider using Object.keys(cryptoToFiatResult) instead of for...in
-    // for...in includes properties from the prototype chain
-    // eslint-disable-next-line no-restricted-syntax, guard-for-in
-    for (const tokenSymbol in cryptoToFiatResult) {
-        const conversion = cryptoToFiatResult[tokenSymbol];
-        const usdAmount = conversion[fiatSymbol];
-        if (usdAmount !== undefined) {
-            conversionMap.set(tokenSymbol, usdAmount);
-        }
-    }
-    return conversionMap;
-};
-const getCryptoToFiatConversion = async (cryptoFiat, fiatSymbol, tokenSymbols) => {
-    try {
-        if (tokenSymbols.length === 0)
-            return new Map();
-        const cryptoToFiatResult = await cryptoFiat.convert({
-            tokenSymbols,
-            fiatSymbols: [fiatSymbol],
-        });
-        return updateConversions(cryptoToFiatResult, fiatSymbol);
-    }
-    catch (err) {
-        return new Map();
-    }
-};
-
-const DEFAULT_TOKEN_SYMBOLS = ['ETH', 'IMX'];
-function CryptoFiatProvider({ environment, children }) {
-    const [cryptoFiatState, cryptoFiatDispatch] = reactExports.useReducer(cryptoFiatReducer, initialCryptoFiatState);
-    const { cryptoFiat, fiatSymbol, tokenSymbols } = cryptoFiatState;
-    reactExports.useEffect(() => {
-        cryptoFiatDispatch({
-            payload: {
-                type: CryptoFiatActions.SET_CRYPTO_FIAT,
-                cryptoFiat: new CryptoFiat(new CryptoFiatConfiguration({
-                    baseConfig: {
-                        environment,
-                    },
-                })),
-            },
-        });
-    }, []);
-    reactExports.useEffect(() => {
-        if (!cryptoFiat || !fiatSymbol)
-            return;
-        (async () => {
-            const conversions = await getCryptoToFiatConversion(cryptoFiat, fiatSymbol, [...new Set([...tokenSymbols, ...DEFAULT_TOKEN_SYMBOLS])]);
-            cryptoFiatDispatch({
-                payload: {
-                    type: CryptoFiatActions.SET_CONVERSIONS,
-                    conversions,
-                },
-            });
-        })();
-    }, [cryptoFiat, tokenSymbols, fiatSymbol]);
-    return (
-    // TODO: The object passed as the value prop to the Context provider changes every render.
-    // To fix this consider wrapping it in a useMemo hook.
-    // eslint-disable-next-line react/jsx-no-constructed-context-values
-    jsx(CryptoFiatContext.Provider, { value: { cryptoFiatState, cryptoFiatDispatch }, children: children }));
-}
+import { r as reactExports, j as jsx, q as jsxs, X as isDualVariantIcon, al as MenuItem, H as Box, bg as Environment, l as useTranslation, aM as ViewContext, aR as EventTargetContext, ay as useAnalytics, cr as GasEstimateType, bG as HeaderNavigation, aB as Heading, M as Body, aY as SimpleLayout, I as IMTBLWidgetEvents, V as ViewActions, b0 as orchestrationEvents } from './index-CZPVM8ED.js';
+import { C as CryptoFiatContext, a as CryptoFiatActions, D as DEFAULT_TOKEN_SYMBOLS } from './CryptoFiatProvider-kmpyiWXO.js';
+import { f as formatUnits } from './index-TbXVGt2L.js';
 
 var BridgeWidgetViews;
 (function (BridgeWidgetViews) {
@@ -367,7 +147,7 @@ const TOOLKIT_BASE_URL = {
 function TopUpView({ widgetEvent, checkout, 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 provider, // Keep this for future use
-showOnrampOption, showSwapOption, showBridgeOption, showAddTokensOption, tokenAddress, amount, analytics, onCloseButtonClick, onBackButtonClick, heading, subheading, }) {
+showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analytics, onCloseButtonClick, onBackButtonClick, heading, subheading, }) {
     const { t } = useTranslation();
     const { userJourney } = analytics;
     const { viewDispatch } = reactExports.useContext(ViewContext);
@@ -394,15 +174,6 @@ showOnrampOption, showSwapOption, showBridgeOption, showAddTokensOption, tokenAd
     useMount(() => {
         page({ userJourney, screen: 'TopUp' });
     });
-    // Go to add tokens widget if available
-    useMount(() => {
-        if (showAddTokensOption) {
-            orchestrationEvents.sendRequestAddTokensEvent(eventTarget, widgetEvent, {
-                toTokenAddress: tokenAddress ?? '',
-                toAmount: amount ?? '',
-            });
-        }
-    }, () => showAddTokensOption !== undefined, [showAddTokensOption]);
     reactExports.useEffect(() => {
         if (!cryptoFiatDispatch)
             return;
@@ -583,11 +354,7 @@ showOnrampOption, showSwapOption, showBridgeOption, showAddTokensOption, tokenAd
             isAvailable: true,
             isEnabled: showBridgeOption,
         },
-    ], [showAddTokensOption, showBridgeOption, showOnrampOption, showSwapOption]);
-    // if swap is available, don't show top up view
-    // await for redirect to add tokens widget
-    if (showAddTokensOption)
-        return null;
+    ], [showBridgeOption, showOnrampOption, showSwapOption]);
     return (jsx(SimpleLayout, { header: (jsx(HeaderNavigation, { onBackButtonClick: onBackButtonClick, onCloseButtonClick: onCloseButtonClick, showBack: true })), children: jsxs(Box, { sx: { paddingX: 'base.spacing.x4', paddingY: 'base.spacing.x4' }, children: [jsx(Heading, { size: "small", children: title }), description && (jsx(Body, { size: "small", sx: { color: 'base.color.text.body.secondary' }, children: description })), jsx(Box, { sx: { paddingY: 'base.spacing.x4' }, children: topUpFeatures
                         .sort((a, b) => Number(b.isAvailable) - Number(a.isAvailable))
                         .map((element) => element.isEnabled && (jsx(TopUpMenuItem, { testId: element.testId, icon: element.icon, iconVariant: element.iconVariant, intentIcon: element.intentIcon, heading: t(`${element.textConfigKey}.heading`), caption: !element.isAvailable
@@ -595,4 +362,4 @@ showOnrampOption, showSwapOption, showBridgeOption, showAddTokensOption, tokenAd
                             : t(`${element.textConfigKey}.caption`), onClick: element.onClickEvent, renderFeeFunction: element.fee, isDisabled: !element.isAvailable }, t(`${element.textConfigKey}.heading`).toLowerCase()))) })] }) }));
 }
 
-export { BridgeWidgetViews as B, CryptoFiatContext as C, OnRampWidgetViews as O, SwapWidgetViews as S, TopUpView as T, CryptoFiatActions as a, useAsyncMemo as b, CryptoFiatProvider as c, useMount as u };
+export { BridgeWidgetViews as B, OnRampWidgetViews as O, SwapWidgetViews as S, TopUpView as T, useMount as u };

package/dist/browser/checkout/{WalletApproveHero-Cc6p3CkR.js → WalletApproveHero-CMf6e8E8.js}

@@ -1,6 +1,6 @@
-import { a9 as hFlex, j as jsx, ar as motion, _ as _objectWithoutProperties, x as useTheme, r as reactExports, Y as _slicedToArray, z as useGetSubcomponentChild, D as merge, q as jsxs, a0 as BaseClickable, R as ButtCon, G as SmartClone, dk as AnimatePresence, H as Box, a8 as Stack, a1 as ClassNames, U as _defineProperty, dl as getTertiaryButtonStyles, K as flattenChildren, J as isChildSubcomponent, at as Divider, dm as TextInput, dn as FormControlWrapper, l as useTranslation, al as MenuItem, ax as Drawer, M as Body, dp as Select, bf as Environment, d6 as WidgetTheme, dq as DuoCon, aA as Heading, T as Button, cp as NATIVE, a_ as getTokenImageByAddress, aZ as isNativeToken, df as DEFAULT_BALANCE_RETRY_POLICY, aN as getRemoteImage, ci as getChainNameById, i as getL1ChainId, ca as isWalletConnectProvider, cl as isMetaMaskProvider, bm as CloudImage, bJ as FooterLogo, co as formatZeroAmount, am as tokenValueFormat, c4 as ShimmerBox, bh as PriceDisplay, au as Fragment, cz as heroBackGroundStyles, cA as heroImageStyles, dr as heroImageBottomAlign } from './index-Co93fBqn.js';
-import { T as TokenImage, r as retry } from './retry-DqIpQ6wO.js';
-import { F as FeesBreakdown } from './FeesBreakdown-CQVi4M-W.js';
+import { a9 as hFlex, j as jsx, ar as motion, _ as _objectWithoutProperties, x as useTheme, r as reactExports, Y as _slicedToArray, z as useGetSubcomponentChild, D as merge, q as jsxs, a0 as BaseClickable, R as ButtCon, G as SmartClone, dk as AnimatePresence, H as Box, a8 as Stack, a1 as ClassNames, U as _defineProperty, dl as getTertiaryButtonStyles, K as flattenChildren, J as isChildSubcomponent, at as Divider, dm as TextInput, dn as FormControlWrapper, l as useTranslation, al as MenuItem, ax as Drawer, M as Body, dp as Select, bg as Environment, d6 as WidgetTheme, dq as DuoCon, aB as Heading, T as Button, cp as NATIVE, a$ as getTokenImageByAddress, a_ as isNativeToken, df as DEFAULT_BALANCE_RETRY_POLICY, aO as getRemoteImage, ci as getChainNameById, i as getL1ChainId, ca as isWalletConnectProvider, cl as isMetaMaskProvider, bn as CloudImage, bJ as FooterLogo, co as formatZeroAmount, am as tokenValueFormat, c4 as ShimmerBox, bi as PriceDisplay, au as Fragment, cz as heroBackGroundStyles, cA as heroImageStyles, dr as heroImageBottomAlign } from './index-CZPVM8ED.js';
+import { T as TokenImage, r as retry } from './retry-DzLPtvIf.js';
+import { F as FeesBreakdown } from './FeesBreakdown-ZnwuhHxu.js';
 
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/dist/browser/checkout/{WalletWidget-C25SCVnz.js → WalletWidget-BN45L_RI.js}

@@ -1,8 +1,7 @@
-import { R as ButtCon, T as Button, _ as _objectWithoutProperties, x as useTheme, $ as getStartingSize, ds as DEFAULT_BUTTON_SIZE, D as merge, r as reactExports, K as flattenChildren, j as jsx, J as isChildSubcomponent, G as SmartClone, H as Box, dt as getResponsiveSx, du as BUTTON_SIZES, dv as setDefaultSxBackgroundColor, a1 as ClassNames, U as _defineProperty, aY as TokenFilterTypes, l as useTranslation, aL as ViewContext, q as jsxs, M as Body, V as ViewActions, bV as ConnectLoaderContext, ay as useAnalytics, co as formatZeroAmount, aQ as EventTargetContext, bI as isPassportProvider, h as getL2ChainId, i as getL1ChainId, bf as Environment, al as MenuItem, am as tokenValueFormat, az as UserJourney, a$ as orchestrationEvents, I as IMTBLWidgetEvents, dw as ZERO_BALANCE_STRING, aZ as isNativeToken, dx as sendNetworkSwitchEvent, c2 as CheckoutErrorType, o as SharedViews, dy as NetworkFilterTypes, dz as sortNetworksCompareFn, c7 as getChainImage, df as DEFAULT_BALANCE_RETRY_POLICY, dA as sortTokensByAmount, a_ as getTokenImageByAddress, by as calculateCryptoToFiat, bF as HeaderNavigation, cn as ButtonNavigationStyles, dB as sendWalletWidgetCloseEvent, bJ as FooterLogo, aX as SimpleLayout, cm as WalletProviderName, cj as getWalletProviderNameByProvider, X as isDualVariantIcon, bO as abbreviateWalletAddress, aA as Heading, ax as Drawer, c9 as useWalletConnect, dC as sendDisconnectWalletEvent, ca as isWalletConnectProvider, cz as heroBackGroundStyles, cA as heroImageStyles, dr as heroImageBottomAlign, cB as SimpleTextBody, dD as FAQS_LINK, aT as Link, bi as viewReducer, bj as initialViewState, L as LoadingView, E as ErrorView } from './index-Co93fBqn.js';
-import { C as CryptoFiatContext, a as CryptoFiatActions, c as CryptoFiatProvider, T as TopUpView } from './TopUpView-Nbu5J6zy.js';
-import { T as TokenImage, r as retry } from './retry-DqIpQ6wO.js';
-import { u as useInterval } from './useInterval-D42dwhRA.js';
-import './index-DzrC5Kuy.js';
+import { R as ButtCon, T as Button, _ as _objectWithoutProperties, x as useTheme, $ as getStartingSize, dw as DEFAULT_BUTTON_SIZE, D as merge, r as reactExports, K as flattenChildren, j as jsx, J as isChildSubcomponent, G as SmartClone, H as Box, dx as getResponsiveSx, dy as BUTTON_SIZES, dz as setDefaultSxBackgroundColor, a1 as ClassNames, U as _defineProperty, aZ as TokenFilterTypes, l as useTranslation, aM as ViewContext, q as jsxs, M as Body, V as ViewActions, bV as ConnectLoaderContext, ay as useAnalytics, co as formatZeroAmount, aR as EventTargetContext, aA as isPassportProvider, h as getL2ChainId, i as getL1ChainId, bg as Environment, al as MenuItem, am as tokenValueFormat, az as UserJourney, b0 as orchestrationEvents, I as IMTBLWidgetEvents, dA as ZERO_BALANCE_STRING, a_ as isNativeToken, dB as sendNetworkSwitchEvent, c2 as CheckoutErrorType, o as SharedViews, dC as NetworkFilterTypes, dD as sortNetworksCompareFn, c7 as getChainImage, df as DEFAULT_BALANCE_RETRY_POLICY, dE as sortTokensByAmount, a$ as getTokenImageByAddress, bz as calculateCryptoToFiat, bG as HeaderNavigation, cn as ButtonNavigationStyles, dF as sendWalletWidgetCloseEvent, bJ as FooterLogo, aY as SimpleLayout, cm as WalletProviderName, cj as getWalletProviderNameByProvider, X as isDualVariantIcon, bO as abbreviateWalletAddress, aB as Heading, ax as Drawer, c9 as useWalletConnect, dG as sendDisconnectWalletEvent, ca as isWalletConnectProvider, cz as heroBackGroundStyles, cA as heroImageStyles, dr as heroImageBottomAlign, cB as SimpleTextBody, dH as FAQS_LINK, aU as Link, bj as viewReducer, bk as initialViewState, L as LoadingView, E as ErrorView } from './index-CZPVM8ED.js';
+import { C as CryptoFiatContext, a as CryptoFiatActions, b as CryptoFiatProvider } from './CryptoFiatProvider-kmpyiWXO.js';
+import { T as TokenImage, r as retry } from './retry-DzLPtvIf.js';
+import { u as useInterval } from './useInterval-ChxxDIzQ.js';
 
 var horizontalMenuSxProps = {
   justifyContent: "stretch",
@@ -256,7 +255,6 @@ const walletReducer = (state, action) => {
                     isBridgeEnabled: action.payload.supportedTopUps.isBridgeEnabled ?? true,
                     isAddTokensEnabled: action.payload.supportedTopUps.isAddTokensEnabled ?? true,
                     isSwapAvailable: action.payload.supportedTopUps.isSwapAvailable ?? true,
-                    isAddTokensAvailable: action.payload.supportedTopUps.isAddTokensAvailable ?? true,
                 },
             };
         default:
@@ -701,12 +699,7 @@ function WalletBalances({ balancesLoading, theme, showNetworkMenu, }) {
             control: 'AddCoins',
             controlType: 'Button',
         });
-        viewDispatch({
-            payload: {
-                type: ViewActions.UPDATE_VIEW,
-                view: { type: SharedViews.TOP_UP_VIEW },
-            },
-        });
+        orchestrationEvents.sendRequestAddTokensEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {});
     };
     const handleBridgeToL2OnClick = (address) => {
         orchestrationEvents.sendRequestBridgeEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {
@@ -961,7 +954,6 @@ function WalletWidget(props) {
     const [walletState, walletDispatch] = reactExports.useReducer(walletReducer, { ...initialWalletState, walletConfig: { showDisconnectButton, showNetworkMenu } });
     const walletReducerValues = reactExports.useMemo(() => ({ walletState, walletDispatch }), [walletState, walletDispatch]);
     const viewReducerValues = reactExports.useMemo(() => ({ viewState, viewDispatch }), [viewState, viewDispatch]);
-    const { supportedTopUps } = walletState;
     const { balancesLoading, refreshBalances } = useBalance({
         checkout,
         provider,
@@ -997,12 +989,6 @@ function WalletWidget(props) {
                 checkSwapAvailable = await checkout.isSwapAvailable();
             }
             catch { /* */ }
-            let checkAddTokensEnabled = isAddTokensEnabled;
-            try {
-                const addTokensConfig = await checkout.config.remote.getConfig('addTokens');
-                checkAddTokensEnabled = addTokensConfig.enabled && isAddTokensEnabled;
-            }
-            catch { /* */ }
             walletDispatch({
                 payload: {
                     type: WalletActions.SET_SUPPORTED_TOP_UPS,
@@ -1011,8 +997,7 @@ function WalletWidget(props) {
                         isSwapEnabled,
                         isOnRampEnabled,
                         isSwapAvailable: checkSwapAvailable,
-                        isAddTokensEnabled: checkAddTokensEnabled,
-                        isAddTokensAvailable: checkSwapAvailable && checkAddTokensEnabled,
+                        isAddTokensEnabled,
                     },
                 },
             });
@@ -1074,7 +1059,7 @@ function WalletWidget(props) {
         await initialiseWallet();
     };
     return (jsx(ViewContext.Provider, { value: viewReducerValues, children: jsx(CryptoFiatProvider, { environment: environment, children: jsxs(WalletContext.Provider, { value: walletReducerValues, children: [viewState.view.type === SharedViews.LOADING_VIEW && (jsx(LoadingView, { loadingText: loadingText })), viewState.view.type === WalletWidgetViews.WALLET_BALANCES && (jsx(WalletBalances, { balancesLoading: balancesLoading, theme: theme, showNetworkMenu: showNetworkMenu })), viewState.view.type === WalletWidgetViews.SETTINGS
-                        && (jsx(Settings, { showDisconnectButton: showDisconnectButton })), viewState.view.type === WalletWidgetViews.COIN_INFO && (jsx(CoinInfo, {})), viewState.view.type === SharedViews.ERROR_VIEW && (jsx(ErrorView, { actionText: errorActionText, onActionClick: errorAction, onCloseClick: () => sendWalletWidgetCloseEvent(eventTarget) })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx(TopUpView, { analytics: { userJourney: UserJourney.WALLET }, widgetEvent: IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, checkout: checkout, showOnrampOption: isOnRampEnabled, showSwapOption: isSwapEnabled, showBridgeOption: isBridgeEnabled, showAddTokensOption: supportedTopUps?.isAddTokensAvailable, onCloseButtonClick: () => sendWalletWidgetCloseEvent(eventTarget) }))] }) }) }));
+                        && (jsx(Settings, { showDisconnectButton: showDisconnectButton })), viewState.view.type === WalletWidgetViews.COIN_INFO && (jsx(CoinInfo, {})), viewState.view.type === SharedViews.ERROR_VIEW && (jsx(ErrorView, { actionText: errorActionText, onActionClick: errorAction, onCloseClick: () => sendWalletWidgetCloseEvent(eventTarget) }))] }) }) }));
 }
 
 export { WalletWidget as default };

package/dist/browser/checkout/{auto-track-1Zr4QLt3.js → auto-track-CnDJ3ZvA.js}

@@ -1,4 +1,4 @@
-import { ea as pTimeout } from './index-Co93fBqn.js';
+import { ea as pTimeout } from './index-CZPVM8ED.js';
 
 // Check if a user is opening the link in a new tab
 function userNewTab(event) {

package/dist/browser/checkout/{index-c7pVchOF.js → index-BEP80ac-.js}

@@ -1,4 +1,4 @@
-import { b6 as getAugmentedNamespace, ak as commonjsGlobal } from './index-Co93fBqn.js';
+import { b7 as getAugmentedNamespace, ak as commonjsGlobal } from './index-CZPVM8ED.js';
 
 var dist$1 = {};
 

package/dist/browser/checkout/{index-Vadzr0yp.js → index-BMR0rE9j.js}

@@ -1,4 +1,4 @@
-import { dS as __awaiter, dT as __generator, e1 as isServer, dV as getNextIntegrationsURL, dU as loadScript } from './index-Co93fBqn.js';
+import { dS as __awaiter, dT as __generator, e1 as isServer, dV as getNextIntegrationsURL, dU as loadScript } from './index-CZPVM8ED.js';
 
 function remoteMiddlewares(ctx, settings, obfuscate) {
     var _a;

package/dist/browser/checkout/{index-Co93fBqn.js → index-CZPVM8ED.js}

@@ -132552,6 +132552,9 @@ var views$3 = {
 		geoBlockError: {
 			buyTokenButton: "Buy tokens",
 			bridgeTokenButton: "Bridge tokens"
+		},
+		fees: {
+			fiatPricePrefix: "≈ USD"
 		}
 	}
 };
@@ -135691,7 +135694,7 @@ function snapshot(proxyObject, handlePromise) {
 
 const o$2=proxy({history:["ConnectWallet"],view:"ConnectWallet",data:void 0}),T$2={state:o$2,subscribe(e){return subscribe(o$2,()=>e(o$2))},push(e,t){e!==o$2.view&&(o$2.view=e,t&&(o$2.data=t),o$2.history.push(e));},reset(e){o$2.view=e,o$2.history=[e];},replace(e){o$2.history.length>1&&(o$2.history[o$2.history.length-1]=e,o$2.view=e);},goBack(){if(o$2.history.length>1){o$2.history.pop();const[e]=o$2.history.slice(-1);o$2.view=e;}},setData(e){o$2.data=e;}},a$4={WALLETCONNECT_DEEPLINK_CHOICE:"WALLETCONNECT_DEEPLINK_CHOICE",WCM_VERSION:"WCM_VERSION",RECOMMENDED_WALLET_AMOUNT:9,isMobile(){return typeof window<"u"?Boolean(window.matchMedia("(pointer:coarse)").matches||/Android|webOS|iPhone|iPad|iPod|BlackBerry|Opera Mini/u.test(navigator.userAgent)):!1},isAndroid(){return a$4.isMobile()&&navigator.userAgent.toLowerCase().includes("android")},isIos(){const e=navigator.userAgent.toLowerCase();return a$4.isMobile()&&(e.includes("iphone")||e.includes("ipad"))},isHttpUrl(e){return e.startsWith("http://")||e.startsWith("https://")},isArray(e){return Array.isArray(e)&&e.length>0},formatNativeUrl(e,t,s){if(a$4.isHttpUrl(e))return this.formatUniversalUrl(e,t,s);let n=e;n.includes("://")||(n=e.replaceAll("/","").replaceAll(":",""),n=`${n}://`),n.endsWith("/")||(n=`${n}/`),this.setWalletConnectDeepLink(n,s);const i=encodeURIComponent(t);return `${n}wc?uri=${i}`},formatUniversalUrl(e,t,s){if(!a$4.isHttpUrl(e))return this.formatNativeUrl(e,t,s);let n=e;n.endsWith("/")||(n=`${n}/`),this.setWalletConnectDeepLink(n,s);const i=encodeURIComponent(t);return `${n}wc?uri=${i}`},async wait(e){return new Promise(t=>{setTimeout(t,e);})},openHref(e,t){window.open(e,t,"noreferrer noopener");},setWalletConnectDeepLink(e,t){try{localStorage.setItem(a$4.WALLETCONNECT_DEEPLINK_CHOICE,JSON.stringify({href:e,name:t}));}catch{console.info("Unable to set WalletConnect deep link");}},setWalletConnectAndroidDeepLink(e){try{const[t]=e.split("?");localStorage.setItem(a$4.WALLETCONNECT_DEEPLINK_CHOICE,JSON.stringify({href:t,name:"Android"}));}catch{console.info("Unable to set WalletConnect android deep link");}},removeWalletConnectDeepLink(){try{localStorage.removeItem(a$4.WALLETCONNECT_DEEPLINK_CHOICE);}catch{console.info("Unable to remove WalletConnect deep link");}},setModalVersionInStorage(){try{typeof localStorage<"u"&&localStorage.setItem(a$4.WCM_VERSION,"2.6.2");}catch{console.info("Unable to set Web3Modal version in storage");}},getWalletRouterData(){var e;const t=(e=T$2.state.data)==null?void 0:e.Wallet;if(!t)throw new Error('Missing "Wallet" view data');return t}},_$3=typeof location<"u"&&(location.hostname.includes("localhost")||location.protocol.includes("https")),r$3=proxy({enabled:_$3,userSessionId:"",events:[],connectedWalletId:void 0}),R$5={state:r$3,subscribe(e){return subscribe(r$3.events,()=>e(snapshot(r$3.events[r$3.events.length-1])))},initialize(){r$3.enabled&&typeof(crypto==null?void 0:crypto.randomUUID)<"u"&&(r$3.userSessionId=crypto.randomUUID());},setConnectedWalletId(e){r$3.connectedWalletId=e;},click(e){if(r$3.enabled){const t={type:"CLICK",name:e.name,userSessionId:r$3.userSessionId,timestamp:Date.now(),data:e};r$3.events.push(t);}},track(e){if(r$3.enabled){const t={type:"TRACK",name:e.name,userSessionId:r$3.userSessionId,timestamp:Date.now(),data:e};r$3.events.push(t);}},view(e){if(r$3.enabled){const t={type:"VIEW",name:e.name,userSessionId:r$3.userSessionId,timestamp:Date.now(),data:e};r$3.events.push(t);}}},c$4=proxy({chains:void 0,walletConnectUri:void 0,isAuth:!1,isCustomDesktop:!1,isCustomMobile:!1,isDataLoaded:!1,isUiLoaded:!1}),p$9={state:c$4,subscribe(e){return subscribe(c$4,()=>e(c$4))},setChains(e){c$4.chains=e;},setWalletConnectUri(e){c$4.walletConnectUri=e;},setIsCustomDesktop(e){c$4.isCustomDesktop=e;},setIsCustomMobile(e){c$4.isCustomMobile=e;},setIsDataLoaded(e){c$4.isDataLoaded=e;},setIsUiLoaded(e){c$4.isUiLoaded=e;},setIsAuth(e){c$4.isAuth=e;}},W$3=proxy({projectId:"",mobileWallets:void 0,desktopWallets:void 0,walletImages:void 0,chains:void 0,enableAuthMode:!1,enableExplorer:!0,explorerExcludedWalletIds:void 0,explorerRecommendedWalletIds:void 0,termsOfServiceUrl:void 0,privacyPolicyUrl:void 0}),y$6={state:W$3,subscribe(e){return subscribe(W$3,()=>e(W$3))},setConfig(e){var t,s;R$5.initialize(),p$9.setChains(e.chains),p$9.setIsAuth(Boolean(e.enableAuthMode)),p$9.setIsCustomMobile(Boolean((t=e.mobileWallets)==null?void 0:t.length)),p$9.setIsCustomDesktop(Boolean((s=e.desktopWallets)==null?void 0:s.length)),a$4.setModalVersionInStorage(),Object.assign(W$3,e);}};var V$4=Object.defineProperty,D$7=Object.getOwnPropertySymbols,H$4=Object.prototype.hasOwnProperty,B$4=Object.prototype.propertyIsEnumerable,M$4=(e,t,s)=>t in e?V$4(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,K$4=(e,t)=>{for(var s in t||(t={}))H$4.call(t,s)&&M$4(e,s,t[s]);if(D$7)for(var s of D$7(t))B$4.call(t,s)&&M$4(e,s,t[s]);return e};const L$5="https://explorer-api.walletconnect.com",E$4="wcm",O$6="js-2.6.2";async function w$5(e,t){const s=K$4({sdkType:E$4,sdkVersion:O$6},t),n=new URL(e,L$5);return n.searchParams.append("projectId",y$6.state.projectId),Object.entries(s).forEach(([i,l])=>{l&&n.searchParams.append(i,String(l));}),(await fetch(n)).json()}const m$6={async getDesktopListings(e){return w$5("/w3m/v1/getDesktopListings",e)},async getMobileListings(e){return w$5("/w3m/v1/getMobileListings",e)},async getInjectedListings(e){return w$5("/w3m/v1/getInjectedListings",e)},async getAllListings(e){return w$5("/w3m/v1/getAllListings",e)},getWalletImageUrl(e){return `${L$5}/w3m/v1/getWalletImage/${e}?projectId=${y$6.state.projectId}&sdkType=${E$4}&sdkVersion=${O$6}`},getAssetImageUrl(e){return `${L$5}/w3m/v1/getAssetImage/${e}?projectId=${y$6.state.projectId}&sdkType=${E$4}&sdkVersion=${O$6}`}};var z$5=Object.defineProperty,j$4=Object.getOwnPropertySymbols,J$3=Object.prototype.hasOwnProperty,q$5=Object.prototype.propertyIsEnumerable,k$5=(e,t,s)=>t in e?z$5(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,F$5=(e,t)=>{for(var s in t||(t={}))J$3.call(t,s)&&k$5(e,s,t[s]);if(j$4)for(var s of j$4(t))q$5.call(t,s)&&k$5(e,s,t[s]);return e};const N$4=a$4.isMobile(),d$4=proxy({wallets:{listings:[],total:0,page:1},search:{listings:[],total:0,page:1},recomendedWallets:[]}),te$4={state:d$4,async getRecomendedWallets(){const{explorerRecommendedWalletIds:e,explorerExcludedWalletIds:t}=y$6.state;if(e==="NONE"||t==="ALL"&&!e)return d$4.recomendedWallets;if(a$4.isArray(e)){const s={recommendedIds:e.join(",")},{listings:n}=await m$6.getAllListings(s),i=Object.values(n);i.sort((l,v)=>{const b=e.indexOf(l.id),f=e.indexOf(v.id);return b-f}),d$4.recomendedWallets=i;}else {const{chains:s,isAuth:n}=p$9.state,i=s?.join(","),l=a$4.isArray(t),v={page:1,sdks:n?"auth_v1":void 0,entries:a$4.RECOMMENDED_WALLET_AMOUNT,chains:i,version:2,excludedIds:l?t.join(","):void 0},{listings:b}=N$4?await m$6.getMobileListings(v):await m$6.getDesktopListings(v);d$4.recomendedWallets=Object.values(b);}return d$4.recomendedWallets},async getWallets(e){const t=F$5({},e),{explorerRecommendedWalletIds:s,explorerExcludedWalletIds:n}=y$6.state,{recomendedWallets:i}=d$4;if(n==="ALL")return d$4.wallets;i.length?t.excludedIds=i.map(x=>x.id).join(","):a$4.isArray(s)&&(t.excludedIds=s.join(",")),a$4.isArray(n)&&(t.excludedIds=[t.excludedIds,n].filter(Boolean).join(",")),p$9.state.isAuth&&(t.sdks="auth_v1");const{page:l,search:v}=e,{listings:b,total:f}=N$4?await m$6.getMobileListings(t):await m$6.getDesktopListings(t),A=Object.values(b),U=v?"search":"wallets";return d$4[U]={listings:[...d$4[U].listings,...A],total:f,page:l??1},{listings:A,total:f}},getWalletImageUrl(e){return m$6.getWalletImageUrl(e)},getAssetImageUrl(e){return m$6.getAssetImageUrl(e)},resetSearch(){d$4.search={listings:[],total:0,page:1};}},I$3=proxy({open:!1}),se$2={state:I$3,subscribe(e){return subscribe(I$3,()=>e(I$3))},async open(e){return new Promise(t=>{const{isUiLoaded:s,isDataLoaded:n}=p$9.state;if(a$4.removeWalletConnectDeepLink(),p$9.setWalletConnectUri(e?.uri),p$9.setChains(e?.chains),T$2.reset("ConnectWallet"),s&&n)I$3.open=!0,t();else {const i=setInterval(()=>{const l=p$9.state;l.isUiLoaded&&l.isDataLoaded&&(clearInterval(i),I$3.open=!0,t());},200);}})},close(){I$3.open=!1;}};var G$4=Object.defineProperty,$$3=Object.getOwnPropertySymbols,Q$6=Object.prototype.hasOwnProperty,X$4=Object.prototype.propertyIsEnumerable,S$4=(e,t,s)=>t in e?G$4(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,Y$2=(e,t)=>{for(var s in t||(t={}))Q$6.call(t,s)&&S$4(e,s,t[s]);if($$3)for(var s of $$3(t))X$4.call(t,s)&&S$4(e,s,t[s]);return e};function Z$4(){return typeof matchMedia<"u"&&matchMedia("(prefers-color-scheme: dark)").matches}const C$2=proxy({themeMode:Z$4()?"dark":"light"}),ne$2={state:C$2,subscribe(e){return subscribe(C$2,()=>e(C$2))},setThemeConfig(e){const{themeMode:t,themeVariables:s}=e;t&&(C$2.themeMode=t),s&&(C$2.themeVariables=Y$2({},s));}},g$8=proxy({open:!1,message:"",variant:"success"}),oe$4={state:g$8,subscribe(e){return subscribe(g$8,()=>e(g$8))},openToast(e,t){g$8.open=!0,g$8.message=e,g$8.variant=t;},closeToast(){g$8.open=!1;}};
 
-let d$3 = class d{constructor(e){this.openModal=se$2.open,this.closeModal=se$2.close,this.subscribeModal=se$2.subscribe,this.setTheme=ne$2.setThemeConfig,ne$2.setThemeConfig(e),y$6.setConfig(e),this.initUi();}async initUi(){if(typeof window<"u"){await import('./index-B7urOO_H.js');const e=document.createElement("wcm-modal");document.body.insertAdjacentElement("beforeend",e),p$9.setIsUiLoaded(!0);}}};
+let d$3 = class d{constructor(e){this.openModal=se$2.open,this.closeModal=se$2.close,this.subscribeModal=se$2.subscribe,this.setTheme=ne$2.setThemeConfig,ne$2.setThemeConfig(e),y$6.setConfig(e),this.initUi();}async initUi(){if(typeof window<"u"){await import('./index-hOCXgQoK.js');const e=document.createElement("wcm-modal");document.body.insertAdjacentElement("beforeend",e),p$9.setIsUiLoaded(!0);}}};
 
 var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -152532,7 +152535,7 @@ var Analytics = /** @class */ (function (_super) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, import(
-                        /* webpackChunkName: "auto-track" */ './auto-track-1Zr4QLt3.js')];
+                        /* webpackChunkName: "auto-track" */ './auto-track-CnDJ3ZvA.js')];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.link).call.apply(_a, __spreadArray$1([this], args, false))];
@@ -152551,7 +152554,7 @@ var Analytics = /** @class */ (function (_super) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, import(
-                        /* webpackChunkName: "auto-track" */ './auto-track-1Zr4QLt3.js')];
+                        /* webpackChunkName: "auto-track" */ './auto-track-CnDJ3ZvA.js')];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.link).call.apply(_a, __spreadArray$1([this], args, false))];
@@ -152570,7 +152573,7 @@ var Analytics = /** @class */ (function (_super) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, import(
-                        /* webpackChunkName: "auto-track" */ './auto-track-1Zr4QLt3.js')];
+                        /* webpackChunkName: "auto-track" */ './auto-track-CnDJ3ZvA.js')];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.form).call.apply(_a, __spreadArray$1([this], args, false))];
@@ -152589,7 +152592,7 @@ var Analytics = /** @class */ (function (_super) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0: return [4 /*yield*/, import(
-                        /* webpackChunkName: "auto-track" */ './auto-track-1Zr4QLt3.js')];
+                        /* webpackChunkName: "auto-track" */ './auto-track-CnDJ3ZvA.js')];
                     case 1:
                         autotrack = _b.sent();
                         return [2 /*return*/, (_a = autotrack.form).call.apply(_a, __spreadArray$1([this], args, false))];
@@ -152739,7 +152742,7 @@ var Analytics = /** @class */ (function (_super) {
                             return [2 /*return*/, []];
                         }
                         return [4 /*yield*/, import(
-                            /* webpackChunkName: "queryString" */ './index-3DC3zK0u.js')];
+                            /* webpackChunkName: "queryString" */ './index-DG807GCH.js')];
                     case 1:
                         queryString = (_a.sent()).queryString;
                         return [2 /*return*/, queryString(this, query)];
@@ -155443,7 +155446,7 @@ function registerPlugins(writeKey, legacySettings, analytics, opts, options, plu
                 case 0:
                     if (!hasTsubMiddleware(legacySettings)) return [3 /*break*/, 2];
                     return [4 /*yield*/, import(
-                        /* webpackChunkName: "tsub-middleware" */ './index-c7pVchOF.js').then(function (mod) {
+                        /* webpackChunkName: "tsub-middleware" */ './index-BEP80ac-.js').then(function (mod) {
                             return mod.tsubMiddleware(legacySettings.middlewareSettings.routingRules);
                         })];
                 case 1:
@@ -155456,7 +155459,7 @@ function registerPlugins(writeKey, legacySettings, analytics, opts, options, plu
                     tsubMiddleware = _d;
                     if (!(hasLegacyDestinations(legacySettings) || legacyIntegrationSources.length > 0)) return [3 /*break*/, 5];
                     return [4 /*yield*/, import(
-                        /* webpackChunkName: "ajs-destination" */ './index-t2b5ztUB.js').then(function (mod) {
+                        /* webpackChunkName: "ajs-destination" */ './index-mG63hnlk.js').then(function (mod) {
                             return mod.ajsDestinations(writeKey, legacySettings, analytics.integrations, opts, tsubMiddleware, legacyIntegrationSources);
                         })];
                 case 4:
@@ -155469,7 +155472,7 @@ function registerPlugins(writeKey, legacySettings, analytics, opts, options, plu
                     legacyDestinations = _e;
                     if (!legacySettings.legacyVideoPluginsEnabled) return [3 /*break*/, 8];
                     return [4 /*yield*/, import(
-                        /* webpackChunkName: "legacyVideos" */ './index-BYrBQsd2.js').then(function (mod) {
+                        /* webpackChunkName: "legacyVideos" */ './index-ecosDhwb.js').then(function (mod) {
                             return mod.loadLegacyVideoPlugins(analytics);
                         })];
                 case 7:
@@ -155478,7 +155481,7 @@ function registerPlugins(writeKey, legacySettings, analytics, opts, options, plu
                 case 8:
                     if (!((_a = opts.plan) === null || _a === void 0 ? void 0 : _a.track)) return [3 /*break*/, 10];
                     return [4 /*yield*/, import(
-                        /* webpackChunkName: "schemaFilter" */ './index-DthkZUK5.js').then(function (mod) {
+                        /* webpackChunkName: "schemaFilter" */ './index-s5-HDiIZ.js').then(function (mod) {
                             var _a;
                             return mod.schemaFilter((_a = opts.plan) === null || _a === void 0 ? void 0 : _a.track, legacySettings);
                         })];
@@ -155517,7 +155520,7 @@ function registerPlugins(writeKey, legacySettings, analytics, opts, options, plu
                         return enabled;
                     })) return [3 /*break*/, 17];
                     return [4 /*yield*/, import(
-                        /* webpackChunkName: "remoteMiddleware" */ './index-Vadzr0yp.js').then(function (_a) {
+                        /* webpackChunkName: "remoteMiddleware" */ './index-BMR0rE9j.js').then(function (_a) {
                             var remoteMiddlewares = _a.remoteMiddlewares;
                             return __awaiter(_this, void 0, void 0, function () {
                                 var middleware, promises;
@@ -221508,10 +221511,10 @@ function SimpleLayout({ header, footer, children, heroContent, testId = 'contain
     return (jsx$1(Box, { sx: responsiveStyles, testId: "simpleLayout", children: jsxs(Box, { testId: testId, sx: merge(simpleLayoutStyle, containerSx), children: [header && (jsx$1(Box, { sx: headerStyle(floatHeader), testId: "header", children: header })), jsxs(Box, { sx: contentStyle, testId: "main", children: [heroContent && (jsx$1(Box, { sx: heroContentStyle, children: heroContent })), children && (jsx$1(Box, { sx: { ...bodyStyle$1, ...bodyStyleOverrides }, testId: "children", children: children }))] }), footer && (jsx$1(Box, { sx: footerStyle(footerBackgroundColor), testId: "footer", children: footer }))] }) }));
 }
 
-function LoadingView({ loadingText, textDuration }) {
+function LoadingView({ loadingText, textDuration, containerSx = {} }) {
     const text = Array.isArray(loadingText) ? loadingText : [loadingText];
     const duration = textDuration || 2500;
-    return (jsx$1(SimpleLayout, { children: jsx$1(LoadingOverlay, { visible: true, children: jsx$1(LoadingOverlay.Content, { children: jsx$1(LoadingOverlay.Content.LoopingText, { text: [...text], textDuration: duration }) }) }) }));
+    return (jsx$1(SimpleLayout, { containerSx: containerSx, children: jsx$1(LoadingOverlay, { visible: true, children: jsx$1(LoadingOverlay.Content, { children: jsx$1(LoadingOverlay.Content.LoopingText, { text: [...text], textDuration: duration }) }) }) }));
 }
 
 /**
@@ -222714,7 +222717,7 @@ const useProvidersContext = () => {
     return context;
 };
 
-const AddTokensWidget = React.lazy(() => import('./AddTokensWidget-BfDY0LwB.js'));
+const AddTokensWidget = React.lazy(() => import('./AddTokensWidget-BhaUBTKx.js'));
 class AddTokens extends Base {
     eventTopic = IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT;
     getValidatedProperties({ config, }) {
@@ -222758,7 +222761,7 @@ class AddTokens extends Base {
     }
 }
 
-const BridgeWidget = React.lazy(() => import('./BridgeWidget-DreWq2OO.js'));
+const BridgeWidget = React.lazy(() => import('./BridgeWidget-DUStg-ob.js'));
 class Bridge extends Base {
     eventTopic = IMTBLWidgetEvents.IMTBL_BRIDGE_WIDGET_EVENT;
     getValidatedProperties({ config }) {
@@ -222826,7 +222829,7 @@ const commerceFlows = [
     CommerceFlowType.ADD_TOKENS,
 ];
 
-const CommerceWidget = React.lazy(() => import('./CommerceWidget-BFEo_z63.js'));
+const CommerceWidget = React.lazy(() => import('./CommerceWidget-8wW5PFpX.js'));
 class CommerceWidgetRoot extends Base {
     eventTopic = IMTBLWidgetEvents.IMTBL_COMMERCE_WIDGET_EVENT;
     getValidatedProperties({ config, }) {
@@ -225136,7 +225139,7 @@ const orchestrationEvents = {
     sendRequestAddTokensEvent,
 };
 
-const OnRampWidget = React.lazy(() => import('./OnRampWidget-BpRLbHli.js').then(function (n) { return n.a; }));
+const OnRampWidget = React.lazy(() => import('./OnRampWidget-BRguwmcW.js').then(function (n) { return n.a; }));
 class OnRamp extends Base {
     eventTopic = IMTBLWidgetEvents.IMTBL_ONRAMP_WIDGET_EVENT;
     getValidatedProperties({ config }) {
@@ -225274,7 +225277,7 @@ const sendSalePaymentTokenEvent = (eventTarget, details) => {
         eventTarget.dispatchEvent(event);
 };
 
-const SaleWidget = React.lazy(() => import('./SaleWidget-C-ATgwRu.js'));
+const SaleWidget = React.lazy(() => import('./SaleWidget-YRJq-KHp.js'));
 class Sale extends Base {
     eventTopic = IMTBLWidgetEvents.IMTBL_SALE_WIDGET_EVENT;
     // TODO: add specific validation logic for the sale items
@@ -225478,7 +225481,7 @@ function GeoblockLoader({ widget, serviceUnavailableView, checkout, }) {
             : serviceUnavailableView) }));
 }
 
-const SwapWidget = React.lazy(() => import('./SwapWidget-Dm2cQUYh.js'));
+const SwapWidget = React.lazy(() => import('./SwapWidget-BiiN2Y72.js'));
 class Swap extends Base {
     eventTopic = IMTBLWidgetEvents.IMTBL_SWAP_WIDGET_EVENT;
     getValidatedProperties({ config }) {
@@ -225603,7 +225606,7 @@ function sendDisconnectWalletEvent(eventTarget) {
         eventTarget.dispatchEvent(disconnectWalletEvent);
 }
 
-const WalletWidget = React.lazy(() => import('./WalletWidget-C25SCVnz.js'));
+const WalletWidget = React.lazy(() => import('./WalletWidget-BN45L_RI.js'));
 class Wallet extends Base {
     eventTopic = IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT;
     getValidatedProperties({ config }) {
@@ -225740,4 +225743,4 @@ class WidgetsFactory {
     }
 }
 
-export { getStartingSize as $, useSplitApartChildrenAndSubComponents as A, BridgeEventType as B, CommerceFlowType as C, merge$1 as D, ErrorView as E, useResizeObserver as F, SmartClone as G, Box as H, IMTBLWidgetEvents as I, isChildSubcomponent as J, flattenChildren as K, LoadingView as L, Body as M, useTheme$1 as N, OnRampEventType as O, ProviderEventType as P, Icon as Q, ButtCon as R, SwapEventType as S, Button as T, _defineProperty$1 as U, ViewActions as V, WalletEventType as W, isDualVariantIcon as X, _slicedToArray as Y, isNumberWithinTotal as Z, _objectWithoutProperties as _, CommerceEventType as a, orchestrationEvents as a$, BaseClickable as a0, ClassNames as a1, _toConsumableArray as a2, isError as a3, Badge as a4, FramedIcon as a5, FramedImage as a6, FramedLogo as a7, Stack as a8, hFlex as a9, Heading as aA, WalletDrawer as aB, UnableToConnectDrawer as aC, ChangedYourMindDrawer as aD, WalletProviderRdns as aE, getProviderSlugFromRdns as aF, Web3Provider as aG, connectEIP6963Provider as aH, identifyUser as aI, ConnectEIP6963ProviderError as aJ, ProvidersContextActions as aK, ViewContext as aL, commonjsRequire$1 as aM, getRemoteImage as aN, useHandover as aO, HandoverTarget as aP, EventTargetContext as aQ, getRemoteRive as aR, Trans as aS, Link as aT, useInjectedProviders as aU, getDefaultTokenImage as aV, OverflowDrawerMenu as aW, SimpleLayout as aX, TokenFilterTypes as aY, isNativeToken as aZ, getTokenImageByAddress as a_, usePrevious as aa, useBrowserEffect as ab, getHeadingTextStyles as ac, vFlex as ad, centerFlexChildren as ae, FormControlLabel as af, FormControlValidation as ag, FormControlCaption as ah, AddTokensEventType as ai, getDefaultExportFromCjs$3 as aj, commonjsGlobal$2 as ak, MenuItem as al, tokenValueFormat as am, DEFAULT_TOKEN_FORMATTING_DECIMALS as an, BigNumber$1 as ao, getRemoteVideo as ap, FramedVideo as aq, motion$1 as ar, listItemVariants as as, Divider as at, Fragment$1 as au, listVariants as av, useProvidersContext as aw, Drawer as ax, useAnalytics as ay, UserJourney as az, ConnectEventType as b, widgetTheme as b$, requireSecp256k1 as b0, requireLib_commonjs as b1, require$$0$3 as b2, bech32 as b3, bnExports$1 as b4, require$$0$2 as b5, getAugmentedNamespace$1 as b6, require$$0$5 as b7, minimalisticAssert$1 as b8, require$$2 as b9, sendSaleSuccessEvent as bA, sendSaleFailedEvent as bB, sendSaleTransactionSuccessEvent as bC, sendSalePaymentMethodEvent as bD, sendSalePaymentTokenEvent as bE, HeaderNavigation as bF, LoadingOverlay as bG, HandoverDuration as bH, isPassportProvider as bI, FooterLogo as bJ, StatusType as bK, prettyFormatNumber as bL, ShimmerCircle as bM, FundingStepType as bN, abbreviateWalletAddress as bO, tokenSymbolNameOverrides as bP, ItemType as bQ, TransactionOrGasType as bR, GasTokenType as bS, RoutingOutcomeType as bT, isGasFree as bU, ConnectLoaderContext as bV, eventTargetReducer as bW, initialEventTargetState as bX, EventTargetActions as bY, ConnectWidgetViews as bZ, ConnectLoaderActions as b_, hash$5 as ba, MaxUint256$5 as bb, merge as bc, SvgIcon as bd, WalletWarningHero as be, Environment$1 as bf, t$7 as bg, PriceDisplay as bh, viewReducer as bi, initialViewState as bj, isValidAddress as bk, amountInputValidation as bl, CloudImage as bm, ServiceUnavailableErrorView as bn, ServiceType as bo, MultiTextShimmer as bp, getCaptionTextStyles as bq, DEFAULT_BODY_PROPS as br, baseTextComponentSx as bs, useConvertSxToEmotionStyles as bt, useGetCurrentSizeClass as bu, cloneElementWithCssProp as bv, compareStr as bw, SalePaymentTypes as bx, calculateCryptoToFiat as by, sendSaleWidgetCloseEvent as bz, CommerceFailureEventType as c, accessListify$1 as c$, BlockExplorerService as c0, axios$1 as c1, CheckoutErrorType as c2, IMMUTABLE_API_BASE_URL as c3, ShimmerBox as c4, PASSPORT_URL as c5, getChainIdBySlug as c6, getChainImage as c7, networkName as c8, useWalletConnect as c9, heroImageStyles as cA, SimpleTextBody as cB, FooterButton as cC, getEthTokenImage as cD, WITHDRAWAL_CLAIM_GAS_LIMIT as cE, BridgeConfiguration as cF, ImmutableConfiguration as cG, TokenBridge as cH, StatusView as cI, ETH_SEPOLIA_TO_ZKEVM_TESTNET as cJ, ETH_SEPOLIA_TO_ZKEVM_DEVNET as cK, ETH_MAINNET_TO_ZKEVM_MAINNET as cL, defineReadOnly$1 as cM, getStatic$1 as cN, Signer$1 as cO, Provider$1 as cP, getAddress$1 as cQ, Logger$2 as cR, getContractAddress$1 as cS, Interface$1 as cT, shallowCopy$1 as cU, VoidSigner$1 as cV, Indexed$1 as cW, deepCopy$1 as cX, isHexString$1 as cY, checkResultErrors$1 as cZ, resolveProperties$1 as c_, isWalletConnectProvider as ca, Logo as cb, RawImage as cc, AXELAR_SCAN_URL as cd, getNativeSymbolByChainSlug as ce, getChainSlugById as cf, JsonRpcProvider$1 as cg, DEFAULT_TRANSACTIONS_RETRY_POLICY as ch, getChainNameById as ci, getWalletProviderNameByProvider as cj, isAddressSanctioned as ck, isMetaMaskProvider as cl, WalletProviderName as cm, ButtonNavigationStyles as cn, formatZeroAmount as co, NATIVE as cp, ETH_TOKEN_SYMBOL as cq, GasEstimateType as cr, DEFAULT_TOKEN_DECIMALS as cs, DEFAULT_QUOTE_REFRESH_INTERVAL as ct, addChainChangedListener as cu, removeChainChangedListener as cv, IMX_TOKEN_SYMBOL as cw, dist as cx, CHECKOUT_CDN_BASE_URL as cy, heroBackGroundStyles as cz, CommerceSuccessEventType as d, applyDestinationMiddleware as d$, arrayify$1 as d0, global$2 as d1, ExchangeType as d2, sendOnRampWidgetCloseEvent as d3, sendOnRampSuccessEvent as d4, sendOnRampFailedEvent as d5, WidgetTheme as d6, quickswapFooterStyles as d7, quickswapFooterLogoStyles as d8, quickswapFooterDisclaimerTextStyles as d9, sortTokensByAmount as dA, sendWalletWidgetCloseEvent as dB, sendDisconnectWalletEvent as dC, FAQS_LINK as dD, useBrowserLayoutEffect as dE, version$r as dF, hexZeroPad$1 as dG, isBigNumberish as dH, isBytes$1 as dI, ne$2 as dJ, se$2 as dK, T$2 as dL, oe$4 as dM, R$5 as dN, a$4 as dO, te$4 as dP, p$9 as dQ, y$6 as dR, __awaiter as dS, __generator as dT, loadScript as dU, getNextIntegrationsURL as dV, unloadScript as dW, __spreadArray$1 as dX, isOffline as dY, __assign as dZ, ContextCancelation as d_, getImxTokenImage as da, Tooltip as db, ESTIMATE_DEBOUNCE as dc, DEFAULT_TOKEN_VALIDATION_DECIMALS as dd, sendSwapWidgetCloseEvent as de, DEFAULT_BALANCE_RETRY_POLICY as df, SwapDirection as dg, sendSwapSuccessEvent as dh, sendSwapFailedEvent as di, sendSwapRejectedEvent as dj, AnimatePresence as dk, getTertiaryButtonStyles as dl, TextInput as dm, FormControlWrapper as dn, Select as dp, DuoCon as dq, heroImageBottomAlign as dr, DEFAULT_BUTTON_SIZE as ds, getResponsiveSx as dt, BUTTON_SIZES as du, setDefaultSxBackgroundColor as dv, ZERO_BALANCE_STRING as dw, sendNetworkSwitchEvent as dx, NetworkFilterTypes as dy, sortNetworksCompareFn as dz, CommerceUserActionEventType as e, dist$1 as e0, isServer as e1, mergedOptions as e2, isPlainObject as e3, pWhile as e4, PriorityQueue as e5, PersistedPriorityQueue as e6, attempt as e7, isOnline as e8, Context as e9, pTimeout as ea, gracefulDecodeURIComponent as eb, WidgetsFactory as ec, SaleEventType as f, OrchestrationEventType as g, getL2ChainId as h, getL1ChainId as i, jsx$1 as j, ChainId as k, useTranslation as l, useViewState as m, useEventTargetState as n, SharedViews as o, commerceFlows as p, jsxs as q, reactExports as r, ConnectWidget as s, ProvidersContextProvider as t, useConnectLoaderState as u, ConnectLoader as v, ViewContextProvider as w, useTheme as x, useForwardLocalDomRef as y, useGetSubcomponentChild as z };
+export { getStartingSize as $, useSplitApartChildrenAndSubComponents as A, BridgeEventType as B, CommerceFlowType as C, merge$1 as D, ErrorView as E, useResizeObserver as F, SmartClone as G, Box as H, IMTBLWidgetEvents as I, isChildSubcomponent as J, flattenChildren as K, LoadingView as L, Body as M, useTheme$1 as N, OnRampEventType as O, ProviderEventType as P, Icon as Q, ButtCon as R, SwapEventType as S, Button as T, _defineProperty$1 as U, ViewActions as V, WalletEventType as W, isDualVariantIcon as X, _slicedToArray as Y, isNumberWithinTotal as Z, _objectWithoutProperties as _, CommerceEventType as a, getTokenImageByAddress as a$, BaseClickable as a0, ClassNames as a1, _toConsumableArray as a2, isError as a3, Badge as a4, FramedIcon as a5, FramedImage as a6, FramedLogo as a7, Stack as a8, hFlex as a9, isPassportProvider as aA, Heading as aB, WalletDrawer as aC, UnableToConnectDrawer as aD, ChangedYourMindDrawer as aE, WalletProviderRdns as aF, getProviderSlugFromRdns as aG, Web3Provider as aH, connectEIP6963Provider as aI, identifyUser as aJ, ConnectEIP6963ProviderError as aK, ProvidersContextActions as aL, ViewContext as aM, commonjsRequire$1 as aN, getRemoteImage as aO, useHandover as aP, HandoverTarget as aQ, EventTargetContext as aR, getRemoteRive as aS, Trans as aT, Link as aU, useInjectedProviders as aV, getDefaultTokenImage as aW, OverflowDrawerMenu as aX, SimpleLayout as aY, TokenFilterTypes as aZ, isNativeToken as a_, usePrevious as aa, useBrowserEffect as ab, getHeadingTextStyles as ac, vFlex as ad, centerFlexChildren as ae, FormControlLabel as af, FormControlValidation as ag, FormControlCaption as ah, AddTokensEventType as ai, getDefaultExportFromCjs$3 as aj, commonjsGlobal$2 as ak, MenuItem as al, tokenValueFormat as am, DEFAULT_TOKEN_FORMATTING_DECIMALS as an, BigNumber$1 as ao, getRemoteVideo as ap, FramedVideo as aq, motion$1 as ar, listItemVariants as as, Divider as at, Fragment$1 as au, listVariants as av, useProvidersContext as aw, Drawer as ax, useAnalytics as ay, UserJourney as az, ConnectEventType as b, widgetTheme as b$, orchestrationEvents as b0, requireSecp256k1 as b1, requireLib_commonjs as b2, require$$0$3 as b3, bech32 as b4, bnExports$1 as b5, require$$0$2 as b6, getAugmentedNamespace$1 as b7, require$$0$5 as b8, minimalisticAssert$1 as b9, sendSaleWidgetCloseEvent as bA, sendSaleSuccessEvent as bB, sendSaleFailedEvent as bC, sendSaleTransactionSuccessEvent as bD, sendSalePaymentMethodEvent as bE, sendSalePaymentTokenEvent as bF, HeaderNavigation as bG, LoadingOverlay as bH, HandoverDuration as bI, FooterLogo as bJ, StatusType as bK, prettyFormatNumber as bL, ShimmerCircle as bM, FundingStepType as bN, abbreviateWalletAddress as bO, tokenSymbolNameOverrides as bP, ItemType as bQ, TransactionOrGasType as bR, GasTokenType as bS, RoutingOutcomeType as bT, isGasFree as bU, ConnectLoaderContext as bV, eventTargetReducer as bW, initialEventTargetState as bX, EventTargetActions as bY, ConnectWidgetViews as bZ, ConnectLoaderActions as b_, require$$2 as ba, hash$5 as bb, MaxUint256$5 as bc, merge as bd, SvgIcon as be, WalletWarningHero as bf, Environment$1 as bg, t$7 as bh, PriceDisplay as bi, viewReducer as bj, initialViewState as bk, isValidAddress as bl, amountInputValidation as bm, CloudImage as bn, ServiceUnavailableErrorView as bo, ServiceType as bp, MultiTextShimmer as bq, getCaptionTextStyles as br, DEFAULT_BODY_PROPS as bs, baseTextComponentSx as bt, useConvertSxToEmotionStyles as bu, useGetCurrentSizeClass as bv, cloneElementWithCssProp as bw, compareStr as bx, SalePaymentTypes as by, calculateCryptoToFiat as bz, CommerceFailureEventType as c, accessListify$1 as c$, BlockExplorerService as c0, axios$1 as c1, CheckoutErrorType as c2, IMMUTABLE_API_BASE_URL as c3, ShimmerBox as c4, PASSPORT_URL as c5, getChainIdBySlug as c6, getChainImage as c7, networkName as c8, useWalletConnect as c9, heroImageStyles as cA, SimpleTextBody as cB, FooterButton as cC, getEthTokenImage as cD, WITHDRAWAL_CLAIM_GAS_LIMIT as cE, BridgeConfiguration as cF, ImmutableConfiguration as cG, TokenBridge as cH, StatusView as cI, ETH_SEPOLIA_TO_ZKEVM_TESTNET as cJ, ETH_SEPOLIA_TO_ZKEVM_DEVNET as cK, ETH_MAINNET_TO_ZKEVM_MAINNET as cL, defineReadOnly$1 as cM, getStatic$1 as cN, Signer$1 as cO, Provider$1 as cP, getAddress$1 as cQ, Logger$2 as cR, getContractAddress$1 as cS, Interface$1 as cT, shallowCopy$1 as cU, VoidSigner$1 as cV, Indexed$1 as cW, deepCopy$1 as cX, isHexString$1 as cY, checkResultErrors$1 as cZ, resolveProperties$1 as c_, isWalletConnectProvider as ca, Logo as cb, RawImage as cc, AXELAR_SCAN_URL as cd, getNativeSymbolByChainSlug as ce, getChainSlugById as cf, JsonRpcProvider$1 as cg, DEFAULT_TRANSACTIONS_RETRY_POLICY as ch, getChainNameById as ci, getWalletProviderNameByProvider as cj, isAddressSanctioned as ck, isMetaMaskProvider as cl, WalletProviderName as cm, ButtonNavigationStyles as cn, formatZeroAmount as co, NATIVE as cp, ETH_TOKEN_SYMBOL as cq, GasEstimateType as cr, DEFAULT_TOKEN_DECIMALS as cs, DEFAULT_QUOTE_REFRESH_INTERVAL as ct, addChainChangedListener as cu, removeChainChangedListener as cv, IMX_TOKEN_SYMBOL as cw, dist as cx, CHECKOUT_CDN_BASE_URL as cy, heroBackGroundStyles as cz, CommerceSuccessEventType as d, applyDestinationMiddleware as d$, arrayify$1 as d0, global$2 as d1, ExchangeType as d2, sendOnRampWidgetCloseEvent as d3, sendOnRampSuccessEvent as d4, sendOnRampFailedEvent as d5, WidgetTheme as d6, quickswapFooterStyles as d7, quickswapFooterLogoStyles as d8, quickswapFooterDisclaimerTextStyles as d9, ZERO_BALANCE_STRING as dA, sendNetworkSwitchEvent as dB, NetworkFilterTypes as dC, sortNetworksCompareFn as dD, sortTokensByAmount as dE, sendWalletWidgetCloseEvent as dF, sendDisconnectWalletEvent as dG, FAQS_LINK as dH, useBrowserLayoutEffect as dI, ne$2 as dJ, se$2 as dK, T$2 as dL, oe$4 as dM, R$5 as dN, a$4 as dO, te$4 as dP, p$9 as dQ, y$6 as dR, __awaiter as dS, __generator as dT, loadScript as dU, getNextIntegrationsURL as dV, unloadScript as dW, __spreadArray$1 as dX, isOffline as dY, __assign as dZ, ContextCancelation as d_, getImxTokenImage as da, Tooltip as db, ESTIMATE_DEBOUNCE as dc, DEFAULT_TOKEN_VALIDATION_DECIMALS as dd, sendSwapWidgetCloseEvent as de, DEFAULT_BALANCE_RETRY_POLICY as df, SwapDirection as dg, sendSwapSuccessEvent as dh, sendSwapFailedEvent as di, sendSwapRejectedEvent as dj, AnimatePresence as dk, getTertiaryButtonStyles as dl, TextInput as dm, FormControlWrapper as dn, Select as dp, DuoCon as dq, heroImageBottomAlign as dr, version$r as ds, hexZeroPad$1 as dt, isBigNumberish as du, isBytes$1 as dv, DEFAULT_BUTTON_SIZE as dw, getResponsiveSx as dx, BUTTON_SIZES as dy, setDefaultSxBackgroundColor as dz, CommerceUserActionEventType as e, dist$1 as e0, isServer as e1, mergedOptions as e2, isPlainObject as e3, pWhile as e4, PriorityQueue as e5, PersistedPriorityQueue as e6, attempt as e7, isOnline as e8, Context as e9, pTimeout as ea, gracefulDecodeURIComponent as eb, WidgetsFactory as ec, SaleEventType as f, OrchestrationEventType as g, getL2ChainId as h, getL1ChainId as i, jsx$1 as j, ChainId as k, useTranslation as l, useViewState as m, useEventTargetState as n, SharedViews as o, commerceFlows as p, jsxs as q, reactExports as r, ConnectWidget as s, ProvidersContextProvider as t, useConnectLoaderState as u, ConnectLoader as v, ViewContextProvider as w, useTheme as x, useForwardLocalDomRef as y, useGetSubcomponentChild as z };