@imtbl/sdk 1.62.0 → 1.63.0-alpha.10

package/dist/browser/checkout/{TopUpView-BQBIv4KK.js → TopUpView-Bg-huhcb.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-DvBzy5DX.js';
-import { f as formatUnits } from './index-B_wChk6v.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-BjLYItcm.js';
+import { C as CryptoFiatContext, a as CryptoFiatActions, D as DEFAULT_TOKEN_SYMBOLS } from './CryptoFiatProvider-b0KhVg3Y.js';
+import { f as formatUnits } from './index-CshBDuS0.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, showAddFundsOption, 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, showAddFundsOption, tokenAdd
     useMount(() => {
         page({ userJourney, screen: 'TopUp' });
     });
-    // Go to add funds widget if available
-    useMount(() => {
-        if (showAddFundsOption) {
-            orchestrationEvents.sendRequestAddFundsEvent(eventTarget, widgetEvent, {
-                toTokenAddress: tokenAddress ?? '',
-                toAmount: amount ?? '',
-            });
-        }
-    }, () => showAddFundsOption !== undefined, [showAddFundsOption]);
     reactExports.useEffect(() => {
         if (!cryptoFiatDispatch)
             return;
@@ -583,11 +354,7 @@ showOnrampOption, showSwapOption, showBridgeOption, showAddFundsOption, tokenAdd
             isAvailable: true,
             isEnabled: showBridgeOption,
         },
-    ], [showAddFundsOption, showBridgeOption, showOnrampOption, showSwapOption]);
-    // if swap is available, don't show top up view
-    // await for redirect to add funds widget
-    if (showAddFundsOption)
-        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, showAddFundsOption, tokenAdd
                             : 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-CLTmvRwO.js → WalletApproveHero-DW6Uw6rT.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-DvBzy5DX.js';
-import { T as TokenImage, r as retry } from './retry-Bd7qMg0v.js';
-import { F as FeesBreakdown } from './FeesBreakdown-2gL4cI-R.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-BjLYItcm.js';
+import { T as TokenImage, r as retry } from './retry-GJcGp5Sw.js';
+import { F as FeesBreakdown } from './FeesBreakdown-BGnZxcX5.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-DqzlgTAL.js → WalletWidget-ChYjXfAy.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-DvBzy5DX.js';
-import { C as CryptoFiatContext, a as CryptoFiatActions, c as CryptoFiatProvider, T as TopUpView } from './TopUpView-BQBIv4KK.js';
-import { T as TokenImage, r as retry } from './retry-Bd7qMg0v.js';
-import { u as useInterval } from './useInterval-DI0ddcnq.js';
-import './index-B_wChk6v.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-BjLYItcm.js';
+import { C as CryptoFiatContext, a as CryptoFiatActions, b as CryptoFiatProvider } from './CryptoFiatProvider-b0KhVg3Y.js';
+import { T as TokenImage, r as retry } from './retry-GJcGp5Sw.js';
+import { u as useInterval } from './useInterval-BfG2xnz-.js';
 
 var horizontalMenuSxProps = {
   justifyContent: "stretch",
@@ -254,9 +253,8 @@ const walletReducer = (state, action) => {
                     isSwapEnabled: action.payload.supportedTopUps.isSwapEnabled ?? true,
                     isOnRampEnabled: action.payload.supportedTopUps.isOnRampEnabled ?? true,
                     isBridgeEnabled: action.payload.supportedTopUps.isBridgeEnabled ?? true,
-                    isAddFundsEnabled: action.payload.supportedTopUps.isAddFundsEnabled ?? true,
+                    isAddTokensEnabled: action.payload.supportedTopUps.isAddTokensEnabled ?? true,
                     isSwapAvailable: action.payload.supportedTopUps.isSwapAvailable ?? true,
-                    isAddFundsAvailable: action.payload.supportedTopUps.isAddFundsAvailable ?? true,
                 },
             };
         default:
@@ -332,7 +330,7 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
     const [isOnRampEnabled, setIsOnRampEnabled] = reactExports.useState();
     const [isBridgeEnabled, setIsBridgeEnabled] = reactExports.useState();
     const [isSwapEnabled, setIsSwapEnabled] = reactExports.useState();
-    const [isAddFundsEnabled, setIsAddFundsEnabled] = reactExports.useState();
+    const [isAddTokensEnabled, setIsAddTokensEnabled] = reactExports.useState();
     const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
     const [onRampAllowedTokens, setOnRampAllowedTokens] = reactExports.useState([]);
     const [swapAllowedTokens, setSwapAllowedTokens] = reactExports.useState([]);
