@imtbl/sdk 1.63.0 → 1.64.0

package/dist/{blockchain_data-Dpv5muPl.js → blockchain_data-BJFFyOsZ.js}

@@ -1,5 +1,5 @@
-import { A as APIError, B as BlockchainData } from './index-BI-lDUrN.js';
-import { i as index } from './index-B7ZGqefm.js';
+import { A as APIError, B as BlockchainData } from './index-CinJtsQi.js';
+import { i as index } from './index-CPZC_4-h.js';
 
 var blockchain_data = /*#__PURE__*/Object.freeze({
 	__proto__: null,

package/dist/blockchain_data.js

@@ -1,6 +1,6 @@
-export { A as APIError, B as BlockchainData } from './index-BI-lDUrN.js';
-export { i as Types } from './index-B7ZGqefm.js';
-import './index-CK8NRXyO.js';
+export { A as APIError, B as BlockchainData } from './index-CinJtsQi.js';
+export { i as Types } from './index-CPZC_4-h.js';
+import './index-BDcnlE-I.js';
 import 'axios';
 import 'lru-memorise';
 import 'global-const';

package/dist/browser/checkout/{AddTokensWidget-BfDY0LwB.js → AddTokensWidget-_RYa4euh.js}

@@ -1,9 +1,9 @@
-import { _ as _objectWithoutProperties, x as useTheme, y as useForwardLocalDomRef, z as useGetSubcomponentChild, A as useSplitApartChildrenAndSubComponents, r as reactExports, D as merge$2, F as useResizeObserver, q as jsxs, j as jsx, G as SmartClone, H as Box, J as isChildSubcomponent, K as flattenChildren, M as Body, N as useTheme$1, Q as Icon, R as ButtCon, T as Button, U as _defineProperty, X as isDualVariantIcon, Y as _slicedToArray, Z as isNumberWithinTotal, $ as getStartingSize, a0 as BaseClickable, a1 as ClassNames, a2 as _toConsumableArray, a3 as isError, a4 as Badge, a5 as FramedIcon, a6 as FramedImage, a7 as FramedLogo, a8 as Stack, a9 as hFlex, aa as usePrevious, ab as useBrowserEffect, ac as getHeadingTextStyles, ad as vFlex, ae as centerFlexChildren, af as FormControlLabel, ag as FormControlValidation, ah as FormControlCaption, I as IMTBLWidgetEvents, ai as AddTokensEventType, aj as getDefaultExportFromCjs, ak as commonjsGlobal, l as useTranslation, al as MenuItem, am as tokenValueFormat, an as DEFAULT_TOKEN_FORMATTING_DECIMALS, ao as BigNumber, ap as getRemoteVideo, aq as FramedVideo, ar as motion, as as listItemVariants, at as Divider, au as Fragment, av as listVariants, aw as useProvidersContext, ax as Drawer, ay as useAnalytics, az as UserJourney, aA as Heading, aB as WalletDrawer, aC as UnableToConnectDrawer, aD as ChangedYourMindDrawer, aE as WalletProviderRdns, aF as getProviderSlugFromRdns, aG as Web3Provider, aH as connectEIP6963Provider, aI as identifyUser, aJ as ConnectEIP6963ProviderError, aK as ProvidersContextActions, aL as ViewContext, V as ViewActions, o as SharedViews, k as ChainId, aM as commonjsRequire, aN as getRemoteImage, aO as useHandover, aP as HandoverTarget, aQ as EventTargetContext, aR as getRemoteRive, aS as Trans, aT as Link, aU as useInjectedProviders, aV as getDefaultTokenImage, aW as OverflowDrawerMenu, aX as SimpleLayout, aY as TokenFilterTypes, h as getL2ChainId, aZ as isNativeToken, a_ as getTokenImageByAddress, a$ as orchestrationEvents, b0 as requireSecp256k1$1, b1 as requireLib_commonjs, b2 as require$$0$2, b3 as bech32$2, b4 as bnExports$1, b5 as require$$0$3, b6 as getAugmentedNamespace, b7 as require$$0$4, b8 as minimalisticAssert, b9 as require$$2, ba as hash$6, bb as MaxUint256, bc as merge$3, bd as SvgIcon, be as WalletWarningHero, bf as Environment, bg as t, bh as PriceDisplay, L as LoadingView, bi as viewReducer, bj as initialViewState, bk as isValidAddress, bl as amountInputValidation, bm as CloudImage, E as ErrorView, bn as ServiceUnavailableErrorView, bo as ServiceType } from './index-Co93fBqn.js';
-import { f as formatUnits, p as parseUnits } from './index-DzrC5Kuy.js';
-import { E as EllipsizedText, C as Contract } from './EllipsizedText-_yDoxF8V.js';
-import { r as retry, T as TokenImage } from './retry-DqIpQ6wO.js';
-import { H as HandoverContent } from './HandoverContent-D0HXf455.js';
-import { F as FeesBreakdown } from './FeesBreakdown-CQVi4M-W.js';
+import { _ as _objectWithoutProperties, x as useTheme, y as useForwardLocalDomRef, z as useGetSubcomponentChild, A as useSplitApartChildrenAndSubComponents, r as reactExports, D as merge$2, F as useResizeObserver, q as jsxs, j as jsx, G as SmartClone, H as Box, J as isChildSubcomponent, K as flattenChildren, M as Body, N as useTheme$1, Q as Icon, R as ButtCon, T as Button, U as _defineProperty, X as isDualVariantIcon, Y as _slicedToArray, Z as isNumberWithinTotal, $ as getStartingSize, a0 as BaseClickable, a1 as ClassNames, a2 as _toConsumableArray, a3 as isError, a4 as Badge, a5 as FramedIcon, a6 as FramedImage, a7 as FramedLogo, a8 as Stack, a9 as hFlex, aa as usePrevious, ab as useBrowserEffect, ac as getHeadingTextStyles, ad as vFlex, ae as centerFlexChildren, af as FormControlLabel, ag as FormControlValidation, ah as FormControlCaption, I as IMTBLWidgetEvents, ai as AddTokensEventType, aj as getDefaultExportFromCjs, ak as commonjsGlobal, l as useTranslation, al as MenuItem, am as tokenValueFormat, an as DEFAULT_TOKEN_FORMATTING_DECIMALS, ao as BigNumber, ap as getRemoteVideo, aq as FramedVideo, ar as motion, as as listItemVariants, at as Divider, au as Fragment, av as listVariants, aw as useProvidersContext, ax as Drawer, ay as useAnalytics, az as UserJourney, aA as isPassportProvider, aB as Heading, aC as WalletDrawer, aD as UnableToConnectDrawer, aE as ChangedYourMindDrawer, aF as WalletProviderRdns, aG as getProviderSlugFromRdns, aH as Web3Provider, aI as connectEIP6963Provider, aJ as identifyUser, aK as ConnectEIP6963ProviderError, aL as ProvidersContextActions, aM as ViewContext, V as ViewActions, o as SharedViews, k as ChainId, aN as commonjsRequire, aO as getRemoteImage, aP as useHandover, aQ as HandoverTarget, aR as EventTargetContext, aS as getRemoteRive, aT as Trans, aU as Link, aV as useInjectedProviders, aW as getDefaultTokenImage, aX as OverflowDrawerMenu, aY as SimpleLayout, aZ as TokenFilterTypes, h as getL2ChainId, a_ as isNativeToken, a$ as getTokenImageByAddress, b0 as orchestrationEvents, b1 as requireSecp256k1$1, b2 as requireLib_commonjs, b3 as require$$0$2, b4 as bech32$2, b5 as bnExports$1, b6 as require$$0$3, b7 as getAugmentedNamespace, b8 as require$$0$4, b9 as minimalisticAssert, ba as require$$2, bb as hash$6, bc as MaxUint256, bd as merge$3, be as SvgIcon, bf as WalletWarningHero, bg as Environment, bh as t, bi as PriceDisplay, L as LoadingView, bj as viewReducer, bk as initialViewState, bl as isValidAddress, bm as amountInputValidation, bn as CloudImage, E as ErrorView, bo as ServiceUnavailableErrorView, bp as ServiceType } from './index-BjLYItcm.js';
+import { f as formatUnits, p as parseUnits } from './index-CshBDuS0.js';
+import { E as EllipsizedText, C as Contract } from './EllipsizedText-CF9lzi6c.js';
+import { r as retry, T as TokenImage } from './retry-GJcGp5Sw.js';
+import { H as HandoverContent } from './HandoverContent-CESizLWk.js';
+import { F as FeesBreakdown } from './FeesBreakdown-BGnZxcX5.js';
 
 var bannerSx = {
   d: "flex",
@@ -1695,6 +1695,7 @@ function getRouteAndTokenBalances(routeData) {
 }
 
 function RouteOption({ routeData, onClick, chains, disabled = false, isFastest = false, size = 'small', rc = jsx("span", {}), selected = false, }) {
+    const { t } = useTranslation();
     const { fromToken } = routeData.amountData;
     const { estimate } = routeData.route.route;
     const chain = chains?.find((c) => c.id === fromToken.chainId);
@@ -1712,7 +1713,7 @@ function RouteOption({ routeData, onClick, chains, disabled = false, isFastest =
         size,
         onClick: disabled ? undefined : handleClick,
     };
-    return (jsxs(MenuItem, { ...menuItemProps, children: [jsx(MenuItem.Label, { children: fromToken.name }), chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(Sticker.FramedImage, { use: jsx("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall" }), jsx(MenuItem.FramedImage, { circularFrame: true, use: jsx("img", { src: fromToken.iconUrl, alt: fromToken.name }) })] })), jsx(MenuItem.Caption, { children: `Balance: USD ${routeBalanceUsd}` }), jsx(MenuItem.PriceDisplay, { price: fromAmount, children: jsx(MenuItem.PriceDisplay.Caption, { children: `USD $${fromAmountUsd}` }) }), jsxs(MenuItem.BottomSlot, { children: [jsx(MenuItem.BottomSlot.Divider, {}), jsxs(Stack, { rc: jsx("span", {}), direction: "row", justifyContent: "space-between", sx: {
+    return (jsxs(MenuItem, { ...menuItemProps, children: [jsx(MenuItem.Label, { children: fromToken.name }), chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(Sticker.FramedImage, { use: jsx("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall" }), jsx(MenuItem.FramedImage, { circularFrame: true, use: jsx("img", { src: fromToken.iconUrl, alt: fromToken.name }) })] })), jsx(MenuItem.Caption, { children: `Balance ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${routeBalanceUsd}` }), jsx(MenuItem.PriceDisplay, { price: fromAmount, children: jsx(MenuItem.PriceDisplay.Caption, { children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${fromAmountUsd}` }) }), jsxs(MenuItem.BottomSlot, { children: [jsx(MenuItem.BottomSlot.Divider, {}), jsxs(Stack, { rc: jsx("span", {}), direction: "row", justifyContent: "space-between", sx: {
                             w: '100%',
                         }, children: [jsxs(Body, { sx: {
                                     ...hFlex,
@@ -1722,7 +1723,7 @@ function RouteOption({ routeData, onClick, chains, disabled = false, isFastest =
                                 }, size: "xSmall", children: [jsx(Icon, { icon: "Countdown", sx: {
                                             w: 'base.icon.size.200',
                                             fill: 'base.color.text.body.secondary',
-                                        }, variant: "bold" }), estimatedDurationFormatted] }), jsxs(Body, { size: "xSmall", sx: { ...hFlex, ...centerFlexChildren }, children: [isFastest && (jsx(Badge, { badgeContent: "Fastest", variant: "emphasis", sx: { mr: 'base.spacing.x2' } })), `Fee ~ USD $${getFormattedAmounts(totalFeesUsd)}`] })] })] })] }));
+                                        }, variant: "bold" }), estimatedDurationFormatted] }), jsxs(Body, { size: "xSmall", sx: { ...hFlex, ...centerFlexChildren }, children: [isFastest && (jsx(Badge, { badgeContent: "Fastest", variant: "emphasis", sx: { mr: 'base.spacing.x2' } })), `Fee ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${getFormattedAmounts(totalFeesUsd)}`] })] })] })] }));
 }
 
 const defaultFiatOptions = [
@@ -2425,6 +2426,7 @@ const BASE_SLIPPAGE = 0.02;
 const useRoutes = () => {
     const latestRequestIdRef = reactExports.useRef(0);
     const { addTokensDispatch } = reactExports.useContext(AddTokensContext);
+    const { providersState: { toProvider, }, } = useProvidersContext();
     const { track } = useAnalytics();
     const setRoutes = (routes) => {
         addTokensDispatch({
@@ -2495,6 +2497,7 @@ const useRoutes = () => {
         toAddress,
         quoteOnly,
         enableBoost: true,
+        receiveGasOnDestination: !isPassportProvider(toProvider),
     }), {
         retryIntervalMs: 1000,
         retries: 5,
@@ -2618,6 +2621,7 @@ function SelectedRouteOptionContainer({ children, onClick, selected, }) {
         }, rc: jsx("span", { ...(onClick ? { onClick } : {}) }), children: children }));
 }
 function SelectedRouteOption({ checkout, routeData, chains, loading = false, withSelectedWallet = false, withSelectedToken = false, withSelectedAmount = false, insufficientBalance = false, showOnrampOption = false, onClick, }) {
+    const { t } = useTranslation();
     const { fromToken } = routeData?.amountData ?? {};
     const chain = chains?.find((c) => c.id === fromToken?.chainId);
     const { routeBalanceUsd, fromAmount, fromAmountUsd } = reactExports.useMemo(() => getRouteAndTokenBalances(routeData), [routeData]);
@@ -2654,7 +2658,7 @@ function SelectedRouteOption({ checkout, routeData, chains, loading = false, wit
         }
         return (jsxs(SelectedRouteOptionContainer, { onClick: handleOnClick, selected: withSelectedWallet, children: [jsx(MenuItem.FramedIcon, { icon: icon, variant: "bold", circularFrame: true, emphasized: false }), jsx(MenuItem.Caption, { children: copy })] }));
     }
-    return (jsxs(SelectedRouteOptionContainer, { onClick: handleOnClick, selected: withSelectedWallet, children: [chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(Sticker.FramedImage, { use: jsx("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall", sx: { bottom: 'base.spacing.x2', right: 'base.spacing.x2' } }), jsx(MenuItem.FramedImage, { circularFrame: true, padded: true, use: jsx("img", { src: fromToken?.iconUrl, alt: fromToken?.name }) })] })), jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { w: '100%' }, children: [jsxs(Stack, { gap: "0px", children: [jsx(MenuItem.Label, { children: fromToken?.name }), jsx(MenuItem.Caption, { children: `Balance USD $${routeBalanceUsd}` })] }), jsx(MenuItem.PriceDisplay, { price: fromAmount, children: jsx(MenuItem.PriceDisplay.Caption, { children: `USD $${fromAmountUsd}` }) })] })] }));
+    return (jsxs(SelectedRouteOptionContainer, { onClick: handleOnClick, selected: withSelectedWallet, children: [chain && (jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(Sticker.FramedImage, { use: jsx("img", { src: chain.iconUrl, alt: chain.name }), size: "xSmall", sx: { bottom: 'base.spacing.x2', right: 'base.spacing.x2' } }), jsx(MenuItem.FramedImage, { circularFrame: true, padded: true, use: jsx("img", { src: fromToken?.iconUrl, alt: fromToken?.name }) })] })), jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", sx: { w: '100%' }, children: [jsxs(Stack, { gap: "0px", children: [jsx(MenuItem.Label, { children: fromToken?.name }), jsx(MenuItem.Caption, { children: `Balance ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${routeBalanceUsd}` })] }), jsx(MenuItem.PriceDisplay, { price: fromAmount, children: jsx(MenuItem.PriceDisplay.Caption, { children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${fromAmountUsd}` }) })] })] }));
 }
 
 const disabledStyles = {
@@ -2871,7 +2875,7 @@ function PayWithWalletDrawer({ visible, onClose, onConnect, onPayWithCard, walle
                 onPayWithCard?.();
             }, children: [jsx(MenuItem.FramedIcon, { icon: "BankCard", variant: "bold", emphasized: false }), jsx(MenuItem.Label, { children: "Pay with Card" })] }));
     }, [onClose, onPayWithCard]);
-    return (jsx(ConnectWalletDrawer, { heading: insufficientBalance ? 'Choose another option' : 'Pay With', visible: visible, onClose: onClose, providerType: "from", walletOptions: walletOptions, disabledOptions: disabledOptions, bottomSlot: payWithCardItem, onConnect: handleOnConnect, onError: handleOnError }));
+    return (jsx(ConnectWalletDrawer, { heading: insufficientBalance ? 'Choose another option' : 'Send from', visible: visible, onClose: onClose, providerType: "from", walletOptions: walletOptions, disabledOptions: disabledOptions, bottomSlot: payWithCardItem, onConnect: handleOnConnect, onError: handleOnError }));
 }
 
 function convertToUsd(tokens, amount, token) {
@@ -5926,6 +5930,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
     const { addTokensState: { squid, chains, balances, tokens, selectedAmount, routes, selectedRouteData, selectedToken, isSwapAvailable, }, addTokensDispatch, } = reactExports.useContext(AddTokensContext);
     const { viewDispatch } = reactExports.useContext(ViewContext);
     const { track, page } = useAnalytics();
+    const { t } = useTranslation();
     const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
     const [showOptionsDrawer, setShowOptionsDrawer] = reactExports.useState(false);
     const [showPayWithDrawer, setShowPayWithDrawer] = reactExports.useState(false);
@@ -6086,9 +6091,9 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
                     });
                     setAllowedTokens(updatedTokens);
                     if (toTokenAddress) {
-                        const token = tokenResponse.tokens.find((t) => t.address?.toLowerCase() === toTokenAddress.toLowerCase());
-                        if (token) {
-                            setSelectedToken(token);
+                        const preselectedToken = updatedTokens.find((token) => token.address?.toLowerCase() === toTokenAddress.toLowerCase());
+                        if (preselectedToken) {
+                            setSelectedToken(preselectedToken);
                         }
                     }
                     addTokensDispatch({
@@ -6187,8 +6192,8 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
     };
     const shouldShowOnRampOption = reactExports.useMemo(() => {
         if (showOnrampOption && selectedToken) {
-            const token = onRampAllowedTokens.find((t) => t.address?.toLowerCase() === selectedToken.address?.toLowerCase());
-            return !!token;
+            const isAllowedToken = onRampAllowedTokens.find((token) => token.address?.toLowerCase() === selectedToken.address?.toLowerCase());
+            return !!isAllowedToken;
         }
         return false;
     }, [selectedToken, onRampAllowedTokens, showOnrampOption]);
@@ -6240,14 +6245,15 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
                                                 boxShadow: ({ base }) => `0 0 0 ${base.border.size[200]} ${base.color.text.body.primary}`,
                                             },
                                         } })),
