@imtbl/sdk 1.77.7-alpha.1 → 1.77.7

package/dist/{blockchain_data-Dg9Q9V5S.js → blockchain_data-B8XMnSWf.js}

@@ -1,5 +1,5 @@
-import { A as APIError, B as BlockchainData } from './index-B2PvtsjM.js';
-import { i as index } from './index-evZUxrpM.js';
+import { A as APIError, B as BlockchainData } from './index-DyUG4OFL.js';
+import { i as index } from './index-knWuA9k4.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-B2PvtsjM.js';
-export { i as Types } from './index-evZUxrpM.js';
-import './index-Bb-CtrNx.js';
+export { A as APIError, B as BlockchainData } from './index-DyUG4OFL.js';
+export { i as Types } from './index-knWuA9k4.js';
+import './index-DaGRx7tS.js';
 import 'axios';
 import 'lru-memorise';
 import 'global-const';

package/dist/browser/checkout/{AddTokensWidget-TbB4PmLW.js → AddTokensWidget-BAbeB6QF.js}

@@ -1,8 +1,9 @@
-import { r as reactExports, I as IMTBLWidgetEvents, A as AddTokensEventType, y as commonjsGlobal, z as getDefaultExportFromCjs, D as parseUnits, F as BigNumber, G as useProvidersContext, H as dist, J as formatUnits, K as isPassportProvider, M as SQUID_NATIVE_TOKEN, p as jsx, q as jsxs, N as Box, u as useTranslation, Q as Drawer, R as Divider, T as Heading, U as Button, X as useAnalytics, Y as WalletDrawer, Z as UnableToConnectDrawer, _ as Fragment, $ as WalletProviderRdns, a0 as UserJourney, a1 as removeSpace, a2 as getProviderSlugFromRdns, a3 as Web3Provider, a4 as connectEIP6963Provider, a5 as identifyUser, a6 as ConnectEIP6963ProviderError, a7 as ProvidersContextActions, a8 as MenuItem, k as ChainId, a9 as commonjsRequire, aa as getRemoteImage, ab as vFlex, ac as OnboardingPagination, ad as ViewContext, ae as useHandover, af as HandoverTarget, ag as EventTargetContext, ah as AddTokensErrorTypes, V as ViewActions, ai as getRemoteRive, aj as APPROVE_TXN_ANIMATION, ak as keyframes, al as getDefaultTokenImage, am as TokenFilterTypes, i as getL2ChainId, an as isNativeToken, ao as getTokenImageByAddress, ap as TOKEN_PRIORITY_ORDER, aq as AddTokensActions, ar as SmartClone, as as FramedImage, at as FramedIcon, au as ButtCon, av as TextInput, aw as VerticalMenu, ax as Body, ay as EllipsizedText, az as Tooltip, aA as Sticker, aB as getRouteAndTokenBalances, aC as getRemoteVideo, aD as Stack, aE as fetchRiskAssessment, aF as isAddressSanctioned, aG as AddTokensContext, aH as useInjectedProviders, aI as trackFlow, aJ as AddTokensExperiments, aK as HeroFormControl, aL as getFormattedAmounts, aM as SimpleLayout, n as SharedViews, aN as orchestrationEvents, aO as HeroTextInput, aP as SquidFooter, aQ as RouteOptionsDrawer, aR as TOOLKIT_SQUID_URL, aS as merge, aT as SvgIcon, aU as trackError, aV as MaxUint256, aW as WalletWarningHero, aX as getFormattedNumber, aY as FIXED_HANDOVER_DURATION, aZ as EXECUTE_TXN_ANIMATION, a_ as Link, a$ as Trans, b0 as getTotalRouteFees, b1 as hFlex, b2 as t, b3 as getDurationFormatted, b4 as PriceDisplay, L as LoadingView, b5 as Icon, b6 as useTheme, b7 as viewReducer, b8 as initialViewState, b9 as addTokensReducer, ba as initialAddTokensState, bb as useSquid, bc as useTokens, bd as v4, be as Environment, bf as isValidAddress, bg as amountInputValidation, bh as fetchChains, bi as CloudImage, E as ErrorView, bj as ServiceUnavailableErrorView } from './index-uoFT0va2.js';
-import { r as retry, T as TokenImage } from './TokenImage-BKsKixKT.js';
-import { H as HandoverContent } from './HandoverContent-DB23bXer.js';
-import { C as Contract } from './index-Smb16jHM.js';
-import { F as FeesBreakdown } from './FeesBreakdown-Ck9YzdSC.js';
+import { r as reactExports, I as IMTBLWidgetEvents, A as AddTokensEventType, y as commonjsGlobal, z as getDefaultExportFromCjs, D as BigNumber, F as useProvidersContext, G as dist, H as isPassportProvider, J as SQUID_NATIVE_TOKEN, p as jsx, q as jsxs, K as Box, u as useTranslation, M as Drawer, N as Divider, Q as Heading, R as Button, T as useAnalytics, U as WalletDrawer, X as UnableToConnectDrawer, Y as Fragment, Z as WalletProviderRdns, _ as UserJourney, $ as removeSpace, a0 as getProviderSlugFromRdns, a1 as Web3Provider, a2 as connectEIP6963Provider, a3 as identifyUser, a4 as ConnectEIP6963ProviderError, a5 as ProvidersContextActions, a6 as MenuItem, k as ChainId, a7 as commonjsRequire, a8 as getRemoteImage, a9 as vFlex, aa as OnboardingPagination, ab as ViewContext, ac as useHandover, ad as HandoverTarget, ae as EventTargetContext, V as ViewActions, af as getRemoteRive, ag as APPROVE_TXN_ANIMATION, ah as Trans, ai as Link, aj as Body, ak as keyframes, al as getDefaultTokenImage, am as TokenFilterTypes, i as getL2ChainId, an as isNativeToken, ao as getTokenImageByAddress, ap as TOKEN_PRIORITY_ORDER, aq as SmartClone, ar as FramedImage, as as FramedIcon, at as ButtCon, au as TextInput, av as VerticalMenu, aw as EllipsizedText, ax as Tooltip, ay as Sticker, az as tokenValueFormat, aA as DEFAULT_TOKEN_FORMATTING_DECIMALS, aB as Stack, aC as hFlex, aD as centerFlexChildren, aE as Icon, aF as Badge, aG as getRemoteVideo, aH as FramedVideo, aI as listVariants, aJ as motion, aK as listItemVariants, aL as Banner, aM as fetchRiskAssessment, aN as isAddressSanctioned, aO as useInjectedProviders, aP as trackFlow, aQ as HeroFormControl, aR as SimpleLayout, n as SharedViews, aS as orchestrationEvents, aT as HeroTextInput, aU as TOOLKIT_SQUID_URL, aV as merge, aW as SvgIcon, aX as trackError, aY as MaxUint256, aZ as WalletWarningHero, a_ as FIXED_HANDOVER_DURATION, a$ as EXECUTE_TXN_ANIMATION, b0 as t, b1 as PriceDisplay, L as LoadingView, b2 as useTheme, b3 as viewReducer, b4 as initialViewState, b5 as useSquid, b6 as useTokens, b7 as Environment, b8 as isValidAddress, b9 as amountInputValidation, ba as fetchChains, bb as CloudImage, E as ErrorView, bc as ServiceUnavailableErrorView } from './index-QnoQrLJ7.js';
+import { r as retry, T as TokenImage } from './TokenImage-z4OoDdYE.js';
+import { p as parseUnits, f as formatUnits } from './index-aJ1AhJ6L.js';
+import { H as HandoverContent } from './HandoverContent-DQ1dvn2V.js';
+import { C as Contract } from './index-DWFmOHWm.js';
+import { F as FeesBreakdown } from './FeesBreakdown-BypWN9Iy.js';
 
 /**
  * The function `useInterval` sets up an interval that repeatedly calls a given callback function with
@@ -31,6 +32,70 @@ function useInterval(callback, interval) {
   return intervalRef;
 }
 
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+    // find the complete implementation of crypto (msCrypto) on IE11.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+  return typeof uuid === 'string' && REGEX.test(uuid);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+var byteToHex = [];
+
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  return stringify(rnds);
+}
+
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function sendAddTokensCloseEvent(eventTarget) {
     const closeWidgetEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
@@ -91,6 +156,108 @@ const sendAddTokensFailedEvent = (eventTarget, reason) => {
         eventTarget.dispatchEvent(failedEvent);
 };
 
+const initialAddTokensState = {
+    id: '',
+    allowedTokens: null,
+    squid: null,
+    chains: null,
+    balances: null,
+    tokens: null,
+    routes: [],
+    selectedRouteData: undefined,
+    selectedToken: undefined,
+    selectedAmount: '',
+    isSwapAvailable: undefined,
+    experiments: undefined,
+};
+var AddTokensActions;
+(function (AddTokensActions) {
+    AddTokensActions["SET_ID"] = "SET_ID";
+    AddTokensActions["SET_ALLOWED_TOKENS"] = "SET_ALLOWED_TOKENS";
+    AddTokensActions["SET_SQUID"] = "SET_SQUID";
+    AddTokensActions["SET_CHAINS"] = "SET_CHAINS";
+    AddTokensActions["SET_BALANCES"] = "SET_BALANCES";
+    AddTokensActions["SET_TOKENS"] = "SET_TOKENS";
+    AddTokensActions["SET_ROUTES"] = "SET_ROUTES";
+    AddTokensActions["SET_SELECTED_ROUTE_DATA"] = "SET_SELECTED_ROUTE_DATA";
+    AddTokensActions["SET_SELECTED_TOKEN"] = "SET_SELECTED_TOKEN";
+    AddTokensActions["SET_SELECTED_AMOUNT"] = "SET_SELECTED_AMOUNT";
+    AddTokensActions["SET_IS_SWAP_AVAILABLE"] = "SET_IS_SWAP_AVAILABLE";
+    AddTokensActions["SET_EXPERIMENTS"] = "SET_EXPERIMENTS";
+})(AddTokensActions || (AddTokensActions = {}));
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const AddTokensContext = reactExports.createContext({
+    addTokensState: initialAddTokensState,
+    addTokensDispatch: () => { },
+});
+AddTokensContext.displayName = 'AddTokensContext';
+const addTokensReducer = (state, action) => {
+    switch (action.payload.type) {
+        case AddTokensActions.SET_ID:
+            return {
+                ...state,
+                id: action.payload.id,
+            };
+        case AddTokensActions.SET_ALLOWED_TOKENS:
+            return {
+                ...state,
+                allowedTokens: action.payload.allowedTokens,
+            };
+        case AddTokensActions.SET_SQUID:
+            return {
+                ...state,
+                squid: action.payload.squid,
+            };
+        case AddTokensActions.SET_CHAINS:
+            return {
+                ...state,
+                chains: action.payload.chains,
+            };
+        case AddTokensActions.SET_BALANCES:
+            return {
+                ...state,
+                balances: action.payload.balances,
+            };
+        case AddTokensActions.SET_TOKENS:
+            return {
+                ...state,
+                tokens: action.payload.tokens,
+            };
+        case AddTokensActions.SET_ROUTES:
+            return {
+                ...state,
+                routes: action.payload.routes,
+            };
+        case AddTokensActions.SET_SELECTED_ROUTE_DATA:
+            return {
+                ...state,
+                selectedRouteData: action.payload.selectedRouteData,
+            };
+        case AddTokensActions.SET_SELECTED_TOKEN:
+            return {
+                ...state,
+                selectedToken: action.payload.selectedToken,
+            };
+        case AddTokensActions.SET_SELECTED_AMOUNT:
+            return {
+                ...state,
+                selectedAmount: action.payload.selectedAmount,
+            };
+        case AddTokensActions.SET_IS_SWAP_AVAILABLE:
+            return {
+                ...state,
+                isSwapAvailable: action.payload.isSwapAvailable,
+            };
+        case AddTokensActions.SET_EXPERIMENTS:
+            return {
+                ...state,
+                experiments: action.payload.experiments,
+            };
+        default:
+            return state;
+    }
+};
+
 var AddTokensWidgetViews;
 (function (AddTokensWidgetViews) {
     AddTokensWidgetViews["ADD_TOKENS"] = "ADD_TOKENS";
@@ -763,6 +930,31 @@ const useRoutes = () => {
     };
 };
 
+var FiatOptionType;
+(function (FiatOptionType) {
+    FiatOptionType["CREDIT"] = "credit";
+    FiatOptionType["DEBIT"] = "debit";
+})(FiatOptionType || (FiatOptionType = {}));
+var AddTokensErrorTypes;
+(function (AddTokensErrorTypes) {
+    AddTokensErrorTypes["DEFAULT"] = "DEFAULT_ERROR";
+    AddTokensErrorTypes["INVALID_PARAMETERS"] = "INVALID_PARAMETERS";
+    AddTokensErrorTypes["SERVICE_BREAKDOWN"] = "SERVICE_BREAKDOWN";
+    AddTokensErrorTypes["TRANSACTION_FAILED"] = "TRANSACTION_FAILED";
+    AddTokensErrorTypes["UNRECOGNISED_CHAIN"] = "UNRECOGNISED_CHAIN";
+    AddTokensErrorTypes["PROVIDER_ERROR"] = "PROVIDER_ERROR";
+    AddTokensErrorTypes["WALLET_FAILED"] = "WALLET_FAILED";
+    AddTokensErrorTypes["WALLET_REJECTED"] = "WALLET_REJECTED";
+    AddTokensErrorTypes["WALLET_REJECTED_NO_FUNDS"] = "WALLET_REJECTED_NO_FUNDS";
+    AddTokensErrorTypes["WALLET_POPUP_BLOCKED"] = "WALLET_POPUP_BLOCKED";
+    AddTokensErrorTypes["ENVIRONMENT_ERROR"] = "ENVIRONMENT_ERROR";
+    AddTokensErrorTypes["ROUTE_ERROR"] = "ROUTE_ERROR";
+})(AddTokensErrorTypes || (AddTokensErrorTypes = {}));
+var AddTokensExperiments;
+(function (AddTokensExperiments) {
+    AddTokensExperiments["PRESELECTED_TOKEN"] = "addTokensPreselectedToken";
+})(AddTokensExperiments || (AddTokensExperiments = {}));
+
 function WarningHero() {
     return (jsx(Box, { testId: "warning-hero", sx: {
             display: 'flex',
@@ -3994,6 +4186,16 @@ const useError = (environment) => {
     };
 };
 
+function SquidFooter() {
+    const { t } = useTranslation();
+    return (jsx(Body, { size: "xSmall", sx: {
+            textAlign: 'center',
+            color: 'base.color.text.body.secondary',
+        }, children: jsx(Trans, { i18nKey: t('views.ADD_TOKENS.footer.body'), components: {
+                squidLink: jsx(Link, { size: "xSmall", rc: jsx("a", { target: "_blank", href: " https://app.squidrouter.com", rel: "noreferrer" }) }),
+            } }) }));
+}
+
 const PULSE_SHADOW = keyframes `
     0% {
         box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
@@ -4195,6 +4397,207 @@ function SelectedWallet({ label, caption, children, onClick, providerInfo, chain
         }, children: [getMenuItemImage(), jsx(MenuItem.Label, { children: label }), providerInfo?.name ? (jsxs(MenuItem.Caption, { children: [providerInfo?.name, ' • ', jsx(EllipsizedText, { text: providerInfo.address ?? '', sx: { c: 'inherit', fontSize: 'inherit' } })] })) : (jsx(MenuItem.Caption, { children: caption })), jsx(MenuItem.BottomSlot, { children: children })] }));
 }
 
+/**
+ * Formats a number to a string with a maximum number of decimals
+ * removing trailing zeros
+ */
+const getFormattedAmounts = (value, maxDecimals = DEFAULT_TOKEN_FORMATTING_DECIMALS) => {
+    const amount = typeof value === 'number' ? value : parseFloat(value);
+    if (Number.isNaN(amount)) {
+        return '-.--';
+    }
+    if (amount > 0 && amount < 1) {
+        return tokenValueFormat(value, maxDecimals).replace(/\.?0+$/, '');
+    }
+    return tokenValueFormat(amount, maxDecimals);
+};
+/**
+ * Converts a crypto amount to a formatted string
+ */
+function getFormattedNumber(value, decimals, maxDecimals = 5) {
+    const amount = String(value);
+    let formattedValue = '';
+    try {
+        if (Number.isNaN(amount) || !decimals) {
+            throw new Error('Invalid amount or decimals');
+        }
+        formattedValue = formatUnits(BigNumber.from(amount), decimals)
+            .toString();
+    }
+    catch {
+        return '-.--';
+    }
+    return getFormattedAmounts(formattedValue, maxDecimals);
+}
+
+const emptyRouteBalance = {
+    routeBalance: getFormattedAmounts(''),
+    routeBalanceUsd: getFormattedAmounts(''),
+    fromAmount: getFormattedAmounts(''),
+    fromAmountUsd: getFormattedAmounts(''),
+};
+function getRouteAndTokenBalances(routeData) {
+    if (!routeData) {
+        return emptyRouteBalance;
+    }
+    const usdPrice = routeData?.route.route.estimate.fromToken.usdPrice;
+    if (!usdPrice) {
+        return emptyRouteBalance;
+    }
+    const { balance } = routeData.amountData;
+    const routeBalance = getFormattedNumber(balance.balance, balance?.decimals, balance?.decimals);
+    const routeBalanceUsd = (parseFloat(routeBalance) * usdPrice).toString();
+    const fromAmount = getFormattedNumber(routeData.route.route.estimate.fromAmount, routeData.route.route.estimate.fromToken.decimals);
+    const fromAmountUsd = getFormattedAmounts(routeData.route.route.estimate.fromAmountUSD ?? '');
+    return {
+        fromAmount,
+        fromAmountUsd,
+        routeBalance: getFormattedAmounts(routeBalance),
+        routeBalanceUsd: getFormattedAmounts(routeBalanceUsd),
+    };
+}
+
+/**
+ * Get the total fees for a route
+ */
+function getTotalRouteFees(route) {
+    const [fees, feesUsd] = route?.route.estimate.feeCosts.reduce(([acc, accUsd], fee) => [
+        acc + parseFloat(fee.amount),
+        accUsd + parseFloat(fee.amountUsd),
+    ], [0, 0]) ?? [0, 0];
+    const [gasFees, gasFeesUsd] = route?.route.estimate.gasCosts.reduce(([acc, accUsd], fee) => [
+        acc + parseFloat(fee.amount),
+        accUsd + parseFloat(fee.amountUsd),
+    ], [0, 0]) ?? [0, 0];
+    const totalFees = fees + gasFees;
+    const totalFeesUsd = feesUsd + gasFeesUsd;
+    return {
+        fees,
+        feesUsd,
+        gasFees,
+        gasFeesUsd,
+        totalFees,
+        totalFeesUsd,
+    };
+}
+
+function getDurationFormatted(estimatedRouteDuration, minutesText, minuteText, secondText) {
+    const seconds = estimatedRouteDuration;
+    if (seconds >= 60) {
+        const minutes = Math.round(seconds / 60);
+        return minutes === 1 ? `1 ${minuteText}` : `${minutes} ${minutesText}`;
+    }
+    return `${seconds.toFixed(0)}${secondText}`;
+}
+
+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);
+    const estimatedDurationFormatted = getDurationFormatted(estimate.estimatedRouteDuration, t('views.ADD_TOKENS.routeSelection.minutesText'), t('views.ADD_TOKENS.routeSelection.minuteText'), t('views.ADD_TOKENS.routeSelection.secondsText'));
+    const { totalFeesUsd } = reactExports.useMemo(() => getTotalRouteFees(routeData.route), [routeData]);
+    const { routeBalanceUsd, fromAmount, fromAmountUsd } = reactExports.useMemo(() => getRouteAndTokenBalances(routeData), [routeData]);
+    const handleClick = () => {
+        onClick(routeData);
+    };
+    const menuItemProps = {
+        selected,
+        disabled,
+        emphasized: true,
+        rc,
+        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 }) })] })), jsxs(MenuItem.Caption, { children: [`${t('views.ADD_TOKENS.fees.balance')} ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} $${routeBalanceUsd}`, routeData.isInsufficientGas && (jsxs(Fragment, { children: [jsx("br", {}), jsx("span", { style: { color: '#FF637F' }, children: t('views.ADD_TOKENS.noGasRouteMessage', {
+                                    token: routeData.route.route.estimate.gasCosts[0].token.symbol,
+                                }) })] }))] }), 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,
+                                    ...centerFlexChildren,
+                                    gap: 'base.spacing.x1',
+                                    c: 'base.color.text.body.secondary',
+                                }, 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: t('views.ADD_TOKENS.routeSelection.fastestBadge'), variant: "emphasis", sx: { mr: 'base.spacing.x2' } })), `${t('views.ADD_TOKENS.fees.fee')} ${t('views.ADD_TOKENS.fees.fiatPricePrefix')} 
+              $${getFormattedAmounts(totalFeesUsd)}`] })] })] })] }));
+}
+
+function FiatOption({ type, onClick, disabled = false, size = 'small', rc = jsx("span", {}), }) {
+    const { t } = useTranslation();
+    const icon = {
+        [FiatOptionType.DEBIT]: 'BankCard',
+        [FiatOptionType.CREDIT]: 'Craft',
+    };
+    const handleClick = () => {
+        onClick?.(type);
+    };
+    const menuItemProps = {
+        disabled,
+        emphasized: true,
+        onClick: disabled ? undefined : handleClick,
+        size,
+        rc,
+    };
+    return (jsxs(MenuItem, { ...menuItemProps, children: [jsx(MenuItem.FramedIcon, { icon: icon[type], variant: "bold", emphasized: false }), jsx(MenuItem.Label, { children: t(`views.ADD_TOKENS.drawer.options.${type}.heading`) }), jsx(MenuItem.Caption, { children: t(`views.ADD_TOKENS.drawer.options.${type}.${disabled ? 'disabledCaption' : 'caption'}`) }), !disabled && jsx(MenuItem.IntentIcon, {})] }));
+}
+
+const defaultFiatOptions = [
+    FiatOptionType.DEBIT,
+    FiatOptionType.CREDIT,
+];
+function RouteOptions({ checkout, routes, chains, onCardClick, onRouteClick, size, showOnrampOption, insufficientBalance, selectedIndex, }) {
+    const { t } = useTranslation();
+    // @NOTE: early exit with loading related UI, when the
+    // routes are not yet available
+    if (!routes?.length && !insufficientBalance) {
+        return (jsxs(Stack, { sx: { pt: 'base.spacing.x3' }, alignItems: "stretch", gap: "base.spacing.x1", children: [jsx(MenuItem, { shimmer: "withBottomSlot", size: "small", emphasized: true }), jsx(MenuItem, { shimmer: "withBottomSlot", size: "small", emphasized: true }), jsxs(Body, { sx: { textAlign: 'center', mt: 'base.spacing.x6' }, size: "small", children: [t('views.ADD_TOKENS.drawer.options.loadingText1'), jsx("br", {}), t('views.ADD_TOKENS.drawer.options.loadingText2')] }), jsx(FramedVideo, { mimeType: "video/mp4", videoUrl: getRemoteVideo(checkout.config.environment, '/loading_bubble-small.mp4'), sx: { alignSelf: 'center', mt: 'base.spacing.x2' }, size: "large", circularFrame: true })] }));
+    }
+    const noRoutes = !(!insufficientBalance || routes?.length);
+    return (jsxs(Stack, { sx: { py: 'base.spacing.x3' }, alignItems: "stretch", gap: "base.spacing.x1", testId: "options-list", justifyContent: "center", rc: jsx(motion.div, { variants: listVariants, initial: "hidden", animate: "show" }), children: [routes?.map((routeData, index) => (jsx(RouteOption, { size: size, routeData: routeData, chains: chains, onClick: () => onRouteClick(routeData, index), isFastest: index === 0, selected: index === selectedIndex, rc: jsx(motion.div, { variants: listItemVariants }) }, `route-option-${routeData.amountData.fromToken.chainId}-${routeData.amountData.fromToken.address}`))), noRoutes && (jsxs(Banner, { children: [jsx(Banner.Icon, { icon: "InformationCircle" }), jsx(Banner.Title, { children: t('views.ADD_TOKENS.drawer.options.noRoutes.heading') }), jsx(Banner.Caption, { children: t('views.ADD_TOKENS.drawer.options.noRoutes.caption') })] })), showOnrampOption && (jsxs(Fragment, { children: [jsx(Divider, { size: "xSmall", sx: { my: 'base.spacing.x2' }, children: t('views.ADD_TOKENS.drawer.options.moreOptionsDividerText') }), defaultFiatOptions.map((type, idx) => (jsx(FiatOption, { type: type, size: size, onClick: onCardClick, rc: jsx(motion.div, { custom: idx, variants: listItemVariants }) }, `fiat-option-${type}`)))] }))] }));
+}
+
+function RouteOptionsDrawer({ checkout, routes, visible, onClose, onRouteClick, onCardClick, showOnrampOption, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+showSwapOption, 
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+showBridgeOption, insufficientBalance, }) {
+    const { t } = useTranslation();
+    const { track } = useAnalytics();
+    const { addTokensState: { id, chains }, } = reactExports.useContext(AddTokensContext);
+    const { providersState: { fromProviderInfo, fromAddress }, } = useProvidersContext();
+    const selectedRouteIndex = reactExports.useRef(0);
+    const handleOnRouteClick = (route, index) => {
+        selectedRouteIndex.current = index;
+        onRouteClick(route);
+    };
+    reactExports.useEffect(() => {
+        if (!visible) {
+            return;
+        }
+        track({
+            userJourney: UserJourney.ADD_TOKENS,
+            screen: 'InputScreen',
+            control: 'RoutesMenu',
+            controlType: 'MenuItem',
+            action: 'Opened',
+            extras: {
+                contextId: id,
+                showOnrampOption: Boolean(showOnrampOption),
+                showSwapOption: Boolean(showSwapOption),
+                insufficientBalance: Boolean(insufficientBalance),
+                routesAvailable: routes?.length ?? 0,
+            },
+        });
+    }, [visible]);
+    return (jsx(Drawer, { size: "full", visible: visible, showHeaderBar: false, onCloseDrawer: onClose, children: jsxs(Drawer.Content, { rc: jsx(motion.div, { variants: listVariants, initial: "hidden", animate: "show" }), sx: {
+                pt: 'base.spacing.x3',
+                px: 'base.spacing.x3',
+            }, children: [jsxs(MenuItem, { size: "xSmall", children: [jsx(MenuItem.FramedImage, { padded: true, emphasized: true, use: (jsx("img", { src: fromProviderInfo?.icon, alt: fromProviderInfo?.name })), sx: { mx: 'base.spacing.x2' } }), jsx(MenuItem.Label, { children: t('views.ADD_TOKENS.drawer.options.heading') }), jsxs(MenuItem.Caption, { children: [fromProviderInfo?.name, ' • ', jsx(EllipsizedText, { text: fromAddress ?? '', sx: { c: 'inherit', fontSize: 'inherit' } })] }), jsx(MenuItem.StatefulButtCon, { icon: "ChevronExpand", onClick: onClose })] }), jsx(RouteOptions, { size: "small", checkout: checkout, routes: routes, chains: chains, onCardClick: onCardClick, onRouteClick: handleOnRouteClick, showOnrampOption: showOnrampOption, insufficientBalance: insufficientBalance, selectedIndex: selectedRouteIndex.current })] }) }));
+}
+
 function SelectedRouteOptionContainer({ children, onClick, selected, }) {
     return (jsx(Stack, { direction: "row", alignItems: "center", gap: "base.spacing.x4", sx: {
             ml: ({ base }) => (selected

package/dist/browser/checkout/{BridgeWidget-BhrCocw2.js → BridgeWidget-CrLjoZj2.js}

@@ -1,10 +1,11 @@
-import { bY as axios, bZ as CheckoutErrorType, b_ as IMMUTABLE_API_BASE_URL, r as reactExports, I as IMTBLWidgetEvents, B as BridgeEventType, q as jsxs, p as jsx, b$ as ShimmerBox, a8 as MenuItem, aD as Stack, u as useTranslation, ax as Body, U as Button, N as Box, c0 as PASSPORT_URL, a_ as Link, c1 as getChainIdBySlug, c2 as getChainImage, c3 as networkName, as as FramedImage, ay as EllipsizedText, b5 as Icon, X as useAnalytics, a0 as UserJourney, c4 as Accordion, R as Divider, ad as ViewContext, _ as Fragment, V as ViewActions, c5 as useWalletConnect, c6 as isWalletConnectProvider, c7 as Logo, c8 as RawImage, bN as CryptoFiatContext, c9 as AXELAR_SCAN_URL, an as isNativeToken, ao as getTokenImageByAddress, ca as getNativeSymbolByChainSlug, J as formatUnits, bm as calculateCryptoToFiat, ag as EventTargetContext, K as isPassportProvider, j as getL1ChainId, am as TokenFilterTypes, i as getL2ChainId, $ as WalletProviderRdns, a3 as Web3Provider, aH as useInjectedProviders, bt as HeaderNavigation, bz as FooterLogo, Y as WalletDrawer, aM as SimpleLayout, cb as getChainSlugById, cc as JsonRpcProvider, bU as CryptoFiatActions, cd as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, k as ChainId, ce as getChainNameById, b6 as useTheme, T as Heading, cf as getWalletProviderNameByProvider, cg as isMetaMaskProvider, ch as WalletProviderName, Q as Drawer, au as ButtCon, ci as ButtonNavigationStyles, aN as orchestrationEvents, bC as tokenValueFormat, cj as formatZeroAmount, ck as NATIVE, aE as fetchRiskAssessment, bg as amountInputValidation, aa as getRemoteImage, bi as CloudImage, cl as ETH_TOKEN_SYMBOL, F as BigNumber, be as Environment, D as parseUnits, cm as GasEstimateType, cn as DEFAULT_TOKEN_DECIMALS, co as DEFAULT_QUOTE_REFRESH_INTERVAL, cp as addChainChangedListener, cq as removeChainChangedListener, aF as isAddressSanctioned, cr as IMX_TOKEN_SYMBOL, n as SharedViews, cs as dist, ct as CHECKOUT_CDN_BASE_URL, cu as heroBackGroundStyles, cv as heroImageStyles, cw as Badge, cx as SimpleTextBody, cy as FooterButton, cz as getEthTokenImage, cA as WITHDRAWAL_CLAIM_GAS_LIMIT, al as getDefaultTokenImage, b7 as viewReducer, b8 as initialViewState, cB as BridgeConfiguration, cC as ImmutableConfiguration, cD as TokenBridge, cE as StatusView, bA as StatusType, E as ErrorView, bj as ServiceUnavailableErrorView, bX as CryptoFiatProvider, cF as ETH_SEPOLIA_TO_ZKEVM_TESTNET, cG as ETH_SEPOLIA_TO_ZKEVM_DEVNET, cH as ETH_MAINNET_TO_ZKEVM_MAINNET } from './index-uoFT0va2.js';
-import { T as TokenImage, r as retry } from './TokenImage-BKsKixKT.js';
-import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-B4EZHPvY.js';
-import { S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero--5umxYJp.js';
-import { u as useInterval } from './useInterval-DoDljSUa.js';
-import { C as Contract } from './index-Smb16jHM.js';
-import './FeesBreakdown-Ck9YzdSC.js';
+import { bN as axios, bO as CheckoutErrorType, bP as IMMUTABLE_API_BASE_URL, r as reactExports, I as IMTBLWidgetEvents, B as BridgeEventType, q as jsxs, p as jsx, bQ as ShimmerBox, a6 as MenuItem, aB as Stack, u as useTranslation, aj as Body, R as Button, K as Box, bR as PASSPORT_URL, ai as Link, bS as getChainIdBySlug, bT as getChainImage, bU as networkName, ar as FramedImage, aw as EllipsizedText, aE as Icon, T as useAnalytics, _ as UserJourney, bV as Accordion, N as Divider, ab as ViewContext, Y as Fragment, V as ViewActions, bW as useWalletConnect, bX as isWalletConnectProvider, bY as Logo, bZ as RawImage, bC as CryptoFiatContext, b_ as AXELAR_SCAN_URL, an as isNativeToken, ao as getTokenImageByAddress, b$ as getNativeSymbolByChainSlug, bf as calculateCryptoToFiat, ae as EventTargetContext, H as isPassportProvider, j as getL1ChainId, am as TokenFilterTypes, i as getL2ChainId, Z as WalletProviderRdns, a1 as Web3Provider, aO as useInjectedProviders, bm as HeaderNavigation, bp as FooterLogo, U as WalletDrawer, aR as SimpleLayout, c0 as getChainSlugById, c1 as JsonRpcProvider, bJ as CryptoFiatActions, c2 as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, k as ChainId, c3 as getChainNameById, b2 as useTheme, Q as Heading, c4 as getWalletProviderNameByProvider, c5 as isMetaMaskProvider, c6 as WalletProviderName, M as Drawer, at as ButtCon, c7 as ButtonNavigationStyles, aS as orchestrationEvents, az as tokenValueFormat, c8 as formatZeroAmount, c9 as NATIVE, aM as fetchRiskAssessment, b9 as amountInputValidation, a8 as getRemoteImage, bb as CloudImage, ca as ETH_TOKEN_SYMBOL, D as BigNumber, b7 as Environment, cb as GasEstimateType, cc as DEFAULT_TOKEN_DECIMALS, cd as DEFAULT_QUOTE_REFRESH_INTERVAL, ce as addChainChangedListener, cf as removeChainChangedListener, aN as isAddressSanctioned, cg as IMX_TOKEN_SYMBOL, n as SharedViews, ch as dist, ci as CHECKOUT_CDN_BASE_URL, cj as heroBackGroundStyles, ck as heroImageStyles, aF as Badge, cl as SimpleTextBody, cm as FooterButton, cn as getEthTokenImage, co as WITHDRAWAL_CLAIM_GAS_LIMIT, al as getDefaultTokenImage, b3 as viewReducer, b4 as initialViewState, cp as BridgeConfiguration, cq as ImmutableConfiguration, cr as TokenBridge, cs as StatusView, bq as StatusType, E as ErrorView, bc as ServiceUnavailableErrorView, bM as CryptoFiatProvider, ct as ETH_SEPOLIA_TO_ZKEVM_TESTNET, cu as ETH_SEPOLIA_TO_ZKEVM_DEVNET, cv as ETH_MAINNET_TO_ZKEVM_MAINNET } from './index-QnoQrLJ7.js';
+import { T as TokenImage, r as retry } from './TokenImage-z4OoDdYE.js';
+import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-B4eXJlqS.js';
+import { f as formatUnits, p as parseUnits } from './index-aJ1AhJ6L.js';
+import { S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-83IoWlwV.js';
+import { u as useInterval } from './useInterval-Cs241Eva.js';
+import { C as Contract } from './index-DWFmOHWm.js';
+import './FeesBreakdown-BypWN9Iy.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-Be5DHzdC.js → CommerceWidget-CJXKumJj.js}

@@ -1,18 +1,19 @@
-import { 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, A as AddTokensEventType, B as BridgeEventType, O as OnRampEventType, f as SaleEventType, g as PurchaseEventType, h as OrchestrationEventType, r as reactExports, V as ViewActions, i as getL2ChainId, j as getL1ChainId, k as ChainId, u as useTranslation, l as useViewState, m as useEventTargetState, n as SharedViews, o as commerceFlows, p as jsx, q as jsxs, L as LoadingView, E as ErrorView, s as ConnectWidget, t as ProvidersContextProvider, v as PurchaseWidget, w as ConnectLoader, x as ViewContextProvider } from './index-uoFT0va2.js';
-import SwapWidget from './SwapWidget-CwFYyKSt.js';
-import BridgeWidget from './BridgeWidget-BhrCocw2.js';
-import { O as OnRampWidget } from './OnRampWidget-CqVk3g3X.js';
-import WalletWidget from './WalletWidget-DVqX_Zms.js';
-import SaleWidget from './SaleWidget-BN4NOhbW.js';
-import AddTokensWidget from './AddTokensWidget-TbB4PmLW.js';
-import './WalletApproveHero--5umxYJp.js';
-import './TokenImage-BKsKixKT.js';
-import './FeesBreakdown-Ck9YzdSC.js';
-import './useInterval-DoDljSUa.js';
-import './TopUpView-B4EZHPvY.js';
-import './SpendingCapHero-CPvvFrji.js';
-import './index-Smb16jHM.js';
-import './HandoverContent-DB23bXer.js';
+import { 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, A as AddTokensEventType, B as BridgeEventType, O as OnRampEventType, f as SaleEventType, g as PurchaseEventType, h as OrchestrationEventType, r as reactExports, V as ViewActions, i as getL2ChainId, j as getL1ChainId, k as ChainId, u as useTranslation, l as useViewState, m as useEventTargetState, n as SharedViews, o as commerceFlows, p as jsx, q as jsxs, L as LoadingView, E as ErrorView, s as ConnectWidget, t as ProvidersContextProvider, v as PurchaseWidget, w as ConnectLoader, x as ViewContextProvider } from './index-QnoQrLJ7.js';
+import SwapWidget from './SwapWidget-BmfIQSUe.js';
+import BridgeWidget from './BridgeWidget-CrLjoZj2.js';
+import { O as OnRampWidget } from './OnRampWidget-JJO1UCrW.js';
+import WalletWidget from './WalletWidget-ComOLNY_.js';
+import SaleWidget from './SaleWidget-Bpmzfc7A.js';
+import AddTokensWidget from './AddTokensWidget-BAbeB6QF.js';
+import './WalletApproveHero-83IoWlwV.js';
+import './TokenImage-z4OoDdYE.js';
+import './FeesBreakdown-BypWN9Iy.js';
+import './useInterval-Cs241Eva.js';
+import './index-aJ1AhJ6L.js';
+import './TopUpView-B4eXJlqS.js';
+import './SpendingCapHero-Br5Uv8YR.js';
+import './index-DWFmOHWm.js';
+import './HandoverContent-DQ1dvn2V.js';
 
 const sendCheckoutEvent = (eventTarget, detail) => {
     const event = new CustomEvent(IMTBLWidgetEvents.IMTBL_COMMERCE_WIDGET_EVENT, { detail });

package/dist/browser/checkout/{FeesBreakdown-Ck9YzdSC.js → FeesBreakdown-BypWN9Iy.js}

@@ -1,4 +1,4 @@
-import { q as jsxs, p as jsx, ax as Body, b4 as PriceDisplay, N as Box, u as useTranslation, Q as Drawer, a8 as MenuItem, _ as Fragment, R as Divider, bC as tokenValueFormat, cj as formatZeroAmount, bz as FooterLogo } from './index-uoFT0va2.js';
+import { q as jsxs, p as jsx, aj as Body, b1 as PriceDisplay, K as Box, u as useTranslation, M as Drawer, a6 as MenuItem, Y as Fragment, N as Divider, az as tokenValueFormat, c8 as formatZeroAmount, bp as FooterLogo } from './index-QnoQrLJ7.js';
 
 const feesBreakdownContentStyles = {
     display: 'flex',

package/dist/browser/checkout/{HandoverContent-DB23bXer.js → HandoverContent-DQ1dvn2V.js}

@@ -1,4 +1,4 @@
-import { q as jsxs, N as Box, p as jsx, T as Heading, ax as Body, U as Button } from './index-uoFT0va2.js';
+import { q as jsxs, K as Box, p as jsx, Q as Heading, aj as Body, R as Button } from './index-QnoQrLJ7.js';
 
 function HandoverContent({ headingText, subheadingText, primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, }) {
     return (jsxs(Box, { sx: {

package/dist/browser/checkout/{OnRampWidget-CqVk3g3X.js → OnRampWidget-JJO1UCrW.js}

@@ -1,6 +1,6 @@
-import { cZ as global, X as useAnalytics, r as reactExports, bO as ConnectLoaderContext, ag as EventTargetContext, u as useTranslation, ad as ViewContext, n as SharedViews, aE as fetchRiskAssessment, aF as isAddressSanctioned, V as ViewActions, c_ as ExchangeType, p as jsx, aM as SimpleLayout, bt as HeaderNavigation, c$ as sendOnRampWidgetCloseEvent, aN as orchestrationEvents, I as IMTBLWidgetEvents, N as Box, a0 as UserJourney, bz as FooterLogo, q as jsxs, cx as SimpleTextBody, b7 as viewReducer, b8 as initialViewState, ck as NATIVE, L as LoadingView, d0 as sendOnRampSuccessEvent, bA as StatusType, cE as StatusView, d1 as sendOnRampFailedEvent, bj as ServiceUnavailableErrorView } from './index-uoFT0va2.js';
-import { O as OnRampWidgetViews, T as TopUpView } from './TopUpView-B4EZHPvY.js';
-import { S as SpendingCapHero } from './SpendingCapHero-CPvvFrji.js';
+import { cN as global, T as useAnalytics, r as reactExports, bD as ConnectLoaderContext, ae as EventTargetContext, u as useTranslation, ab as ViewContext, n as SharedViews, aM as fetchRiskAssessment, aN as isAddressSanctioned, V as ViewActions, cO as ExchangeType, p as jsx, aR as SimpleLayout, bm as HeaderNavigation, cP as sendOnRampWidgetCloseEvent, aS as orchestrationEvents, I as IMTBLWidgetEvents, K as Box, _ as UserJourney, bp as FooterLogo, q as jsxs, cl as SimpleTextBody, b3 as viewReducer, b4 as initialViewState, c9 as NATIVE, L as LoadingView, cQ as sendOnRampSuccessEvent, bq as StatusType, cs as StatusView, cR as sendOnRampFailedEvent, bc as ServiceUnavailableErrorView } from './index-QnoQrLJ7.js';
+import { O as OnRampWidgetViews, T as TopUpView } from './TopUpView-B4eXJlqS.js';
+import { S as SpendingCapHero } from './SpendingCapHero-Br5Uv8YR.js';
 
 function isNull(arg) {
   return arg === null;

package/dist/browser/checkout/{SaleWidget-BN4NOhbW.js → SaleWidget-Bpmzfc7A.js}

@@ -1,15 +1,16 @@
-import { be as Environment, F as BigNumber, r as reactExports, bk as compareStr, ad as ViewContext, V as ViewActions, aE as fetchRiskAssessment, p as jsx, bl as SalePaymentTypes, a0 as UserJourney, u as useTranslation, bm as calculateCryptoToFiat, X as useAnalytics, ag as EventTargetContext, bn as sendSaleWidgetCloseEvent, bo as sendSaleSuccessEvent, bp as sendSaleFailedEvent, bq as sendSaleTransactionSuccessEvent, br as sendSalePaymentMethodEvent, bs as sendSalePaymentTokenEvent, bt as HeaderNavigation, q as jsxs, bu as LoadingOverlay, N as Box, _ as Fragment, aM as SimpleLayout, ae as useHandover, af as HandoverTarget, ai as getRemoteRive, T as Heading, bv as HandoverDuration, K as isPassportProvider, a8 as MenuItem, bw as motion, bx as listVariants, by as listItemVariants, aF as isAddressSanctioned, n as SharedViews, bz as FooterLogo, bA as StatusType, bB as prettyFormatNumber, bC as tokenValueFormat, bD as ShimmerCircle, U as Button, aD as Stack, bE as FundingStepType, bF as abbreviateWalletAddress, J as formatUnits, Q as Drawer, bG as Caption, R as Divider, bH as tokenSymbolNameOverrides, bI as ItemType, bJ as TransactionOrGasType, bK as GasTokenType, bL as RoutingOutcomeType, an as isNativeToken, ao as getTokenImageByAddress, bM as isGasFree, bN as CryptoFiatContext, bO as ConnectLoaderContext, bP as eventTargetReducer, bQ as initialEventTargetState, j as getL1ChainId, i as getL2ChainId, I as IMTBLWidgetEvents, bR as EventTargetActions, L as LoadingView, k as ChainId, bS as ConnectWidgetViews, s as ConnectWidget, S as SwapEventType, O as OnRampEventType, B as BridgeEventType, b as ConnectEventType, bT as ConnectLoaderActions, bU as CryptoFiatActions, au as ButtCon, ax as Body, bV as widgetTheme, b7 as viewReducer, b8 as initialViewState, bW as BlockExplorerService, bj as ServiceUnavailableErrorView, bX as CryptoFiatProvider } from './index-uoFT0va2.js';
-import { C as Contract } from './index-Smb16jHM.js';
-import { u as useTransakEvents, O as OnRampWidget } from './OnRampWidget-CqVk3g3X.js';
-import { H as HandoverContent } from './HandoverContent-DB23bXer.js';
-import { u as useMount, T as TopUpView } from './TopUpView-B4EZHPvY.js';
-import { T as TokenImage } from './TokenImage-BKsKixKT.js';
-import { F as Fees } from './WalletApproveHero--5umxYJp.js';
-import BridgeWidget from './BridgeWidget-BhrCocw2.js';
-import SwapWidget from './SwapWidget-CwFYyKSt.js';
-import './SpendingCapHero-CPvvFrji.js';
-import './FeesBreakdown-Ck9YzdSC.js';
-import './useInterval-DoDljSUa.js';
+import { b7 as Environment, D as BigNumber, r as reactExports, bd as compareStr, ab as ViewContext, V as ViewActions, aM as fetchRiskAssessment, p as jsx, be as SalePaymentTypes, _ as UserJourney, u as useTranslation, bf as calculateCryptoToFiat, T as useAnalytics, ae as EventTargetContext, bg as sendSaleWidgetCloseEvent, bh as sendSaleSuccessEvent, bi as sendSaleFailedEvent, bj as sendSaleTransactionSuccessEvent, bk as sendSalePaymentMethodEvent, bl as sendSalePaymentTokenEvent, bm as HeaderNavigation, q as jsxs, bn as LoadingOverlay, K as Box, Y as Fragment, aR as SimpleLayout, ac as useHandover, ad as HandoverTarget, af as getRemoteRive, Q as Heading, bo as HandoverDuration, H as isPassportProvider, a6 as MenuItem, aJ as motion, aI as listVariants, aK as listItemVariants, aN as isAddressSanctioned, n as SharedViews, bp as FooterLogo, bq as StatusType, br as prettyFormatNumber, az as tokenValueFormat, bs as ShimmerCircle, R as Button, aB as Stack, bt as FundingStepType, bu as abbreviateWalletAddress, M as Drawer, bv as Caption, N as Divider, bw as tokenSymbolNameOverrides, bx as ItemType, by as TransactionOrGasType, bz as GasTokenType, bA as RoutingOutcomeType, an as isNativeToken, ao as getTokenImageByAddress, bB as isGasFree, bC as CryptoFiatContext, bD as ConnectLoaderContext, bE as eventTargetReducer, bF as initialEventTargetState, j as getL1ChainId, i as getL2ChainId, I as IMTBLWidgetEvents, bG as EventTargetActions, L as LoadingView, k as ChainId, bH as ConnectWidgetViews, s as ConnectWidget, S as SwapEventType, O as OnRampEventType, B as BridgeEventType, b as ConnectEventType, bI as ConnectLoaderActions, bJ as CryptoFiatActions, at as ButtCon, aj as Body, bK as widgetTheme, b3 as viewReducer, b4 as initialViewState, bL as BlockExplorerService, bc as ServiceUnavailableErrorView, bM as CryptoFiatProvider } from './index-QnoQrLJ7.js';
+import { C as Contract } from './index-DWFmOHWm.js';
+import { u as useTransakEvents, O as OnRampWidget } from './OnRampWidget-JJO1UCrW.js';
+import { H as HandoverContent } from './HandoverContent-DQ1dvn2V.js';
+import { u as useMount, T as TopUpView } from './TopUpView-B4eXJlqS.js';
+import { T as TokenImage } from './TokenImage-z4OoDdYE.js';
+import { f as formatUnits } from './index-aJ1AhJ6L.js';
+import { F as Fees } from './WalletApproveHero-83IoWlwV.js';
+import BridgeWidget from './BridgeWidget-CrLjoZj2.js';
+import SwapWidget from './SwapWidget-BmfIQSUe.js';
+import './SpendingCapHero-Br5Uv8YR.js';
+import './FeesBreakdown-BypWN9Iy.js';
+import './useInterval-Cs241Eva.js';
 
 var SaleWidgetViews;
 (function (SaleWidgetViews) {