@imtbl/checkout-widgets 2.22.1-alpha.0 → 2.23.1-0

package/dist/browser/{SwapWidget-D0KUO-VU.js → SwapWidget-BANOn9nl.js}

@@ -1,13 +1,13 @@
-import { k as useTranslation, x as jsxs, de as quickswapFooterStyles, B as Box, df as quickswapFooterLogoStyles, w as jsx, D as Body, dg as quickswapFooterDisclaimerTextStyles, dh as wo, X as getRemoteImage, b as reactExports, y as Button, aA as Drawer, W as CloudImage, H as Heading, cE as Logo, di as getImxTokenImage, cb as formatUnits, e as calculateCryptoToFiat, J as tokenValueFormat, ci as isGasFree, c as parseUnits, d as formatZeroAmount, cz as ShimmerBox, bF as PriceDisplay, aF as Fragment, dj as getCryptoToUSDConversion, Z as ConnectLoaderContext, a$ as isNativeToken, cR as NATIVE, aU as ViewContext, F as useAnalytics, dk as calculateFeesFiat, U as UserJourney, cU as DEFAULT_QUOTE_REFRESH_INTERVAL, aK as isPassportProvider, dl as parseEther, P as amountInputValidation, b3 as ButtCon, bj as motion, b8 as Tooltip, bd as Icon, bM as K, V as ViewActions, a5 as SharedViews, K as getDefaultTokenImage, dm as ESTIMATE_DEBOUNCE, dn as DEFAULT_TOKEN_VALIDATION_DECIMALS, cZ as DEFAULT_TOKEN_DECIMALS, G as EventTargetContext, a0 as LoadingView, z as SimpleLayout, dp as sendSwapWidgetCloseEvent, O as orchestrationEvents, r as ro, M as HeaderNavigation, cY as IMX_TOKEN_SYMBOL, cy as S, d1 as SimpleTextBody, d2 as FooterButton, dq as m, c$ as heroBackGroundStyles, d0 as heroImageStyles, bz as Trans, L as Link, aV as useHandover, bH as viewReducer, bI as initialViewState, dr as DEFAULT_BALANCE_RETRY_POLICY, ds as yo, d7 as StatusView, dt as sendSwapSuccessEvent, c6 as StatusType, du as sendSwapFailedEvent, dv as sendSwapRejectedEvent, a6 as ErrorView, bQ as ServiceUnavailableErrorView, j as ie, cP as fe } from './index-BH3M5w3K.js';
-import { S as SelectForm, T as TextInputForm, A as Accordion, b as gasAmountAccordionStyles, a as TransactionRejected, N as NetworkSwitchDrawer, W as WalletApproveHero, g as getAllowedBalances } from './WalletApproveHero-Cwv7L_bn.js';
-import { u as useInterval } from './useInterval-TNyi_xTA.js';
-import { S as SwapWidgetViews, T as TopUpView } from './TopUpView-D15fyfG-.js';
-import { F as FeesBreakdown, f as fetchRiskAssessmentV2, i as isSingleAddressSanctioned } from './FeesBreakdown-Dwqe_nxl.js';
-import { S as SpendingCapHero } from './SpendingCapHero-D1uS4qh5.js';
+import { h as useTranslation, v as jsxs, de as quickswapFooterStyles, x as Box, df as quickswapFooterLogoStyles, q as jsx, A as Body, dg as quickswapFooterDisclaimerTextStyles, dh as ve, W as getRemoteImage, r as reactExports, y as Button, aA as Drawer, R as CloudImage, H as Heading, cE as Logo, di as getImxTokenImage, cb as formatUnits, g as calculateCryptoToFiat, J as tokenValueFormat, ci as isGasFree, b as parseUnits, e as formatZeroAmount, cz as ShimmerBox, bF as PriceDisplay, aF as Fragment, dj as getCryptoToUSDConversion, Y as ConnectLoaderContext, a$ as isNativeToken, cR as NATIVE, aU as ViewContext, F as useAnalytics, dk as calculateFeesFiat, U as UserJourney, cU as DEFAULT_QUOTE_REFRESH_INTERVAL, aK as isPassportProvider, dl as parseEther, P as amountInputValidation, b3 as ButtCon, bj as motion, b8 as Tooltip, bd as Icon, bM as r, V as ViewActions, a5 as SharedViews, K as getDefaultTokenImage, dm as ESTIMATE_DEBOUNCE, dn as DEFAULT_TOKEN_VALIDATION_DECIMALS, cZ as DEFAULT_TOKEN_DECIMALS, G as EventTargetContext, a0 as LoadingView, z as SimpleLayout, dp as sendSwapWidgetCloseEvent, O as orchestrationEvents, w, M as HeaderNavigation, cY as IMX_TOKEN_SYMBOL, cy as Se, d1 as SimpleTextBody, d2 as FooterButton, dq as O, c$ as heroBackGroundStyles, d0 as heroImageStyles, bz as Trans, L as Link, aV as useHandover, bH as viewReducer, bI as initialViewState, dr as DEFAULT_BALANCE_RETRY_POLICY, ds as ge, d7 as StatusView, dt as sendSwapSuccessEvent, c6 as StatusType, du as sendSwapFailedEvent, dv as sendSwapRejectedEvent, a6 as ErrorView, bQ as ServiceUnavailableErrorView, B as Be, cP as He } from './index-BDE66Im8.js';
+import { S as SelectForm, T as TextInputForm, A as Accordion, b as gasAmountAccordionStyles, a as TransactionRejected, N as NetworkSwitchDrawer, W as WalletApproveHero, g as getAllowedBalances } from './WalletApproveHero-Dp4iuc4e.js';
+import { u as useInterval } from './useInterval-BihI5iZ3.js';
+import { S as SwapWidgetViews, T as TopUpView } from './TopUpView-Ds0YUOWC.js';
+import { F as FeesBreakdown, f as fetchRiskAssessmentV2, i as isSingleAddressSanctioned } from './FeesBreakdown-CIuOWa2U.js';
+import { S as SpendingCapHero } from './SpendingCapHero-w-h2TkZQ.js';
 
 function QuickswapFooter({ theme, environment }) {
     const { t } = useTranslation();
-    const logo = theme === wo.DARK
+    const logo = theme === ve.DARK
         ? getRemoteImage(environment, '/quickswapdark.webp')
         : getRemoteImage(environment, '/quickswaplight.webp');
     return (jsxs(Box, { testId: "quickswap-footer-container", sx: quickswapFooterStyles, children: [jsxs(Box, { testId: "quickswap-logo", sx: quickswapFooterLogoStyles, children: [jsx(Body, { size: "xSmall", sx: { paddingRight: 'base.spacing.x1' }, children: "By" }), jsx("img", { style: { height: '26px' }, alt: "Quickswap logo", src: logo })] }), jsx(Body, { testId: "quickswap-footer-disclaimer-text", size: "xSmall", sx: quickswapFooterDisclaimerTextStyles, children: t('footers.quickswapFooter.disclaimerText') })] }));
@@ -1283,7 +1283,7 @@ function SwapForm({ data, theme, themeOverrides, cancelAutoProceed, subTitle, })
                             : 'This token pairing is not available to swap right now. Try another selection.' })] })), !autoProceed && (jsx(SwapButton, { validator: SwapFormValidator, loading: loading, sendTransaction: sendTransaction })), jsx(TransactionRejected, { visible: showTxnRejectedState, showHeaderBar: false, onCloseDrawer: () => setShowTxnRejectedState(false), onRetry: () => {
                     sendTransaction();
                     setShowTxnRejectedState(false);
-                } }), jsx(NotEnoughImx, { environment: checkout?.config.environment ?? K.PRODUCTION, visible: showNotEnoughImxDrawer, showAdjustAmount: fromToken?.address === NATIVE, hasZeroImx: false, onAddCoinsClick: () => {
+                } }), jsx(NotEnoughImx, { environment: checkout?.config.environment ?? r.PRODUCTION, visible: showNotEnoughImxDrawer, showAdjustAmount: fromToken?.address === NATIVE, hasZeroImx: false, onAddCoinsClick: () => {
                     viewDispatch({
                         payload: {
                             type: ViewActions.UPDATE_VIEW,
@@ -1339,7 +1339,7 @@ function SwapCoins({ theme, themeOverrides, cancelAutoProceed, fromAmount, toAmo
         }
     }, [tokenBalances]);
     return (jsxs(SimpleLayout, { header: !autoProceed && showHeader ? (jsx(HeaderNavigation, { title: title, onCloseButtonClick: () => sendSwapWidgetCloseEvent(eventTarget), showBack: showBackButton, onBackButtonClick: () => {
-                orchestrationEvents.sendRequestGoBackEvent(eventTarget, ro.IMTBL_SWAP_WIDGET_EVENT, {});
+                orchestrationEvents.sendRequestGoBackEvent(eventTarget, w.IMTBL_SWAP_WIDGET_EVENT, {});
             } })) : undefined, footer: jsx(QuickswapFooter, { environment: checkout?.config.environment, theme: theme }), children: [jsxs(Box, { sx: {
                     height: '100%',
                     display: 'flex',
@@ -1350,7 +1350,7 @@ function SwapCoins({ theme, themeOverrides, cancelAutoProceed, fromAmount, toAmo
                             toAmount,
                             fromTokenAddress,
                             toTokenAddress,
-                        }, theme: theme, themeOverrides: themeOverrides, subTitle: subTitle }), jsx(NotEnoughImx, { environment: checkout?.config.environment ?? K.PRODUCTION, visible: showNotEnoughImxDrawer, showAdjustAmount: false, hasZeroImx: true, onAddCoinsClick: () => {
+                        }, theme: theme, themeOverrides: themeOverrides, subTitle: subTitle }), jsx(NotEnoughImx, { environment: checkout?.config.environment ?? r.PRODUCTION, visible: showNotEnoughImxDrawer, showAdjustAmount: false, hasZeroImx: true, onAddCoinsClick: () => {
                             viewDispatch({
                                 payload: {
                                     type: ViewActions.UPDATE_VIEW,
@@ -1482,8 +1482,8 @@ function ApproveERC20Onboarding({ data }) {
         });
     }, [viewDispatch]);
     const handleExceptions = (err, swapFormData) => {
-        if (err instanceof m
-            && err.type === S.TRANSACTION_FAILED
+        if (err instanceof O
+            && err.type === Se.TRANSACTION_FAILED
             && err.message.startsWith('execution reverted: "STF"')) {
             viewDispatch({
                 payload: {
@@ -1496,8 +1496,8 @@ function ApproveERC20Onboarding({ data }) {
             });
             return;
         }
-        if (err.type === S.TRANSACTION_FAILED
-            || err.type === S.INSUFFICIENT_FUNDS
+        if (err.type === Se.TRANSACTION_FAILED
+            || err.type === Se.INSUFFICIENT_FUNDS
             || (err.receipt && err.receipt.status === 0)) {
             viewDispatch({
                 payload: {
@@ -1576,7 +1576,7 @@ function ApproveERC20Onboarding({ data }) {
         catch (err) {
             setApprovalTxnLoading(false);
             setActionDisabled(false);
-            if (err.type === S.USER_REJECTED_REQUEST_ERROR) {
+            if (err.type === Se.USER_REJECTED_REQUEST_ERROR) {
                 setRejectedSpending(true);
                 return;
             }
@@ -1649,7 +1649,7 @@ function ApproveERC20Onboarding({ data }) {
         }
         catch (err) {
             setActionDisabled(false);
-            if (err.type === S.USER_REJECTED_REQUEST_ERROR) {
+            if (err.type === Se.USER_REJECTED_REQUEST_ERROR) {
                 setRejectedSwap(true);
                 return;
             }
@@ -1714,7 +1714,7 @@ const topUpBridgeOption = (isBridgeEnabled, isNotPassport) => {
         return {
             textKey: 'views.TOP_UP_VIEW.topUpOptions.bridge.heading',
             action: () => {
-                orchestrationEvents.sendRequestBridgeEvent(window, ro.IMTBL_BRIDGE_WIDGET_EVENT, {
+                orchestrationEvents.sendRequestBridgeEvent(window, w.IMTBL_BRIDGE_WIDGET_EVENT, {
                     tokenAddress: '',
                     amount: '',
                 });
@@ -1728,7 +1728,7 @@ const topUpOnRampOption = (isOnRampEnabled) => {
         return {
             textKey: 'views.TOP_UP_VIEW.topUpOptions.onramp.heading',
             action: () => {
-                orchestrationEvents.sendRequestOnrampEvent(window, ro.IMTBL_ONRAMP_WIDGET_EVENT, {
+                orchestrationEvents.sendRequestOnrampEvent(window, w.IMTBL_ONRAMP_WIDGET_EVENT, {
                     tokenAddress: '',
                     amount: '',
                 });
@@ -1759,9 +1759,7 @@ function GeoblockLoader({ widget, serviceUnavailableView, checkout, }) {
             }
         })();
     }, [checkout]);
-    return (
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    jsx(Fragment, { children: requested && !isLoading && (available
+    return (jsx(Fragment, { children: requested && !isLoading && (available
             ? widget
             : serviceUnavailableView) }));
 }
@@ -1809,7 +1807,7 @@ function SwapWidget({ amount, fromTokenAddress, toTokenAddress, config, autoProc
             const tokensAndBalances = await getAllowedBalances({
                 checkout,
                 provider,
-                allowTokenListType: ie.SWAP,
+                allowTokenListType: Be.SWAP,
             });
             // Why? Check getAllowedBalances
             if (tokensAndBalances === undefined)
@@ -1862,7 +1860,7 @@ function SwapWidget({ amount, fromTokenAddress, toTokenAddress, config, autoProc
             payload: {
                 type: SwapActions.SET_AUTO_PROCEED,
                 autoProceed: autoProceed ?? false,
-                direction: direction ?? yo.FROM,
+                direction: direction ?? ge.FROM,
             },
         });
     }, [autoProceed, direction]);
@@ -1872,17 +1870,17 @@ function SwapWidget({ amount, fromTokenAddress, toTokenAddress, config, autoProc
                 payload: {
                     type: SwapActions.SET_AUTO_PROCEED,
                     autoProceed: false,
-                    direction: yo.FROM,
+                    direction: ge.FROM,
                 },
             });
         }
     }, [autoProceed, swapDispatch]);
-    const fromAmount = direction === yo.FROM || direction == null ? amount : undefined;
-    const toAmount = direction === yo.TO ? amount : undefined;
+    const fromAmount = direction === ge.FROM || direction == null ? amount : undefined;
+    const toAmount = direction === ge.TO ? amount : undefined;
     const topUpOptions = reactExports.useMemo(() => {
         const optionsArray = [];
         const isNotPassport = !isPassportProvider(provider)
-            || walletProviderName !== fe.PASSPORT;
+            || walletProviderName !== He.PASSPORT;
         const isOnramp = topUpOnRampOption(isOnRampEnabled);
         if (isOnramp) {
             optionsArray.push({ ...isOnramp });
@@ -1957,7 +1955,7 @@ function SwapWidget({ amount, fromTokenAddress, toTokenAddress, config, autoProc
                             viewDispatch({
                                 payload: { type: ViewActions.UPDATE_VIEW, view: { type: SwapWidgetViews.SWAP } },
                             });
-                        } })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx(TopUpView, { analytics: { userJourney: UserJourney.SWAP }, checkout: checkout, provider: provider, widgetEvent: ro.IMTBL_SWAP_WIDGET_EVENT, showOnrampOption: isOnRampEnabled, showSwapOption: isSwapEnabled, showBridgeOption: isBridgeEnabled, onCloseButtonClick: () => sendSwapWidgetCloseEvent(eventTarget) }))] }) })), serviceUnavailableView: (jsx(ServiceUnavailableToRegionErrorView, { service: ServiceType.SWAP, onCloseClick: () => sendSwapWidgetCloseEvent(window), showHeader: showHeader, primaryActionText: topUpOptions && topUpOptions?.length > 0
+                        } })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx(TopUpView, { analytics: { userJourney: UserJourney.SWAP }, checkout: checkout, provider: provider, widgetEvent: w.IMTBL_SWAP_WIDGET_EVENT, showOnrampOption: isOnRampEnabled, showSwapOption: isSwapEnabled, showBridgeOption: isBridgeEnabled, onCloseButtonClick: () => sendSwapWidgetCloseEvent(eventTarget) }))] }) })), serviceUnavailableView: (jsx(ServiceUnavailableToRegionErrorView, { service: ServiceType.SWAP, onCloseClick: () => sendSwapWidgetCloseEvent(window), showHeader: showHeader, primaryActionText: topUpOptions && topUpOptions?.length > 0
                 ? t(topUpOptions[0].textKey)
                 : undefined, onPrimaryButtonClick: topUpOptions && topUpOptions?.length > 0
                 ? topUpOptions[0].action

package/dist/browser/{TokenImage-_Qe7kkzS.js → TokenImage-DiRHQD1a.js}

@@ -1,4 +1,4 @@
-import { b as reactExports, K as getDefaultTokenImage, w as jsx } from './index-BH3M5w3K.js';
+import { r as reactExports, K as getDefaultTokenImage, q as jsx } from './index-BDE66Im8.js';
 
 function TokenImage({ src, name, environment, theme, defaultImage, ...forwardedProps }) {
     const [error, setError] = reactExports.useState(false);

package/dist/browser/{TopUpView-D15fyfG-.js → TopUpView-Ds0YUOWC.js}

@@ -1,4 +1,4 @@
-import { b as reactExports, cb as formatUnits, w as jsx, x as jsxs, dH as isDualVariantIcon, aP as MenuItem, B as Box, k as useTranslation, aU as ViewContext, I as CryptoFiatContext, G as EventTargetContext, F as useAnalytics, a1 as CryptoFiatActions, dI as DEFAULT_TOKEN_SYMBOLS, cT as st, M as HeaderNavigation, H as Heading, D as Body, z as SimpleLayout, r as ro, V as ViewActions, O as orchestrationEvents, bM as K } from './index-BH3M5w3K.js';
+import { r as reactExports, cb as formatUnits, q as jsx, v as jsxs, dH as isDualVariantIcon, aP as MenuItem, x as Box, h as useTranslation, aU as ViewContext, I as CryptoFiatContext, G as EventTargetContext, F as useAnalytics, a1 as CryptoFiatActions, dI as DEFAULT_TOKEN_SYMBOLS, cT as Re, M as HeaderNavigation, H as Heading, A as Body, z as SimpleLayout, w, V as ViewActions, O as orchestrationEvents, bM as r } from './index-BDE66Im8.js';
 
 var BridgeWidgetViews;
 (function (BridgeWidgetViews) {
@@ -141,8 +141,8 @@ const useAsyncMemo = (asyncFn, dependencies) => {
 };
 
 const TOOLKIT_BASE_URL = {
-    [K.SANDBOX]: 'https://checkout-playground.sandbox.immutable.com',
-    [K.PRODUCTION]: 'https://toolkit.immutable.com',
+    [r.SANDBOX]: 'https://checkout-playground.sandbox.immutable.com',
+    [r.PRODUCTION]: 'https://toolkit.immutable.com',
 };
 function TopUpView({ widgetEvent, checkout, 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -153,7 +153,7 @@ showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analyt
     const { viewDispatch } = reactExports.useContext(ViewContext);
     const { cryptoFiatState, cryptoFiatDispatch } = reactExports.useContext(CryptoFiatContext);
     const { conversions, fiatSymbol } = cryptoFiatState;
-    const environment = checkout?.config.environment ?? K.SANDBOX;
+    const environment = checkout?.config.environment ?? r.SANDBOX;
     const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
     const [onRampFeesPercentage, setOnRampFeesPercentage] = reactExports.useState('-.--');
     const swapFeesInFiat = '0.05';
@@ -190,7 +190,7 @@ showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analyt
             return;
         (async () => {
             const bridgeEstimate = await checkout.gasEstimate({
-                gasEstimateType: st.BRIDGE_TO_L2,
+                gasEstimateType: Re.BRIDGE_TO_L2,
             });
             const est = await getBridgeFeeEstimation(bridgeEstimate, conversions);
             setBridgeFeesInFiat(est);
@@ -216,7 +216,7 @@ showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analyt
         });
     };
     const onClickSwap = () => {
-        if (widgetEvent === ro.IMTBL_SWAP_WIDGET_EVENT) {
+        if (widgetEvent === w.IMTBL_SWAP_WIDGET_EVENT) {
             const data = {
                 toTokenAddress: '',
                 fromAmount: '',
@@ -243,7 +243,7 @@ showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analyt
         localTrack('Swap', { ...data, widgetEvent });
     };
     const onClickBridge = () => {
-        if (widgetEvent === ro.IMTBL_BRIDGE_WIDGET_EVENT) {
+        if (widgetEvent === w.IMTBL_BRIDGE_WIDGET_EVENT) {
             const data = {
                 fromTokenAddress: '',
                 fromAmount: '',
@@ -268,7 +268,7 @@ showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analyt
         localTrack('Bridge', { ...data, widgetEvent });
     };
     const onClickOnRamp = () => {
-        if (widgetEvent === ro.IMTBL_ONRAMP_WIDGET_EVENT) {
+        if (widgetEvent === w.IMTBL_ONRAMP_WIDGET_EVENT) {
             const data = {
                 tokenAddress: '',
                 amount: '',

package/dist/browser/{WalletApproveHero-Cwv7L_bn.js → WalletApproveHero-Dp4iuc4e.js}

@@ -1,5 +1,5 @@
-import { ac as hFlex, w as jsx, dw as motion, ae as _objectWithoutProperties, Q as useTheme, b as reactExports, ag as _slicedToArray, aq as useGetSubcomponentChild, al as merge, x as jsxs, dx as BaseClickable, b3 as ButtCon, au as SmartClone, dy as AnimatePresence, B as Box, S as Stack, dz as ClassNames, ad as _defineProperty, dA as getTertiaryButtonStyles, ar as flattenChildren, dB as isChildSubcomponent, aB as Divider, b4 as TextInput, dC as FormControlWrapper, k as useTranslation, aP as MenuItem, aA as Drawer, D as Body, aF as Fragment, F as useAnalytics, dD as Select, bM as K, dE as DuoCon, H as Heading, y as Button, cJ as retry, cR as NATIVE, b0 as getTokenImageByAddress, a$ as isNativeToken, dr as DEFAULT_BALANCE_RETRY_POLICY, cO as isMetaMaskProvider, W as CloudImage, c5 as FooterLogo, X as getRemoteImage, cM as getChainNameById, cG as isWalletConnectProvider, c$ as heroBackGroundStyles, d0 as heroImageStyles, dF as heroImageBottomAlign } from './index-BH3M5w3K.js';
-import { T as TokenImage } from './TokenImage-_Qe7kkzS.js';
+import { ac as hFlex, q as jsx, dw as motion, ae as _objectWithoutProperties, Q as useTheme, r as reactExports, ag as _slicedToArray, aq as useGetSubcomponentChild, al as merge, v as jsxs, dx as BaseClickable, b3 as ButtCon, au as SmartClone, dy as AnimatePresence, x as Box, S as Stack, dz as ClassNames, ad as _defineProperty, dA as getTertiaryButtonStyles, ar as flattenChildren, dB as isChildSubcomponent, aB as Divider, b4 as TextInput, dC as FormControlWrapper, h as useTranslation, aP as MenuItem, aA as Drawer, A as Body, aF as Fragment, F as useAnalytics, dD as Select, bM as r, dE as DuoCon, H as Heading, y as Button, cJ as retry, cR as NATIVE, b0 as getTokenImageByAddress, a$ as isNativeToken, dr as DEFAULT_BALANCE_RETRY_POLICY, cO as isMetaMaskProvider, R as CloudImage, c5 as FooterLogo, W as getRemoteImage, cM as getChainNameById, cG as isWalletConnectProvider, c$ as heroBackGroundStyles, d0 as heroImageStyles, dF as heroImageBottomAlign } from './index-BDE66Im8.js';
+import { T as TokenImage } from './TokenImage-DiRHQD1a.js';
 
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -371,7 +371,7 @@ function CoinSelector({ heading, options, defaultTokenImage, optionsLoading, chi
     return (jsxs(Drawer, { headerBarTitle: heading, size: "full", onCloseDrawer: handleCloseDrawer, visible: visible, bgOverlaySx: drawerBackground ? { background: drawerBackground } : undefined, children: [jsx(Drawer.Target, { children: children }), jsx(Drawer.Content, { children: jsxs(Box, { sx: selectOptionsContainerStyles, children: [optionsLoading && options.length === 0 && (jsxs(Box, { sx: selectOptionsLoadingIconStyles, children: [jsx(MenuItem, { shimmer: true, emphasized: true, testId: "balance-item-shimmer--1" }), jsx(MenuItem, { shimmer: true, emphasized: true, testId: "balance-item-shimmer--2" }), jsx(MenuItem, { shimmer: true, emphasized: true, testId: "balance-item-shimmer--3" })] })), !optionsLoading && options.length === 0 && (jsx(Body, { sx: { padding: 'base.spacing.x4' }, children: t('drawers.coinSelector.noCoins') })), !optionsLoading ? (jsxs(Fragment, { children: [jsx(TextInput, { sx: { marginBottom: 'base.spacing.x4', minWidth: '100%' }, testId: "search-text", onChange: (event) => handleOnChange(event), sizeVariant: "large", value: searchValue, inputMode: "search", placeholder: "name/symbol/contract address", onClearValue: () => setSearchValue(''), hideClearValueButton: false, autoFocus: true, children: jsx(TextInput.Icon, { icon: "Search" }) }), filteredOptions.map(({ onClick, icon, name, symbol, balance, id, testId, }) => (jsx(CoinSelectorOption, { id: id, testId: testId, onClick: onClick, icon: icon, name: name, symbol: symbol, balance: balance, defaultTokenImage: defaultTokenImage }, `${symbol}-${name}`)))] })) : null] }) })] }));
 }
 
-function SelectForm({ testId, options, optionsLoading, subtext, onSelectChange, textAlign, errorMessage, disabled, selectedOption, coinSelectorHeading, defaultTokenImage, userJourney, screen, control, environment = K.PRODUCTION, theme, themeOverrides, }) {
+function SelectForm({ testId, options, optionsLoading, subtext, onSelectChange, textAlign, errorMessage, disabled, selectedOption, coinSelectorHeading, defaultTokenImage, userJourney, screen, control, environment = r.PRODUCTION, theme, themeOverrides, }) {
     const { track } = useAnalytics();
     const [coinSelectorOpen, setCoinSelectorOpen] = reactExports.useState(false);
     const coinSelectorOptions = reactExports.useMemo(() => options.map((option) => ({
@@ -490,8 +490,8 @@ const getAllowedBalances = async ({ checkout, provider, allowTokenListType, chai
 
 function NetworkSwitchDrawer({ visible, targetChainId, provider, checkout, onCloseDrawer, onNetworkSwitch, }) {
     const { t } = useTranslation();
-    const ethImageUrl = getRemoteImage(checkout.config.environment ?? K.PRODUCTION, '/switchnetworkethereum.svg');
-    const zkevmImageUrl = getRemoteImage(checkout.config.environment ?? K.PRODUCTION, '/switchnetworkzkevm.svg');
+    const ethImageUrl = getRemoteImage(checkout.config.environment ?? r.PRODUCTION, '/switchnetworkethereum.svg');
+    const zkevmImageUrl = getRemoteImage(checkout.config.environment ?? r.PRODUCTION, '/switchnetworkzkevm.svg');
     const targetChainName = getChainNameById(targetChainId);
     const showEthImage = targetChainId === checkout.config.l1ChainId;
     const handleSwitchNetwork = reactExports.useCallback(async () => {

package/dist/browser/{WalletWidget-DyiWaSwm.js → WalletWidget-CNJ3wq2K.js}

@@ -1,6 +1,6 @@
-import { ae as _objectWithoutProperties, Q as useTheme, dJ as getStartingSize, dK as DEFAULT_BUTTON_SIZE, al as merge, b as reactExports, ar as flattenChildren, w as jsx, dB as isChildSubcomponent, au as SmartClone, B as Box, dL as getResponsiveSx, dM as BUTTON_SIZES, dN as setDefaultSxBackgroundColor, b3 as ButtCon, dz as ClassNames, y as Button, ad as _defineProperty, j as ie, k as useTranslation, aU as ViewContext, x as jsxs, D as Body, V as ViewActions, Z as ConnectLoaderContext, F as useAnalytics, G as EventTargetContext, bM as K, aP as MenuItem, J as tokenValueFormat, U as UserJourney, O as orchestrationEvents, r as ro, d as formatZeroAmount, aK as isPassportProvider, dO as ZERO_BALANCE_STRING, a$ as isNativeToken, dP as sendNetworkSwitchEvent, cy as S, a5 as SharedViews, dQ as ge, dR as sortNetworksCompareFn, cB as getChainImage, cJ as retry, dr as DEFAULT_BALANCE_RETRY_POLICY, dS as sortTokensByAmount, b0 as getTokenImageByAddress, e as calculateCryptoToFiat, I as CryptoFiatContext, a1 as CryptoFiatActions, M as HeaderNavigation, cQ as ButtonNavigationStyles, dT as sendWalletWidgetCloseEvent, c5 as FooterLogo, z as SimpleLayout, cP as fe, cN as getWalletProviderNameByProvider, dH as isDualVariantIcon, ca as abbreviateWalletAddress, H as Heading, aA as Drawer, cD as useWalletConnect, dU as sendDisconnectWalletEvent, cG as isWalletConnectProvider, c$ as heroBackGroundStyles, d0 as heroImageStyles, dF as heroImageBottomAlign, d1 as SimpleTextBody, dV as FAQS_LINK, L as Link, bH as viewReducer, bI as initialViewState, Y as CryptoFiatProvider, a0 as LoadingView, a6 as ErrorView } from './index-BH3M5w3K.js';
-import { T as TokenImage } from './TokenImage-_Qe7kkzS.js';
-import { u as useInterval } from './useInterval-TNyi_xTA.js';
+import { ae as _objectWithoutProperties, Q as useTheme, dJ as getStartingSize, dK as DEFAULT_BUTTON_SIZE, al as merge, r as reactExports, ar as flattenChildren, q as jsx, dB as isChildSubcomponent, au as SmartClone, x as Box, dL as getResponsiveSx, dM as BUTTON_SIZES, dN as setDefaultSxBackgroundColor, b3 as ButtCon, dz as ClassNames, y as Button, ad as _defineProperty, B as Be, h as useTranslation, aU as ViewContext, v as jsxs, A as Body, V as ViewActions, Y as ConnectLoaderContext, F as useAnalytics, G as EventTargetContext, bM as r, aP as MenuItem, J as tokenValueFormat, U as UserJourney, O as orchestrationEvents, w, e as formatZeroAmount, aK as isPassportProvider, dO as ZERO_BALANCE_STRING, a$ as isNativeToken, dP as sendNetworkSwitchEvent, cy as Se, a5 as SharedViews, dQ as ze, dR as sortNetworksCompareFn, cB as getChainImage, cJ as retry, dr as DEFAULT_BALANCE_RETRY_POLICY, dS as sortTokensByAmount, b0 as getTokenImageByAddress, g as calculateCryptoToFiat, I as CryptoFiatContext, a1 as CryptoFiatActions, M as HeaderNavigation, cQ as ButtonNavigationStyles, dT as sendWalletWidgetCloseEvent, c5 as FooterLogo, z as SimpleLayout, cP as He, cN as getWalletProviderNameByProvider, dH as isDualVariantIcon, ca as abbreviateWalletAddress, H as Heading, aA as Drawer, cD as useWalletConnect, dU as sendDisconnectWalletEvent, cG as isWalletConnectProvider, c$ as heroBackGroundStyles, d0 as heroImageStyles, dF as heroImageBottomAlign, d1 as SimpleTextBody, dV as FAQS_LINK, L as Link, bH as viewReducer, bI as initialViewState, X as CryptoFiatProvider, a0 as LoadingView, a6 as ErrorView } from './index-BDE66Im8.js';
+import { T as TokenImage } from './TokenImage-DiRHQD1a.js';
+import { u as useInterval } from './useInterval-BihI5iZ3.js';
 
 var horizontalMenuSxProps = {
   justifyContent: "stretch",
@@ -263,7 +263,7 @@ const walletReducer = (state, action) => {
 
 const fetchTokenSymbols = async (checkout, chainId) => {
     const tokenAllowList = await checkout.getTokenAllowList({
-        type: ie.ALL,
+        type: Be.ALL,
         chainId,
     });
     const symbolSet = new Set();
@@ -339,11 +339,11 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
             if (!checkout)
                 return;
             const onRampTokens = checkout.getTokenAllowList({
-                type: ie.ONRAMP,
+                type: Be.ONRAMP,
                 chainId: checkout.config.l2ChainId,
             });
             const swapTokens = checkout.getTokenAllowList({
-                type: ie.SWAP,
+                type: Be.SWAP,
                 chainId: checkout.config.l2ChainId,
             });
             const [onRampAllowedTokensResult, swapAllowedTokensResult] = await Promise.all([onRampTokens, swapTokens]);
@@ -399,18 +399,18 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
             },
         });
         if (isAddTokensEnabled) {
-            orchestrationEvents.sendRequestAddTokensEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {
+            orchestrationEvents.sendRequestAddTokensEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {
                 toAmount: '',
                 toTokenAddress: balanceInfo.address ?? '',
             });
             return;
         }
-        orchestrationEvents.sendRequestOnrampEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {
+        orchestrationEvents.sendRequestOnrampEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {
             tokenAddress: balanceInfo.address ?? '',
             amount: '',
         });
     };
-    return (jsxs(MenuItem, { testId: `balance-item-${balanceInfo.symbol}`, emphasized: true, children: [jsx(MenuItem.FramedImage, { use: (jsx(TokenImage, { theme: theme, src: balanceInfo.icon, name: balanceInfo.symbol, environment: checkout?.config.environment ?? K.PRODUCTION })), circularFrame: true }), jsx(MenuItem.Label, { children: balanceInfo.symbol }), jsx(MenuItem.Caption, { children: balanceInfo.description }), jsx(MenuItem.PriceDisplay, { testId: `balance-item-${balanceInfo.symbol}`, price: tokenValueFormat(balanceInfo.balance), fiatAmount: fiatAmount }), (isOnRampEnabled || isSwapEnabled || isBridgeEnabled || isAddTokensEnabled) && (jsxs(MenuItem.OverflowPopoverMenu, { size: "small", testId: "token-menu", onClick: () => {
+    return (jsxs(MenuItem, { testId: `balance-item-${balanceInfo.symbol}`, emphasized: true, children: [jsx(MenuItem.FramedImage, { use: (jsx(TokenImage, { theme: theme, src: balanceInfo.icon, name: balanceInfo.symbol, environment: checkout?.config.environment ?? r.PRODUCTION })), circularFrame: true }), jsx(MenuItem.Label, { children: balanceInfo.symbol }), jsx(MenuItem.Caption, { children: balanceInfo.description }), jsx(MenuItem.PriceDisplay, { testId: `balance-item-${balanceInfo.symbol}`, price: tokenValueFormat(balanceInfo.balance), fiatAmount: fiatAmount }), (isOnRampEnabled || isSwapEnabled || isBridgeEnabled || isAddTokensEnabled) && (jsxs(MenuItem.OverflowPopoverMenu, { size: "small", testId: "token-menu", onClick: () => {
                     track({
                         userJourney: UserJourney.WALLET,
                         screen: 'WalletBalances',
@@ -432,7 +432,7 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
                                     tokenAddress: balanceInfo.address,
                                 },
                             });
-                            orchestrationEvents.sendRequestSwapEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {
+                            orchestrationEvents.sendRequestSwapEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {
                                 fromTokenAddress: balanceInfo.address ?? '',
                                 toTokenAddress: '',
                                 amount: '',
@@ -528,7 +528,7 @@ function NetworkMenu() {
             sendNetworkSwitchEvent(eventTarget, switchNetworkResult.provider, switchNetworkResult.network);
         }
         catch (err) {
-            if (err.type === S.USER_REJECTED_REQUEST_ERROR) ;
+            if (err.type === Se.USER_REJECTED_REQUEST_ERROR) ;
             else {
                 viewDispatch({
                     payload: {
@@ -543,7 +543,7 @@ function NetworkMenu() {
         (async () => {
             if (checkout) {
                 const allowedNetworksResponse = await checkout.getNetworkAllowList({
-                    type: ge.ALL,
+                    type: ze.ALL,
                 });
                 setNetworks(allowedNetworksResponse?.networks ?? []);
             }
@@ -703,10 +703,10 @@ function WalletBalances({ balancesLoading, theme, showNetworkMenu, }) {
             control: 'AddCoins',
             controlType: 'Button',
         });
-        orchestrationEvents.sendRequestAddTokensEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {});
+        orchestrationEvents.sendRequestAddTokensEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {});
     };
     const handleBridgeToL2OnClick = (address) => {
-        orchestrationEvents.sendRequestBridgeEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {
+        orchestrationEvents.sendRequestBridgeEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {
             tokenAddress: address ?? '',
             amount: '',
         });
@@ -729,8 +729,8 @@ function WalletBalances({ balancesLoading, theme, showNetworkMenu, }) {
 
 function getWalletLogoByName(walletProviderName) {
     switch (walletProviderName) {
-        case fe.METAMASK: return 'MetaMaskSymbol';
-        case fe.PASSPORT: return 'PassportSymbolOutlined';
+        case He.METAMASK: return 'MetaMaskSymbol';
+        case He.PASSPORT: return 'PassportSymbolOutlined';
         case 'walletconnect': return 'WalletConnectSymbol';
         default: return 'MetaMaskSymbol';
     }

package/dist/browser/{auto-track-DbZaRYzJ.js → auto-track-Czzb_8aV.js}

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

package/dist/browser/{index-BCj_F4N5.js → index--LhCh8bH.js}

@@ -1,4 +1,4 @@
-import { eq as gracefulDecodeURIComponent, ei as isPlainObject } from './index-BH3M5w3K.js';
+import { eq as gracefulDecodeURIComponent, ei as isPlainObject } from './index-BDE66Im8.js';
 
 /**
  * Returns an object containing only the properties prefixed by the input