-                                }), children: tokenChoiceOptions }), showInitialEmptyState ? (jsx(Body, { children: "Add Token" })) : (jsxs(HeroFormControl, { validationStatus: inputValue === '0' ? 'error' : 'success', children: [jsxs(HeroFormControl.Label, { children: ["Add", ' ', selectedToken.symbol] }), jsx(HeroTextInput, { testId: "add-tokens-amount-input", type: "number", value: inputValue, onChange: (value) => handleOnAmountInputChange(value), placeholder: "0", maxTextSize: "xLarge" }), jsxs(HeroFormControl.Caption, { children: ["USD $", getFormattedNumberWithDecimalPlaces(selectedAmountUsd)] })] }))] }), jsxs(Stack, { testId: "bottomSection", sx: {
+                                }), children: tokenChoiceOptions }), showInitialEmptyState ? (jsx(Body, { children: "Add Token" })) : (jsxs(HeroFormControl, { validationStatus: inputValue === '0' ? 'error' : 'success', children: [jsxs(HeroFormControl.Label, { children: ["Add", ' ', selectedToken.symbol] }), jsx(HeroTextInput, { testId: "add-tokens-amount-input", type: "number", value: inputValue, onChange: (value) => handleOnAmountInputChange(value), placeholder: "0", maxTextSize: "xLarge" }), jsx(HeroFormControl.Caption, { children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} 
+                $${getFormattedNumberWithDecimalPlaces(selectedAmountUsd)}` })] }))] }), jsxs(Stack, { testId: "bottomSection", sx: {
                         alignSelf: 'stretch',
                         p: 'base.spacing.x3',
                         pb: 'base.spacing.x5',
                         bg: 'base.color.neutral.800',
                         bradtl: 'base.borderRadius.x8',
                         bradtr: 'base.borderRadius.x8',
-                    }, gap: "base.spacing.x4", children: [jsxs(Stack, { gap: "0px", children: [jsxs(SelectedWallet, { label: "Pay with", providerInfo: {
+                    }, gap: "base.spacing.x4", children: [jsxs(Stack, { gap: "0px", children: [jsxs(SelectedWallet, { label: "Send from", providerInfo: {
                                         ...fromProviderInfo,
                                         address: fromAddress,
                                     }, onClick: (event) => {
@@ -173493,10 +173499,11 @@ function SquidIcon({ sx = {}, className, }) {
 }
 
 function RouteFees({ visible, onClose, routeData, totalAmount, totalFiatAmount, }) {
+    const { t } = useTranslation();
     const feeCosts = reactExports.useMemo(() => routeData?.route.estimate.feeCosts.map((fee) => ({
         label: fee.name,
         amount: getFormattedNumber(fee.amount, fee.token.decimals),
-        fiatAmount: `USD ≈ ${getFormattedAmounts(fee.amountUsd)}`,
+        fiatAmount: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')}${getFormattedAmounts(fee.amountUsd)}`,
         token: {
             name: fee.token.name,
             symbol: fee.token.symbol,
@@ -173509,7 +173516,7 @@ function RouteFees({ visible, onClose, routeData, totalAmount, totalFiatAmount,
     const gasCosts = reactExports.useMemo(() => routeData?.route.estimate.gasCosts.map((fee) => ({
         label: 'Gas (transaction)',
         amount: getFormattedNumber(fee.amount, fee.token.decimals),
-        fiatAmount: `USD ≈ ${getFormattedAmounts(fee.amountUsd)}`,
+        fiatAmount: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')}${getFormattedAmounts(fee.amountUsd)}`,
         token: {
             name: fee.token.name,
             symbol: fee.token.symbol,
@@ -173628,7 +173635,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                     alignItems: 'center',
                     c: 'base.color.text.body.secondary',
                     cursor: 'pointer',
-                }, children: ["Included fees", ` USD $${getFormattedAmounts(totalFeesUsd)}`, jsx(Icon, { icon: "ChevronExpand", sx: { ml: 'base.spacing.x2', w: 'base.icon.size.200' } })] }));
+                }, children: ["Included fees", ` ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${getFormattedAmounts(totalFeesUsd)}`, jsx(Icon, { icon: "ChevronExpand", sx: { ml: 'base.spacing.x2', w: 'base.icon.size.200' } })] }));
         }
         return (jsx(Body, { size: "small", sx: {
                 ...hFlex,
@@ -173708,7 +173715,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
     const formattedDuration = route
         ? getDurationFormatted(route.route.estimate.estimatedRouteDuration)
         : '';
-    return (jsxs(SimpleLayout, { header: (jsxs(Stack, { rc: jsx("header", {}), direction: "row", sx: {
+    return (jsxs(SimpleLayout, { containerSx: { bg: 'transparent' }, header: (jsxs(Stack, { rc: jsx("header", {}), direction: "row", sx: {
                 pt: 'base.spacing.x4',
                 px: 'base.spacing.x5',
                 h: 'base.spacing.x18',
@@ -173725,7 +173732,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                                                                     fontSize: 'inherit',
                                                                     lineHeight: 'inherit',
                                                                     c: 'inherit',
-                                                                } })] })] }), jsx(PriceDisplay, { price: getFormattedNumber(route.route.estimate.fromAmount, route.route.estimate.fromToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx(PriceDisplay.Caption, { size: "small", children: `USD $${route?.route.estimate.fromAmountUSD ?? ''}` }) })] }), jsx(Stack, { sx: {
+                                                                } })] })] }), jsx(PriceDisplay, { price: getFormattedNumber(route.route.estimate.fromAmount, route.route.estimate.fromToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx(PriceDisplay.Caption, { size: "small", children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${route?.route.estimate.fromAmountUSD ?? ''}` }) })] }), jsx(Stack, { sx: {
                                             pos: 'relative',
                                             w: 'base.spacing.x16',
                                             ml: 'base.spacing.x7',
@@ -173753,7 +173760,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                                                                     fontSize: 'inherit',
                                                                     lineHeight: 'inherit',
                                                                     c: 'inherit',
-                                                                } })] })] }), jsx(PriceDisplay, { price: getFormattedNumber(route?.route.estimate.toAmount, route?.route.estimate.toToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx(PriceDisplay.Caption, { size: "small", children: `USD $${route?.route.estimate.toAmountUSD ?? ''}` }) })] }), jsx(Stack, { sx: {
+                                                                } })] })] }), jsx(PriceDisplay, { price: getFormattedNumber(route?.route.estimate.toAmount, route?.route.estimate.toToken.decimals), sx: { flexShrink: 0, alignSelf: 'flex-start' }, children: jsx(PriceDisplay.Caption, { size: "small", children: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${route?.route.estimate.toAmountUSD ?? ''}` }) })] }), jsx(Stack, { sx: {
                                             pos: 'relative',
                                             w: 'base.spacing.x16',
                                             ml: 'base.spacing.x7',
@@ -173763,7 +173770,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                                                 top: '-8px',
                                                 h: 'base.spacing.x5',
                                             },
-                                        } }), jsxs(Stack, { direction: "row", gap: "base.spacing.x6", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, alignItems: "center", children: [jsx(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx(FramedIcon, { icon: "Countdown", variant: "bold", size: "medium", circularFrame: true }) }), jsx(Body, { size: "small", sx: { flex: 1, c: 'base.color.text.body.secondary' }, children: formattedDuration }), routeFees] })] }), jsx(Button, { size: "large", onClick: handleTransaction, disabled: proceedDisabled, sx: { mx: 'base.spacing.x3' }, children: proceedDisabled ? 'Processing' : 'Proceed' }), jsx(SquidFooter, {})] })), !route && !showAddressMissmatchDrawer && jsx(LoadingView, { loadingText: "Securing quote" })] }), jsx(RouteFees, { routeData: route, visible: showFeeBreakdown, onClose: () => setShowFeeBreakdown(false), totalAmount: totalFees, totalFiatAmount: totalFeesUsd }), jsx(AddressMissmatchDrawer, { visible: showAddressMissmatchDrawer, onClick: () => {
+                                        } }), jsxs(Stack, { direction: "row", gap: "base.spacing.x6", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, alignItems: "center", children: [jsx(Stack, { direction: "row", sx: { w: 'base.spacing.x12' }, justifyContent: "center", children: jsx(FramedIcon, { icon: "Countdown", variant: "bold", size: "medium", circularFrame: true }) }), jsx(Body, { size: "small", sx: { flex: 1, c: 'base.color.text.body.secondary' }, children: formattedDuration }), routeFees] })] }), jsx(Button, { size: "large", onClick: handleTransaction, disabled: proceedDisabled, sx: { mx: 'base.spacing.x3' }, children: proceedDisabled ? 'Processing' : 'Proceed' }), jsx(SquidFooter, {})] })), !route && !showAddressMissmatchDrawer && (jsx(LoadingView, { loadingText: "Securing quote", containerSx: { bg: 'transparent' } }))] }), jsx(RouteFees, { routeData: route, visible: showFeeBreakdown, onClose: () => setShowFeeBreakdown(false), totalAmount: totalFees, totalFiatAmount: totalFeesUsd }), jsx(AddressMissmatchDrawer, { visible: showAddressMissmatchDrawer, onClick: () => {
                     setShowAddressMissmatchDrawer(false);
                     viewDispatch({
                         payload: {

package/dist/browser/checkout/{BridgeWidget-DreWq2OO.js → BridgeWidget-BCC7YXWj.js}

@@ -1,11 +1,12 @@
-import { c1 as axios, c2 as CheckoutErrorType, c3 as IMMUTABLE_API_BASE_URL, r as reactExports, I as IMTBLWidgetEvents, B as BridgeEventType, q as jsxs, j as jsx, c4 as ShimmerBox, al as MenuItem, a8 as Stack, l as useTranslation, M as Body, T as Button, H as Box, c5 as PASSPORT_URL, aT as Link, c6 as getChainIdBySlug, c7 as getChainImage, c8 as networkName, a6 as FramedImage, Q as Icon, ay as useAnalytics, az as UserJourney, at as Divider, aL as ViewContext, au as Fragment, V as ViewActions, c9 as useWalletConnect, ca as isWalletConnectProvider, cb as Logo, cc as RawImage, cd as AXELAR_SCAN_URL, aZ as isNativeToken, a_ as getTokenImageByAddress, ce as getNativeSymbolByChainSlug, by as calculateCryptoToFiat, aQ as EventTargetContext, bI as isPassportProvider, i as getL1ChainId, aY as TokenFilterTypes, h as getL2ChainId, aE as WalletProviderRdns, aG as Web3Provider, aU as useInjectedProviders, bF as HeaderNavigation, bJ as FooterLogo, aB as WalletDrawer, aX as SimpleLayout, cf as getChainSlugById, cg as JsonRpcProvider, ch as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, k as ChainId, ci as getChainNameById, x as useTheme, aA as Heading, cj as getWalletProviderNameByProvider, ck as isAddressSanctioned, o as SharedViews, cl as isMetaMaskProvider, cm as WalletProviderName, ax as Drawer, R as ButtCon, cn as ButtonNavigationStyles, a$ as orchestrationEvents, am as tokenValueFormat, co as formatZeroAmount, cp as NATIVE, bl as amountInputValidation, aN as getRemoteImage, bm as CloudImage, cq as ETH_TOKEN_SYMBOL, ao as BigNumber, bf as Environment, cr as GasEstimateType, cs as DEFAULT_TOKEN_DECIMALS, ct as DEFAULT_QUOTE_REFRESH_INTERVAL, cu as addChainChangedListener, cv as removeChainChangedListener, cw as IMX_TOKEN_SYMBOL, cx as dist, cy as CHECKOUT_CDN_BASE_URL, cz as heroBackGroundStyles, cA as heroImageStyles, a4 as Badge, cB as SimpleTextBody, cC as FooterButton, cD as getEthTokenImage, cE as WITHDRAWAL_CLAIM_GAS_LIMIT, aV as getDefaultTokenImage, bi as viewReducer, bj as initialViewState, cF as BridgeConfiguration, cG as ImmutableConfiguration, cH as TokenBridge, cI as StatusView, bK as StatusType, E as ErrorView, bn as ServiceUnavailableErrorView, bo as ServiceType, cJ as ETH_SEPOLIA_TO_ZKEVM_TESTNET, cK as ETH_SEPOLIA_TO_ZKEVM_DEVNET, cL as ETH_MAINNET_TO_ZKEVM_MAINNET } from './index-Co93fBqn.js';
-import { B as BridgeWidgetViews, C as CryptoFiatContext, a as CryptoFiatActions, T as TopUpView, c as CryptoFiatProvider } from './TopUpView-Nbu5J6zy.js';
-import { T as TokenImage, r as retry } from './retry-DqIpQ6wO.js';
-import { E as EllipsizedText, C as Contract } from './EllipsizedText-_yDoxF8V.js';
-import { A as Accordion, S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-Cc6p3CkR.js';
-import { f as formatUnits, p as parseUnits } from './index-DzrC5Kuy.js';
-import { u as useInterval } from './useInterval-D42dwhRA.js';
-import './FeesBreakdown-CQVi4M-W.js';
+import { c1 as axios, c2 as CheckoutErrorType, c3 as IMMUTABLE_API_BASE_URL, r as reactExports, I as IMTBLWidgetEvents, B as BridgeEventType, q as jsxs, j as jsx, c4 as ShimmerBox, al as MenuItem, a8 as Stack, l as useTranslation, M as Body, T as Button, H as Box, c5 as PASSPORT_URL, aU as Link, c6 as getChainIdBySlug, c7 as getChainImage, c8 as networkName, a6 as FramedImage, Q as Icon, ay as useAnalytics, az as UserJourney, at as Divider, aM as ViewContext, au as Fragment, V as ViewActions, c9 as useWalletConnect, ca as isWalletConnectProvider, cb as Logo, cc as RawImage, cd as AXELAR_SCAN_URL, a_ as isNativeToken, a$ as getTokenImageByAddress, ce as getNativeSymbolByChainSlug, bz as calculateCryptoToFiat, aR as EventTargetContext, aA as isPassportProvider, i as getL1ChainId, aZ as TokenFilterTypes, h as getL2ChainId, aF as WalletProviderRdns, aH as Web3Provider, aV as useInjectedProviders, bG as HeaderNavigation, bJ as FooterLogo, aC as WalletDrawer, aY as SimpleLayout, cf as getChainSlugById, cg as JsonRpcProvider, ch as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, k as ChainId, ci as getChainNameById, x as useTheme, aB as Heading, cj as getWalletProviderNameByProvider, ck as isAddressSanctioned, o as SharedViews, cl as isMetaMaskProvider, cm as WalletProviderName, ax as Drawer, R as ButtCon, cn as ButtonNavigationStyles, b0 as orchestrationEvents, am as tokenValueFormat, co as formatZeroAmount, cp as NATIVE, bm as amountInputValidation, aO as getRemoteImage, bn as CloudImage, cq as ETH_TOKEN_SYMBOL, ao as BigNumber, bg as Environment, cr as GasEstimateType, cs as DEFAULT_TOKEN_DECIMALS, ct as DEFAULT_QUOTE_REFRESH_INTERVAL, cu as addChainChangedListener, cv as removeChainChangedListener, cw as IMX_TOKEN_SYMBOL, cx as dist, cy as CHECKOUT_CDN_BASE_URL, cz as heroBackGroundStyles, cA as heroImageStyles, a4 as Badge, cB as SimpleTextBody, cC as FooterButton, cD as getEthTokenImage, cE as WITHDRAWAL_CLAIM_GAS_LIMIT, aW as getDefaultTokenImage, bj as viewReducer, bk as initialViewState, cF as BridgeConfiguration, cG as ImmutableConfiguration, cH as TokenBridge, cI as StatusView, bK as StatusType, E as ErrorView, bo as ServiceUnavailableErrorView, bp as ServiceType, cJ as ETH_SEPOLIA_TO_ZKEVM_TESTNET, cK as ETH_SEPOLIA_TO_ZKEVM_DEVNET, cL as ETH_MAINNET_TO_ZKEVM_MAINNET } 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 { E as EllipsizedText, C as Contract } from './EllipsizedText-CF9lzi6c.js';
+import { A as Accordion, S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-DW6Uw6rT.js';
+import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-Bg-huhcb.js';
+import { f as formatUnits, p as parseUnits } from './index-CshBDuS0.js';
+import { u as useInterval } from './useInterval-BfG2xnz-.js';
+import './FeesBreakdown-BGnZxcX5.js';
 
 // This module is intended to unwrap Axios default export as named.
 // Keep top-level export same with static properties

package/dist/browser/checkout/{CommerceWidget-BFEo_z63.js → CommerceWidget-B4QxFLZq.js}

@@ -1,19 +1,20 @@
-import { r as reactExports, u as useConnectLoaderState, j as jsx, I as IMTBLWidgetEvents, C as CommerceFlowType, P as ProviderEventType, a as CommerceEventType, b as ConnectEventType, c as CommerceFailureEventType, d as CommerceSuccessEventType, W as WalletEventType, e as CommerceUserActionEventType, S as SwapEventType, B as BridgeEventType, O as OnRampEventType, f as SaleEventType, g as OrchestrationEventType, V as ViewActions, h as getL2ChainId, i as getL1ChainId, k as ChainId, l as useTranslation, m as useViewState, n as useEventTargetState, o as SharedViews, p as commerceFlows, q as jsxs, L as LoadingView, E as ErrorView, s as ConnectWidget, t as ProvidersContextProvider, v as ConnectLoader, w as ViewContextProvider } from './index-Co93fBqn.js';
-import SwapWidget from './SwapWidget-Dm2cQUYh.js';
-import BridgeWidget from './BridgeWidget-DreWq2OO.js';
-import { O as OnRampWidget } from './OnRampWidget-BpRLbHli.js';
-import WalletWidget from './WalletWidget-C25SCVnz.js';
-import SaleWidget from './SaleWidget-C-ATgwRu.js';
-import AddTokensWidget from './AddTokensWidget-BfDY0LwB.js';
-import './WalletApproveHero-Cc6p3CkR.js';
-import './retry-DqIpQ6wO.js';
-import './FeesBreakdown-CQVi4M-W.js';
-import './TopUpView-Nbu5J6zy.js';
-import './index-DzrC5Kuy.js';
-import './useInterval-D42dwhRA.js';
-import './SpendingCapHero-DLdYNa0u.js';
-import './EllipsizedText-_yDoxF8V.js';
-import './HandoverContent-D0HXf455.js';
+import { r as reactExports, u as useConnectLoaderState, j as jsx, I as IMTBLWidgetEvents, C as CommerceFlowType, P as ProviderEventType, a as CommerceEventType, b as ConnectEventType, c as CommerceFailureEventType, d as CommerceSuccessEventType, W as WalletEventType, e as CommerceUserActionEventType, S as SwapEventType, B as BridgeEventType, O as OnRampEventType, f as SaleEventType, g as OrchestrationEventType, V as ViewActions, h as getL2ChainId, i as getL1ChainId, k as ChainId, l as useTranslation, m as useViewState, n as useEventTargetState, o as SharedViews, p as commerceFlows, q as jsxs, L as LoadingView, E as ErrorView, s as ConnectWidget, t as ProvidersContextProvider, v as ConnectLoader, w as ViewContextProvider } from './index-BjLYItcm.js';
+import SwapWidget from './SwapWidget-CdXf4YYP.js';
+import BridgeWidget from './BridgeWidget-BCC7YXWj.js';
+import { O as OnRampWidget } from './OnRampWidget-BrGpM6Vn.js';
+import WalletWidget from './WalletWidget-ChYjXfAy.js';
+import SaleWidget from './SaleWidget-iuigaIZp.js';
+import AddTokensWidget from './AddTokensWidget-_RYa4euh.js';
+import './WalletApproveHero-DW6Uw6rT.js';
+import './retry-GJcGp5Sw.js';
+import './FeesBreakdown-BGnZxcX5.js';
+import './CryptoFiatProvider-b0KhVg3Y.js';
+import './useInterval-BfG2xnz-.js';
+import './index-CshBDuS0.js';
+import './TopUpView-Bg-huhcb.js';
+import './SpendingCapHero-B3sb2Wt1.js';
+import './EllipsizedText-CF9lzi6c.js';
+import './HandoverContent-CESizLWk.js';
 
 const initialCommerceState = {
     checkout: undefined,

package/dist/browser/checkout/CryptoFiatProvider-b0KhVg3Y.js

@@ -0,0 +1,224 @@
+import { bg as Environment, c1 as axios, r as reactExports, j as jsx } from './index-BjLYItcm.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 }));
+}
+
+export { CryptoFiatContext as C, DEFAULT_TOKEN_SYMBOLS as D, CryptoFiatActions as a, CryptoFiatProvider as b };

package/dist/browser/checkout/{EllipsizedText-_yDoxF8V.js → EllipsizedText-CF9lzi6c.js}

@@ -1,4 +1,4 @@
-import { cM as defineReadOnly, cN as getStatic, cO as Signer, cP as Provider, cQ as getAddress, cR as Logger, cS as getContractAddress, cT as Interface, cU as shallowCopy, cV as VoidSigner, cW as Indexed, cX as deepCopy, cY as isHexString, cZ as checkResultErrors, c_ as resolveProperties, ao as BigNumber, c$ as accessListify, d0 as arrayify, j as jsx, _ as _objectWithoutProperties, bv as cloneElementWithCssProp, M as Body, U as _defineProperty } from './index-Co93fBqn.js';
+import { cM as defineReadOnly, cN as getStatic, cO as Signer, cP as Provider, cQ as getAddress, cR as Logger, cS as getContractAddress, cT as Interface, cU as shallowCopy, cV as VoidSigner, cW as Indexed, cX as deepCopy, cY as isHexString, cZ as checkResultErrors, c_ as resolveProperties, ao as BigNumber, c$ as accessListify, d0 as arrayify, j as jsx, _ as _objectWithoutProperties, bw as cloneElementWithCssProp, M as Body, U as _defineProperty } from './index-BjLYItcm.js';
 
 const version = "contracts/5.7.0";
 

package/dist/browser/checkout/{FeesBreakdown-CQVi4M-W.js → FeesBreakdown-BGnZxcX5.js}

@@ -1,4 +1,4 @@
-import { q as jsxs, j as jsx, M as Body, bh as PriceDisplay, H as Box, l as useTranslation, ax as Drawer, al as MenuItem, au as Fragment, at as Divider, am as tokenValueFormat, co as formatZeroAmount, bJ as FooterLogo } from './index-Co93fBqn.js';
+import { q as jsxs, j as jsx, M as Body, bi as PriceDisplay, H as Box, l as useTranslation, ax as Drawer, al as MenuItem, au as Fragment, at as Divider, am as tokenValueFormat, co as formatZeroAmount, bJ as FooterLogo } from './index-BjLYItcm.js';
 
 const feesBreakdownContentStyles = {
     display: 'flex',

package/dist/browser/checkout/{HandoverContent-D0HXf455.js → HandoverContent-CESizLWk.js}

@@ -1,4 +1,4 @@
-import { q as jsxs, H as Box, j as jsx, aA as Heading, M as Body, T as Button } from './index-Co93fBqn.js';
+import { q as jsxs, H as Box, j as jsx, aB as Heading, M as Body, T as Button } from './index-BjLYItcm.js';
 
 function HandoverContent({ headingText, subheadingText, primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, }) {
     return (jsxs(Box, { sx: {

package/dist/browser/checkout/{OnRampWidget-BpRLbHli.js → OnRampWidget-BrGpM6Vn.js}

@@ -1,6 +1,6 @@
-import { d1 as global, ay as useAnalytics, r as reactExports, bV as ConnectLoaderContext, aQ as EventTargetContext, l as useTranslation, aL as ViewContext, o as SharedViews, d2 as ExchangeType, j as jsx, aX as SimpleLayout, bF as HeaderNavigation, d3 as sendOnRampWidgetCloseEvent, a$ as orchestrationEvents, I as IMTBLWidgetEvents, H as Box, az as UserJourney, V as ViewActions, bJ as FooterLogo, q as jsxs, cB as SimpleTextBody, bi as viewReducer, bj as initialViewState, cp as NATIVE, L as LoadingView, d4 as sendOnRampSuccessEvent, bK as StatusType, cI as StatusView, d5 as sendOnRampFailedEvent } from './index-Co93fBqn.js';
-import { O as OnRampWidgetViews, T as TopUpView } from './TopUpView-Nbu5J6zy.js';
-import { S as SpendingCapHero } from './SpendingCapHero-DLdYNa0u.js';
+import { d1 as global, ay as useAnalytics, r as reactExports, bV as ConnectLoaderContext, aR as EventTargetContext, l as useTranslation, aM as ViewContext, o as SharedViews, d2 as ExchangeType, j as jsx, aY as SimpleLayout, bG as HeaderNavigation, d3 as sendOnRampWidgetCloseEvent, b0 as orchestrationEvents, I as IMTBLWidgetEvents, H as Box, az as UserJourney, V as ViewActions, bJ as FooterLogo, q as jsxs, cB as SimpleTextBody, bj as viewReducer, bk as initialViewState, cp as NATIVE, L as LoadingView, d4 as sendOnRampSuccessEvent, bK as StatusType, cI as StatusView, d5 as sendOnRampFailedEvent } from './index-BjLYItcm.js';
+import { O as OnRampWidgetViews, T as TopUpView } from './TopUpView-Bg-huhcb.js';
+import { S as SpendingCapHero } from './SpendingCapHero-B3sb2Wt1.js';
 
 function isNull(arg) {
   return arg === null;