@@ -357,9 +355,9 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
     reactExports.useEffect(() => {
         if (!network || !supportedTopUps || !checkout)
             return;
-        const enableAddCoin = (supportedTopUps?.isAddFundsEnabled ?? true)
+        const enableAddCoin = (supportedTopUps?.isAddTokensEnabled ?? true)
             && (supportedTopUps?.isSwapAvailable ?? true);
-        setIsAddFundsEnabled(enableAddCoin);
+        setIsAddTokensEnabled(enableAddCoin);
         const enableBuyCoin = !enableAddCoin
             && network.chainId === getL2ChainId(checkout.config)
             && (supportedTopUps?.isOnRampEnabled ?? true);
@@ -379,14 +377,14 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
         const canBuy = Boolean(isOnRampEnabled
             && onRampAllowedTokens.length > 0
             && onRampAllowedTokens.find((token) => token.address?.toLowerCase() === balanceInfo.address?.toLowerCase()));
-        const canAdd = Boolean(isAddFundsEnabled
+        const canAdd = Boolean(isAddTokensEnabled
             && swapAllowedTokens.length > 0
             && swapAllowedTokens.find((token) => token.address?.toLowerCase() === balanceInfo.address?.toLowerCase()));
         return canBuy || canAdd;
     }, [
         isOnRampEnabled,
         onRampAllowedTokens,
-        isAddFundsEnabled,
+        isAddTokensEnabled,
         swapAllowedTokens,
     ]);
     const handleAddTokenClick = () => {
@@ -400,8 +398,8 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
                 tokenAddress: balanceInfo.address,
             },
         });
-        if (isAddFundsEnabled) {
-            orchestrationEvents.sendRequestAddFundsEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {
+        if (isAddTokensEnabled) {
+            orchestrationEvents.sendRequestAddTokensEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {
                 toAmount: '',
                 toTokenAddress: balanceInfo.address ?? '',
             });
@@ -412,7 +410,7 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
             amount: '',
         });
     };
-    return (jsxs(MenuItem, { testId: `balance-item-${balanceInfo.symbol}`, emphasized: true, children: [jsx(MenuItem.FramedImage, { use: (jsx(TokenImage, { theme: theme, src: balanceInfo.icon, name: balanceInfo.symbol, environment: checkout?.config.environment ?? Environment.PRODUCTION })), circularFrame: true }), jsx(MenuItem.Label, { children: balanceInfo.symbol }), jsx(MenuItem.Caption, { children: balanceInfo.description }), jsx(MenuItem.PriceDisplay, { testId: `balance-item-${balanceInfo.symbol}`, price: tokenValueFormat(balanceInfo.balance), fiatAmount: fiatAmount }), (isOnRampEnabled || isSwapEnabled || isBridgeEnabled || isAddFundsEnabled) && (jsxs(MenuItem.OverflowPopoverMenu, { size: "small", testId: "token-menu", onClick: () => {
+    return (jsxs(MenuItem, { testId: `balance-item-${balanceInfo.symbol}`, emphasized: true, children: [jsx(MenuItem.FramedImage, { use: (jsx(TokenImage, { theme: theme, src: balanceInfo.icon, name: balanceInfo.symbol, environment: checkout?.config.environment ?? Environment.PRODUCTION })), circularFrame: true }), jsx(MenuItem.Label, { children: balanceInfo.symbol }), jsx(MenuItem.Caption, { children: balanceInfo.description }), jsx(MenuItem.PriceDisplay, { testId: `balance-item-${balanceInfo.symbol}`, price: tokenValueFormat(balanceInfo.balance), fiatAmount: fiatAmount }), (isOnRampEnabled || isSwapEnabled || isBridgeEnabled || isAddTokensEnabled) && (jsxs(MenuItem.OverflowPopoverMenu, { size: "small", testId: "token-menu", onClick: () => {
                     track({
                         userJourney: UserJourney.WALLET,
                         screen: 'WalletBalances',
@@ -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, {
@@ -952,7 +945,7 @@ function WalletWidget(props) {
     const errorActionText = t('views.ERROR_VIEW.actionText');
     const loadingText = t('views.LOADING_VIEW.text');
     const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
-    const { config: { environment, isOnRampEnabled, isSwapEnabled, isBridgeEnabled, isAddFundsEnabled, theme, }, walletConfig: { showDisconnectButton, showNetworkMenu, }, } = props;
+    const { config: { environment, isOnRampEnabled, isSwapEnabled, isBridgeEnabled, isAddTokensEnabled, theme, }, walletConfig: { showDisconnectButton, showNetworkMenu, }, } = props;
     const { connectLoaderState: { checkout, provider }, } = reactExports.useContext(ConnectLoaderContext);
     const [viewState, viewDispatch] = reactExports.useReducer(viewReducer, {
         ...initialViewState,
@@ -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 checkAddFundsEnabled = isAddFundsEnabled;
-            try {
-                const addFundsConfig = await checkout.config.remote.getConfig('addfunds');
-                checkAddFundsEnabled = addFundsConfig.enabled && isAddFundsEnabled;
-            }
-            catch { /* */ }
             walletDispatch({
                 payload: {
                     type: WalletActions.SET_SUPPORTED_TOP_UPS,
@@ -1011,8 +997,7 @@ function WalletWidget(props) {
                         isSwapEnabled,
                         isOnRampEnabled,
                         isSwapAvailable: checkSwapAvailable,
-                        isAddFundsEnabled: checkAddFundsEnabled,
-                        isAddFundsAvailable: checkSwapAvailable && checkAddFundsEnabled,
+                        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, showAddFundsOption: supportedTopUps?.isAddFundsAvailable, 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-B_DVujaR.js → auto-track-CgS-wbin.js}

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