@imtbl/checkout-widgets 2.24.1 → 2.24.3-0

package/dist/browser/{TokenImage-qjYDd3m2.js → TokenImage-DBv6iVIk.js}

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

package/dist/browser/{TopUpView-BoMjQTMh.js → TopUpView-Dl5z5cFC.js}

@@ -1,4 +1,4 @@
-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-BYN_3eJq.js';
+import { r as reactExports, cb as formatUnits, q as jsx, s as jsxs, dH as isDualVariantIcon, aP as MenuItem, t as Box, u as useTranslation, aU as ViewContext, D as CryptoFiatContext, E as EventTargetContext, z as useAnalytics, a1 as CryptoFiatActions, dI as DEFAULT_TOKEN_SYMBOLS, cT as GasEstimateType, J as HeaderNavigation, H as Heading, y as Body, x as SimpleLayout, I as IMTBLWidgetEvents, V as ViewActions, M as orchestrationEvents, bM as r } from './index-B8BkPC1Y.js';
 
 var BridgeWidgetViews;
 (function (BridgeWidgetViews) {
@@ -190,7 +190,7 @@ showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analyt
             return;
         (async () => {
             const bridgeEstimate = await checkout.gasEstimate({
-                gasEstimateType: Re.BRIDGE_TO_L2,
+                gasEstimateType: GasEstimateType.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 === w.IMTBL_SWAP_WIDGET_EVENT) {
+        if (widgetEvent === IMTBLWidgetEvents.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 === w.IMTBL_BRIDGE_WIDGET_EVENT) {
+        if (widgetEvent === IMTBLWidgetEvents.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 === w.IMTBL_ONRAMP_WIDGET_EVENT) {
+        if (widgetEvent === IMTBLWidgetEvents.IMTBL_ONRAMP_WIDGET_EVENT) {
             const data = {
                 tokenAddress: '',
                 amount: '',

package/dist/browser/{WalletApproveHero-DXGuS7yb.js → WalletApproveHero-DnHtkM1S.js}

@@ -1,5 +1,5 @@
-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-BYN_3eJq.js';
-import { T as TokenImage } from './TokenImage-qjYDd3m2.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, s as jsxs, dx as BaseClickable, b3 as ButtCon, au as SmartClone, dy as AnimatePresence, t as Box, w 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, u as useTranslation, aP as MenuItem, aA as Drawer, y as Body, aF as Fragment, z as useAnalytics, dD as Select, bM as r, dE as DuoCon, H as Heading, v 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, X as getRemoteImage, cM as getChainNameById, cG as isWalletConnectProvider, c$ as heroBackGroundStyles, d0 as heroImageStyles, dF as heroImageBottomAlign } from './index-B8BkPC1Y.js';
+import { T as TokenImage } from './TokenImage-DBv6iVIk.js';
 
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/dist/browser/{WalletWidget-D2JWCMTL.js → WalletWidget-JrG6gxbu.js}

@@ -1,6 +1,6 @@
-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-BYN_3eJq.js';
-import { T as TokenImage } from './TokenImage-qjYDd3m2.js';
-import { u as useInterval } from './useInterval-C13gRjLe.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, t as Box, dL as getResponsiveSx, dM as BUTTON_SIZES, dN as setDefaultSxBackgroundColor, b3 as ButtCon, dz as ClassNames, v as Button, ad as _defineProperty, l as TokenFilterTypes, u as useTranslation, aU as ViewContext, s as jsxs, y as Body, V as ViewActions, Z as ConnectLoaderContext, z as useAnalytics, E as EventTargetContext, bM as r, aP as MenuItem, F as tokenValueFormat, U as UserJourney, M as orchestrationEvents, I as IMTBLWidgetEvents, i as formatZeroAmount, aK as isPassportProvider, dO as ZERO_BALANCE_STRING, a$ as isNativeToken, dP as sendNetworkSwitchEvent, cy as CheckoutErrorType, a5 as SharedViews, dQ as NetworkFilterTypes, dR as sortNetworksCompareFn, cB as getChainImage, cJ as retry, dr as DEFAULT_BALANCE_RETRY_POLICY, dS as sortTokensByAmount, b0 as getTokenImageByAddress, j as calculateCryptoToFiat, D as CryptoFiatContext, a1 as CryptoFiatActions, J as HeaderNavigation, cQ as ButtonNavigationStyles, dT as sendWalletWidgetCloseEvent, c5 as FooterLogo, x as SimpleLayout, cP as WalletProviderName, 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-B8BkPC1Y.js';
+import { T as TokenImage } from './TokenImage-DBv6iVIk.js';
+import { u as useInterval } from './useInterval-B7l9NFy4.js';
 
 var horizontalMenuSxProps = {
   justifyContent: "stretch",
@@ -263,7 +263,7 @@ const walletReducer = (state, action) => {
 
 const fetchTokenSymbols = async (checkout, chainId) => {
     const tokenAllowList = await checkout.getTokenAllowList({
-        type: Be.ALL,
+        type: TokenFilterTypes.ALL,
         chainId,
     });
     const symbolSet = new Set();
@@ -339,11 +339,11 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
             if (!checkout)
                 return;
             const onRampTokens = checkout.getTokenAllowList({
-                type: Be.ONRAMP,
+                type: TokenFilterTypes.ONRAMP,
                 chainId: checkout.config.l2ChainId,
             });
             const swapTokens = checkout.getTokenAllowList({
-                type: Be.SWAP,
+                type: TokenFilterTypes.SWAP,
                 chainId: checkout.config.l2ChainId,
             });
             const [onRampAllowedTokensResult, swapAllowedTokensResult] = await Promise.all([onRampTokens, swapTokens]);
@@ -399,13 +399,13 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
             },
         });
         if (isAddTokensEnabled) {
-            orchestrationEvents.sendRequestAddTokensEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {
+            orchestrationEvents.sendRequestAddTokensEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {
                 toAmount: '',
                 toTokenAddress: balanceInfo.address ?? '',
             });
             return;
         }
-        orchestrationEvents.sendRequestOnrampEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {
+        orchestrationEvents.sendRequestOnrampEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {
             tokenAddress: balanceInfo.address ?? '',
             amount: '',
         });
@@ -432,7 +432,7 @@ function BalanceItem({ balanceInfo, theme, bridgeToL2OnClick, }) {
                                     tokenAddress: balanceInfo.address,
                                 },
                             });
-                            orchestrationEvents.sendRequestSwapEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {
+                            orchestrationEvents.sendRequestSwapEvent(eventTarget, IMTBLWidgetEvents.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 === Se.USER_REJECTED_REQUEST_ERROR) ;
+            if (err.type === CheckoutErrorType.USER_REJECTED_REQUEST_ERROR) ;
             else {
                 viewDispatch({
                     payload: {
@@ -543,7 +543,7 @@ function NetworkMenu() {
         (async () => {
             if (checkout) {
                 const allowedNetworksResponse = await checkout.getNetworkAllowList({
-                    type: ze.ALL,
+                    type: NetworkFilterTypes.ALL,
                 });
                 setNetworks(allowedNetworksResponse?.networks ?? []);
             }
@@ -703,10 +703,10 @@ function WalletBalances({ balancesLoading, theme, showNetworkMenu, }) {
             control: 'AddCoins',
             controlType: 'Button',
         });
-        orchestrationEvents.sendRequestAddTokensEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {});
+        orchestrationEvents.sendRequestAddTokensEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {});
     };
     const handleBridgeToL2OnClick = (address) => {
-        orchestrationEvents.sendRequestBridgeEvent(eventTarget, w.IMTBL_WALLET_WIDGET_EVENT, {
+        orchestrationEvents.sendRequestBridgeEvent(eventTarget, IMTBLWidgetEvents.IMTBL_WALLET_WIDGET_EVENT, {
             tokenAddress: address ?? '',
             amount: '',
         });
@@ -729,8 +729,8 @@ function WalletBalances({ balancesLoading, theme, showNetworkMenu, }) {
 
 function getWalletLogoByName(walletProviderName) {
     switch (walletProviderName) {
-        case He.METAMASK: return 'MetaMaskSymbol';
-        case He.PASSPORT: return 'PassportSymbolOutlined';
+        case WalletProviderName.METAMASK: return 'MetaMaskSymbol';
+        case WalletProviderName.PASSPORT: return 'PassportSymbolOutlined';
         case 'walletconnect': return 'WalletConnectSymbol';
         default: return 'MetaMaskSymbol';
     }

package/dist/browser/{auto-track-BE1V41qw.js → auto-track-BUUbNCUM.js}

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