@imtbl/checkout-widgets 2.2.0 → 2.2.1-alpha.0

package/dist/browser/{TopUpView-DPkqr-YC.js → TopUpView-D5fh2au_.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, cc as formatUnits, x as jsx, y as jsxs, dI as isDualVariantIcon, aS as MenuItem, B as Box, o as useTranslation, aW as ViewContext, J as CryptoFiatContext, G as EventTargetContext, F as useAnalytics, a4 as CryptoFiatActions, dJ as DEFAULT_TOKEN_SYMBOLS, cW as it, N as HeaderNavigation, H as Heading, D as Body, A as SimpleLayout, n as no, V as ViewActions, P as orchestrationEvents, bP as K } from './index-CqT6H9W-.js';
+import { b as reactExports, ca as formatUnits, w as jsx, x as jsxs, dG 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, dH as DEFAULT_TOKEN_SYMBOLS, cU as st, M as HeaderNavigation, H as Heading, D as Body, z as SimpleLayout, r as ro, V as ViewActions, O as orchestrationEvents, bN as K } from './index-S9AO9JR0.js';
 
 var BridgeWidgetViews;
 (function (BridgeWidgetViews) {
@@ -190,7 +190,7 @@ showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analyt
             return;
         (async () => {
             const bridgeEstimate = await checkout.gasEstimate({
-                gasEstimateType: it.BRIDGE_TO_L2,
+                gasEstimateType: st.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 === no.IMTBL_SWAP_WIDGET_EVENT) {
+        if (widgetEvent === ro.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 === no.IMTBL_BRIDGE_WIDGET_EVENT) {
+        if (widgetEvent === ro.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 === no.IMTBL_ONRAMP_WIDGET_EVENT) {
+        if (widgetEvent === ro.IMTBL_ONRAMP_WIDGET_EVENT) {
             const data = {
                 tokenAddress: '',
                 amount: '',

package/dist/browser/{WalletApproveHero-Di02Phe4.js → WalletApproveHero-CK_TX02R.js}

@@ -1,5 +1,5 @@
-import { af as hFlex, x as jsx, dy as motion, ah as _objectWithoutProperties, X as useTheme, r as reactExports, aj as _slicedToArray, at as useGetSubcomponentChild, ao as merge, y as jsxs, dz as BaseClickable, b5 as ButtCon, ax as SmartClone, dA as AnimatePresence, B as Box, S as Stack, dB as ClassNames, ag as _defineProperty, dC as getTertiaryButtonStyles, au as flattenChildren, dD as isChildSubcomponent, aE as Divider, b6 as TextInput, dE as FormControlWrapper, o as useTranslation, aS as MenuItem, aD as Drawer, D as Body, aI as Fragment, F as useAnalytics, dF as Select, bP as K, dj as So, dG as DuoCon, H as Heading, z as Button, cL as retry, cU as NATIVE, b2 as getTokenImageByAddress, b1 as isNativeToken, dt as DEFAULT_BALANCE_RETRY_POLICY, cR as isMetaMaskProvider, Z as CloudImage, c6 as FooterLogo, _ as getRemoteImage, cP as getChainNameById, d as getL1ChainId, cI as isWalletConnectProvider, d1 as heroBackGroundStyles, d2 as heroImageStyles, dH as heroImageBottomAlign } from './index-CqT6H9W-.js';
-import { T as TokenImage } from './TokenImage-lDWfoU2b.js';
+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, bN as K, dh as wo, dE as DuoCon, H as Heading, y as Button, cJ as retry, cS as NATIVE, b0 as getTokenImageByAddress, a$ as isNativeToken, dr as DEFAULT_BALANCE_RETRY_POLICY, cP as isMetaMaskProvider, W as CloudImage, c4 as FooterLogo, X as getRemoteImage, cN as getChainNameById, cG as isWalletConnectProvider, c$ as heroBackGroundStyles, d0 as heroImageStyles, dF as heroImageBottomAlign } from './index-S9AO9JR0.js';
+import { T as TokenImage } from './TokenImage-AbfB1fSa.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, 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 = So.DARK, }) {
+function SelectForm({ testId, options, optionsLoading, subtext, onSelectChange, textAlign, errorMessage, disabled, selectedOption, coinSelectorHeading, defaultTokenImage, userJourney, screen, control, environment = K.PRODUCTION, theme = wo.DARK, }) {
     const { track } = useAnalytics();
     const [coinSelectorOpen, setCoinSelectorOpen] = reactExports.useState(false);
     const coinSelectorOptions = reactExports.useMemo(() => options.map((option) => ({
@@ -493,7 +493,7 @@ function NetworkSwitchDrawer({ visible, targetChainId, provider, checkout, onClo
     const ethImageUrl = getRemoteImage(checkout.config.environment ?? K.PRODUCTION, '/switchnetworkethereum.svg');
     const zkevmImageUrl = getRemoteImage(checkout.config.environment ?? K.PRODUCTION, '/switchnetworkzkevm.svg');
     const targetChainName = getChainNameById(targetChainId);
-    const showEthImage = targetChainId === getL1ChainId(checkout.config);
+    const showEthImage = targetChainId === checkout.config.l1ChainId;
     const handleSwitchNetwork = reactExports.useCallback(async () => {
         if (!checkout)
             return;

package/dist/browser/{WalletWidget-BozZjliU.js → WalletWidget-DSTv_B3p.js}

@@ -1,6 +1,6 @@
-import { ah as _objectWithoutProperties, X as useTheme, dK as getStartingSize, dL as DEFAULT_BUTTON_SIZE, ao as merge, r as reactExports, au as flattenChildren, x as jsx, dD as isChildSubcomponent, ax as SmartClone, B as Box, dM as getResponsiveSx, dN as BUTTON_SIZES, dO as setDefaultSxBackgroundColor, b5 as ButtCon, dB as ClassNames, z as Button, ag as _defineProperty, h as ae, o as useTranslation, aW as ViewContext, y as jsxs, D as Body, V as ViewActions, a0 as ConnectLoaderContext, F as useAnalytics, G as EventTargetContext, b as getL2ChainId, bP as K, aS as MenuItem, K as tokenValueFormat, U as UserJourney, P as orchestrationEvents, n as no, j as formatZeroAmount, aN as isPassportProvider, d as getL1ChainId, dP as ZERO_BALANCE_STRING, b1 as isNativeToken, dQ as sendNetworkSwitchEvent, cz as S, a8 as SharedViews, dR as me, dS as sortNetworksCompareFn, cD as getChainImage, cL as retry, dt as DEFAULT_BALANCE_RETRY_POLICY, dT as sortTokensByAmount, b2 as getTokenImageByAddress, k as calculateCryptoToFiat, J as CryptoFiatContext, a4 as CryptoFiatActions, N as HeaderNavigation, cT as ButtonNavigationStyles, dU as sendWalletWidgetCloseEvent, c6 as FooterLogo, A as SimpleLayout, cS as ge, cQ as getWalletProviderNameByProvider, dI as isDualVariantIcon, cb as abbreviateWalletAddress, H as Heading, aD as Drawer, cF as useWalletConnect, dV as sendDisconnectWalletEvent, cI as isWalletConnectProvider, d1 as heroBackGroundStyles, d2 as heroImageStyles, dH as heroImageBottomAlign, d3 as SimpleTextBody, dW as FAQS_LINK, L as Link, bK as viewReducer, bL as initialViewState, $ as CryptoFiatProvider, a3 as LoadingView, a9 as ErrorView } from './index-CqT6H9W-.js';
-import { T as TokenImage } from './TokenImage-lDWfoU2b.js';
-import { u as useInterval } from './useInterval-Dp4GWqSc.js';
+import { ae as _objectWithoutProperties, Q as useTheme, dI as getStartingSize, dJ 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, dK as getResponsiveSx, dL as BUTTON_SIZES, dM as setDefaultSxBackgroundColor, b3 as ButtCon, dz as ClassNames, y as Button, ad as _defineProperty, e as ae, k as useTranslation, aU as ViewContext, x as jsxs, D as Body, V as ViewActions, Z as ConnectLoaderContext, F as useAnalytics, G as EventTargetContext, bN as K, aP as MenuItem, J as tokenValueFormat, U as UserJourney, O as orchestrationEvents, r as ro, h as formatZeroAmount, aK as isPassportProvider, dN as ZERO_BALANCE_STRING, a$ as isNativeToken, dO as sendNetworkSwitchEvent, cx as S, a5 as SharedViews, dP as ge, dQ as sortNetworksCompareFn, cB as getChainImage, cJ as retry, dr as DEFAULT_BALANCE_RETRY_POLICY, dR as sortTokensByAmount, b0 as getTokenImageByAddress, j as calculateCryptoToFiat, I as CryptoFiatContext, a1 as CryptoFiatActions, M as HeaderNavigation, cR as ButtonNavigationStyles, dS as sendWalletWidgetCloseEvent, c4 as FooterLogo, z as SimpleLayout, cQ as fe, cO as getWalletProviderNameByProvider, dG as isDualVariantIcon, c9 as abbreviateWalletAddress, H as Heading, aA as Drawer, cD as useWalletConnect, dT as sendDisconnectWalletEvent, cG as isWalletConnectProvider, c$ as heroBackGroundStyles, d0 as heroImageStyles, dF as heroImageBottomAlign, d1 as SimpleTextBody, dU as FAQS_LINK, L as Link, bI as viewReducer, bJ as initialViewState, Y as CryptoFiatProvider, a0 as LoadingView, a6 as ErrorView } from './index-S9AO9JR0.js';
+import { T as TokenImage } from './TokenImage-AbfB1fSa.js';
+import { u as useInterval } from './useInterval-B_9ZtAsp.js';
 
 var horizontalMenuSxProps = {
   justifyContent: "stretch",
@@ -340,11 +340,11 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
                 return;
             const onRampTokens = checkout.getTokenAllowList({
                 type: ae.ONRAMP,
-                chainId: getL2ChainId(checkout.config),
+                chainId: checkout.config.l2ChainId,
             });
             const swapTokens = checkout.getTokenAllowList({
                 type: ae.SWAP,
-                chainId: getL2ChainId(checkout.config),
+                chainId: checkout.config.l2ChainId,
             });
             const [onRampAllowedTokensResult, swapAllowedTokensResult] = await Promise.all([onRampTokens, swapTokens]);
             setOnRampAllowedTokens(onRampAllowedTokensResult.tokens);
@@ -359,16 +359,16 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
             && (supportedTopUps?.isSwapAvailable ?? true);
         setIsAddTokensEnabled(enableAddCoin);
         const enableBuyCoin = !enableAddCoin
-            && currentChainId === getL2ChainId(checkout.config)
+            && currentChainId === checkout.config.l2ChainId
             && (supportedTopUps?.isOnRampEnabled ?? true);
         setIsOnRampEnabled(enableBuyCoin);
         const enableMoveCoin = !enableAddCoin
-            && (currentChainId === getL1ChainId(checkout.config)
-                || currentChainId === getL2ChainId(checkout.config))
+            && (currentChainId === checkout.config.l1ChainId
+                || currentChainId === checkout.config.l2ChainId)
             && (supportedTopUps?.isBridgeEnabled ?? true);
         setIsBridgeEnabled(enableMoveCoin);
         const enableSwapCoin = !enableAddCoin
-            && currentChainId === getL2ChainId(checkout.config)
+            && currentChainId === checkout.config.l2ChainId
             && (supportedTopUps?.isSwapEnabled ?? true)
             && (supportedTopUps?.isSwapAvailable ?? true);
         setIsSwapEnabled(enableSwapCoin);
@@ -399,13 +399,13 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
             },
         });
         if (isAddTokensEnabled) {
-            orchestrationEvents.sendRequestAddTokensEvent(eventTarget, no.IMTBL_WALLET_WIDGET_EVENT, {
+            orchestrationEvents.sendRequestAddTokensEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {
                 toAmount: '',
                 toTokenAddress: balanceInfo.address ?? '',
             });
             return;
         }
-        orchestrationEvents.sendRequestOnrampEvent(eventTarget, no.IMTBL_WALLET_WIDGET_EVENT, {
+        orchestrationEvents.sendRequestOnrampEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {
             tokenAddress: balanceInfo.address ?? '',
             amount: '',
         });
@@ -432,7 +432,7 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
                                     tokenAddress: balanceInfo.address,
                                 },
                             });
-                            orchestrationEvents.sendRequestSwapEvent(eventTarget, no.IMTBL_WALLET_WIDGET_EVENT, {
+                            orchestrationEvents.sendRequestSwapEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {
                                 fromTokenAddress: balanceInfo.address ?? '',
                                 toTokenAddress: '',
                                 amount: '',
@@ -543,7 +543,7 @@ function NetworkMenu() {
         (async () => {
             if (checkout) {
                 const allowedNetworksResponse = await checkout.getNetworkAllowList({
-                    type: me.ALL,
+                    type: ge.ALL,
                 });
                 setNetworks(allowedNetworksResponse?.networks ?? []);
             }
@@ -691,7 +691,7 @@ function WalletBalances({ balancesLoading, theme, showNetworkMenu, }) {
     const showAddCoins = reactExports.useMemo(() => {
         if (!checkout || !network)
             return false;
-        return (Number(network.chainId) === getL2ChainId(checkout.config)
+        return (Number(network.chainId) === checkout.config.l2ChainId
             && Boolean(supportedTopUps?.isBridgeEnabled
                 || supportedTopUps?.isSwapEnabled
                 || supportedTopUps?.isOnRampEnabled));
@@ -703,10 +703,10 @@ function WalletBalances({ balancesLoading, theme, showNetworkMenu, }) {
             control: 'AddCoins',
             controlType: 'Button',
         });
-        orchestrationEvents.sendRequestAddTokensEvent(eventTarget, no.IMTBL_WALLET_WIDGET_EVENT, {});
+        orchestrationEvents.sendRequestAddTokensEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {});
     };
     const handleBridgeToL2OnClick = (address) => {
-        orchestrationEvents.sendRequestBridgeEvent(eventTarget, no.IMTBL_WALLET_WIDGET_EVENT, {
+        orchestrationEvents.sendRequestBridgeEvent(eventTarget, ro.IMTBL_WALLET_WIDGET_EVENT, {
             tokenAddress: address ?? '',
             amount: '',
         });
@@ -729,8 +729,8 @@ function WalletBalances({ balancesLoading, theme, showNetworkMenu, }) {
 
 function getWalletLogoByName(walletProviderName) {
     switch (walletProviderName) {
-        case ge.METAMASK: return 'MetaMaskSymbol';
-        case ge.PASSPORT: return 'PassportSymbolOutlined';
+        case fe.METAMASK: return 'MetaMaskSymbol';
+        case fe.PASSPORT: return 'PassportSymbolOutlined';
         case 'walletconnect': return 'WalletConnectSymbol';
         default: return 'MetaMaskSymbol';
     }

package/dist/browser/{auto-track-CG4Bs1kg.js → auto-track-r9fcwuc1.js}

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

package/dist/browser/{index-BrDACMtQ.js → index-CN-bmJK5.js}

@@ -1,4 +1,4 @@
-import { e5 as getAugmentedNamespace, aC as commonjsGlobal } from './index-CqT6H9W-.js';
+import { e3 as getAugmentedNamespace, az as commonjsGlobal } from './index-S9AO9JR0.js';
 
 var dist$1 = {};
 

package/dist/browser/{index-B92IZgyS.js → index-CgesMpxT.js}

@@ -1,4 +1,4 @@
-import { dY as se$1, dZ as T$2, d_ as oe$1, d$ as R$1, e0 as a$2, e1 as te$1, e2 as p$1, e3 as ne$1, e4 as y$1 } from './index-CqT6H9W-.js';
+import { dW as se$1, dX as T$2, dY as oe$1, dZ as R$1, d_ as a$2, d$ as te$1, e0 as p$1, e1 as ne$1, e2 as y$1 } from './index-S9AO9JR0.js';
 
 /**
  * @license

package/dist/browser/{index-qkgda0uC.js → index-Cwb6bavW.js}

@@ -1,4 +1,4 @@
-import { er as gracefulDecodeURIComponent, ej as isPlainObject } from './index-CqT6H9W-.js';
+import { ep as gracefulDecodeURIComponent, eh as isPlainObject } from './index-S9AO9JR0.js';
 
 /**
  * Returns an object containing only the properties prefixed by the input

package/dist/browser/{index-ByPgvc_F.js → index-D9k7-57F.js}

@@ -1,4 +1,4 @@
-import { ed as __assign } from './index-CqT6H9W-.js';
+import { eb as __assign } from './index-S9AO9JR0.js';
 import { i as isPlanEventEnabled } from './is-plan-event-enabled-mXX0dwl-.js';
 
 function disabledActionDestinations(plan, settings) {

package/dist/browser/{index-BO9ARDoY.js → index-DW34ctVj.js}

@@ -1,4 +1,4 @@
-import { e6 as __awaiter, e7 as __generator, e8 as loadScript, e9 as getNextIntegrationsURL, ea as unloadScript, eb as __spreadArray, ec as isOffline, ed as __assign, ee as ContextCancelation, ef as applyDestinationMiddleware, eg as dist, eh as isServer, ei as mergedOptions, ej as isPlainObject, ek as pWhile, el as PriorityQueue, em as PersistedPriorityQueue, en as attempt, eo as isOnline, ep as Context } from './index-CqT6H9W-.js';
+import { e4 as __awaiter, e5 as __generator, e6 as loadScript, e7 as getNextIntegrationsURL, e8 as unloadScript, e9 as __spreadArray, ea as isOffline, eb as __assign, ec as ContextCancelation, ed as applyDestinationMiddleware, ee as dist, ef as isServer, eg as mergedOptions, eh as isPlainObject, ei as pWhile, ej as PriorityQueue, ek as PersistedPriorityQueue, el as attempt, em as isOnline, en as Context } from './index-S9AO9JR0.js';
 import { i as isPlanEventEnabled } from './is-plan-event-enabled-mXX0dwl-.js';
 
 function normalizeName(name) {