@imtbl/checkout-widgets 2.24.2 → 2.24.3

package/dist/browser/{AddTokensWidget-DfuhVxM_.js → AddTokensWidget-CN40XAWs.js}

@@ -1,6 +1,6 @@
-import { r as reactExports, ac as hFlex, ad as _defineProperty, ae as _objectWithoutProperties, af as useForwardLocalDomRef, ag as _slicedToArray, ah as useResizeObserver, Q as useTheme, ai as usePrevious, aj as useGetMotionProfile, ak as useBrowserEffect, al as merge, am as getHeadingTextStyles, an as getMotionProfileSx, ao as useConvertSxToEmotionStyles, ap as DUMMY_WIDTH_PUSHER_TEXT, v as jsxs, q as jsx, x as Box, aq as useGetSubcomponentChild, ar as flattenChildren, as as vFlex, at as centerFlexChildren, au as SmartClone, av as FormControlLabel, aw as FormControlValidation, ax as FormControlCaption, w, d as de, ay as getDefaultExportFromCjs, az as commonjsGlobal, h as useTranslation, aA as Drawer, aB as Divider, H as Heading, y as Button, aC as useProvidersContext, F as useAnalytics, aD as WalletDrawer, aE as UnableToConnectDrawer, aF as Fragment, aG as Ue, U as UserJourney, aH as removeSpace, aI as getProviderSlugFromRdns, aJ as L, aK as isPassportProvider, aL as connectEIP6963Provider, aM as identifyUser, aN as ConnectEIP6963ProviderError, aO as ProvidersContextActions, aP as MenuItem, aQ as Ce, aR as SQUID_NATIVE_TOKEN, aS as commonjsRequire, W as getRemoteImage, aT as OnboardingPagination, aU as ViewContext, aV as useHandover, G as EventTargetContext, aW as HandoverTarget, V as ViewActions, k as getRemoteRive, aX as APPROVE_TXN_ANIMATION, aY as RiveStateMachineInput, aZ as HandoverContent, a_ as keyframes, B as Be, a$ as isNativeToken, b0 as getTokenImageByAddress, b1 as FramedImage, b2 as FramedIcon, b3 as ButtCon, b4 as TextInput, b5 as VerticalMenu, K as getDefaultTokenImage, b6 as TOKEN_PRIORITY_ORDER, A as Body, b7 as EllipsizedText, b8 as Tooltip, b9 as Sticker, ba as getDurationFormatted, bb as getTotalRouteFees, bc as getRouteAndTokenBalances, S as Stack, bd as Icon, be as Badge, bf as getFormattedAmounts, bg as getRemoteVideo, bh as FramedVideo, bi as listVariants, bj as motion, bk as listItemVariants, bl as Banner, bm as useRoutes, bn as useInjectedProviders, bo as X, bp as RouteError, z as SimpleLayout, bq as dist, O as orchestrationEvents, b as parseUnits, a5 as SharedViews, br as SquidFooter, bs as TOOLKIT_SQUID_URL, bt as merge$1, bu as SvgIcon, bv as WalletWarningHero, bw as getFormattedNumber, bx as FIXED_HANDOVER_DURATION, by as EXECUTE_TXN_ANIMATION, L as Link, bz as Trans, bA as useExecute, bB as getRouteChains, bC as t, bD as convertToNetworkChangeableProvider, bE as verifyAndSwitchChain, bF as PriceDisplay, a0 as LoadingView, bG as getFromAmountData, bH as viewReducer, bI as initialViewState, bJ as useSquid, bK as useTokens, bL as v4, bM as r, bN as isValidAddress, P as amountInputValidation, bO as fetchChains, bP as fetchBalances, R as CloudImage, a6 as ErrorView, bQ as ServiceUnavailableErrorView } from './index-taK8KsgT.js';
-import { T as TokenImage } from './TokenImage-Bv8Lexz9.js';
-import { f as fetchRiskAssessmentV2, r as resultHasSanctionedWallets, F as FeesBreakdown } from './FeesBreakdown-BearnE-z.js';
+import { r as reactExports, ac as hFlex, ad as _defineProperty, ae as _objectWithoutProperties, af as useForwardLocalDomRef, ag as _slicedToArray, ah as useResizeObserver, Q as useTheme, ai as usePrevious, aj as useGetMotionProfile, ak as useBrowserEffect, al as merge, am as getHeadingTextStyles, an as getMotionProfileSx, ao as useConvertSxToEmotionStyles, ap as DUMMY_WIDTH_PUSHER_TEXT, s as jsxs, q as jsx, t as Box, aq as useGetSubcomponentChild, ar as flattenChildren, as as vFlex, at as centerFlexChildren, au as SmartClone, av as FormControlLabel, aw as FormControlValidation, ax as FormControlCaption, I as IMTBLWidgetEvents, A as AddTokensEventType, ay as getDefaultExportFromCjs, az as commonjsGlobal, u as useTranslation, aA as Drawer, aB as Divider, H as Heading, v as Button, aC as useProvidersContext, z as useAnalytics, aD as WalletDrawer, aE as UnableToConnectDrawer, aF as Fragment, aG as WalletProviderRdns, U as UserJourney, aH as removeSpace, aI as getProviderSlugFromRdns, aJ as WrappedBrowserProvider, aK as isPassportProvider, aL as connectEIP6963Provider, aM as identifyUser, aN as ConnectEIP6963ProviderError, aO as ProvidersContextActions, aP as MenuItem, aQ as ChainId, aR as SQUID_NATIVE_TOKEN, aS as commonjsRequire, X as getRemoteImage, aT as OnboardingPagination, aU as ViewContext, aV as useHandover, E as EventTargetContext, aW as HandoverTarget, V as ViewActions, n as getRemoteRive, aX as APPROVE_TXN_ANIMATION, aY as RiveStateMachineInput, aZ as HandoverContent, a_ as keyframes, l as TokenFilterTypes, a$ as isNativeToken, b0 as getTokenImageByAddress, b1 as FramedImage, b2 as FramedIcon, b3 as ButtCon, b4 as TextInput, b5 as VerticalMenu, G as getDefaultTokenImage, b6 as TOKEN_PRIORITY_ORDER, y as Body, b7 as EllipsizedText, b8 as Tooltip, b9 as Sticker, ba as getDurationFormatted, bb as getTotalRouteFees, bc as getRouteAndTokenBalances, w as Stack, bd as Icon, be as Badge, bf as getFormattedAmounts, bg as getRemoteVideo, bh as FramedVideo, bi as listVariants, bj as motion, bk as listItemVariants, bl as Banner, bm as useRoutes, bn as useInjectedProviders, bo as X, bp as RouteError, x as SimpleLayout, bq as dist, M as orchestrationEvents, p as parseUnits, a5 as SharedViews, br as SquidFooter, bs as TOOLKIT_SQUID_URL, bt as merge$1, bu as SvgIcon, bv as WalletWarningHero, bw as getFormattedNumber, bx as FIXED_HANDOVER_DURATION, by as EXECUTE_TXN_ANIMATION, L as Link, bz as Trans, bA as useExecute, bB as getRouteChains, bC as t, bD as convertToNetworkChangeableProvider, bE as verifyAndSwitchChain, bF as PriceDisplay, a0 as LoadingView, bG as getFromAmountData, bH as viewReducer, bI as initialViewState, bJ as useSquid, bK as useTokens, bL as v4, bM as r, bN as isValidAddress, N as amountInputValidation, bO as fetchChains, bP as fetchBalances, R as CloudImage, a6 as ErrorView, bQ as ServiceUnavailableErrorView } from './index-C57mAJnv.js';
+import { T as TokenImage } from './TokenImage-xteftx70.js';
+import { f as fetchRiskAssessmentV2, r as resultHasSanctionedWallets, F as FeesBreakdown } from './FeesBreakdown-Dj6pDMhI.js';
 
 /**
  * The function `useInterval` sets up an interval that repeatedly calls a given callback function with
@@ -292,9 +292,9 @@ HeroFormControl.inputs = SUPPORTED_INPUT_COMPONENTS_MAP;
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function sendAddTokensCloseEvent(eventTarget) {
-    const closeWidgetEvent = new CustomEvent(w.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const closeWidgetEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: de.CLOSE_WIDGET,
+            type: AddTokensEventType.CLOSE_WIDGET,
             data: {},
         },
     });
@@ -305,9 +305,9 @@ function sendAddTokensCloseEvent(eventTarget) {
         eventTarget.dispatchEvent(closeWidgetEvent);
 }
 function sendConnectProviderSuccessEvent(eventTarget, providerType, provider, providerInfo) {
-    const successEvent = new CustomEvent(w.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: de.CONNECT_SUCCESS,
+            type: AddTokensEventType.CONNECT_SUCCESS,
             data: {
                 provider,
                 providerType,
@@ -321,9 +321,9 @@ function sendConnectProviderSuccessEvent(eventTarget, providerType, provider, pr
         eventTarget.dispatchEvent(successEvent);
 }
 const sendAddTokensSuccessEvent = (eventTarget, transactionHash) => {
-    const successEvent = new CustomEvent(w.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: de.SUCCESS,
+            type: AddTokensEventType.SUCCESS,
             data: {
                 transactionHash,
             },
@@ -335,9 +335,9 @@ const sendAddTokensSuccessEvent = (eventTarget, transactionHash) => {
         eventTarget.dispatchEvent(successEvent);
 };
 const sendAddTokensFailedEvent = (eventTarget, reason) => {
-    const failedEvent = new CustomEvent(w.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const failedEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: de.FAILURE,
+            type: AddTokensEventType.FAILURE,
             data: {
                 reason,
                 timestamp: new Date().getTime(),
@@ -929,9 +929,9 @@ function ConnectWalletDrawer({ heading, visible, onClose, onConnect, onError, pr
                 walletRdns: info.rdns,
             },
         });
-        if (info.rdns === Ue.PASSPORT) {
+        if (info.rdns === WalletProviderRdns.PASSPORT) {
             const { isConnected } = await checkout.checkIsWalletConnected({
-                provider: new L(providerDetail.provider),
+                provider: new WrappedBrowserProvider(providerDetail.provider),
             });
             if (isConnected) {
                 if ((providerType === 'from' && !lockedToProvider)
@@ -975,7 +975,7 @@ function ConnectWalletDrawer({ heading, visible, onClose, onConnect, onError, pr
         // Keep prev wallet change event
         prevWalletChangeEvent.current = event;
         const { info } = event.providerDetail;
-        if (providerType === 'to' && info.rdns !== Ue.PASSPORT) {
+        if (providerType === 'to' && info.rdns !== WalletProviderRdns.PASSPORT) {
             setShowEOAWarningDrawer(true);
             return;
         }
@@ -1046,7 +1046,7 @@ function convertToUsd(tokens, amount, token) {
     }
     const address = token.address === 'native' ? SQUID_NATIVE_TOKEN : token.address;
     const toToken = tokens.find((value) => value.address.toLowerCase() === address.toLowerCase()
-        && value.chainId === Ce.IMTBL_ZKEVM_MAINNET.toString());
+        && value.chainId === ChainId.IMTBL_ZKEVM_MAINNET.toString());
     if (!toToken) {
         return 0;
     }
@@ -4154,7 +4154,7 @@ function TokenDrawerMenu({ checkout, config, toTokenAddress, addTokensState, add
         (async () => {
             try {
                 const tokenResponse = await checkout.getTokenAllowList({
-                    type: Be.SWAP,
+                    type: TokenFilterTypes.SWAP,
                     chainId: checkout.config.l2ChainId,
                 });
                 if (tokenResponse?.tokens.length > 0) {
@@ -4553,7 +4553,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
     const walletOptions = reactExports.useMemo(() => providers
         // TODO: Check if must filter passport on L1
         .map((detail) => {
-        if (detail.info.rdns === Ue.PASSPORT) {
+        if (detail.info.rdns === WalletProviderRdns.PASSPORT) {
             return {
                 ...detail,
                 info: {
@@ -4574,7 +4574,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             await identifyUser(identify, toProvider, { anonymousId });
         })();
     }, [toProvider, lockedToProvider]);
-    const toChain = reactExports.useMemo(() => chains?.find((chain) => chain.id === Ce.IMTBL_ZKEVM_MAINNET.toString()), [chains]);
+    const toChain = reactExports.useMemo(() => chains?.find((chain) => chain.id === ChainId.IMTBL_ZKEVM_MAINNET.toString()), [chains]);
     reactExports.useEffect(() => {
         if (!id || isSwapAvailable === undefined) {
             return;
@@ -4615,7 +4615,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
                 && isValidAmount) {
                 setFetchingRoutes(true);
                 try {
-                    const availableRoutes = await fetchRoutes(squid, tokens, balances, Ce.IMTBL_ZKEVM_MAINNET.toString(), selectedToken.address === 'native'
+                    const availableRoutes = await fetchRoutes(squid, tokens, balances, ChainId.IMTBL_ZKEVM_MAINNET.toString(), selectedToken.address === 'native'
                         ? SQUID_NATIVE_TOKEN
                         : selectedToken.address, selectedAmount, 5, 1000, isSwapAvailable);
                     addTokensDispatch({
@@ -4669,7 +4669,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
         const fetchOnRampTokens = async () => {
             try {
                 const tokenResponse = await checkout.getTokenAllowList({
-                    type: Be.ONRAMP,
+                    type: TokenFilterTypes.ONRAMP,
                     chainId: checkout.config.l2ChainId,
                 });
                 if (tokenResponse?.tokens.length > 0) {
@@ -4700,7 +4700,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             showBackButton: true,
             provider: toProvider,
         };
-        orchestrationEvents.sendRequestOnrampEvent(eventTarget, w.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
+        orchestrationEvents.sendRequestOnrampEvent(eventTarget, IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
     };
     const handleCardClick = () => {
         setPayWithCardClicked(true);
@@ -4766,7 +4766,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
                     type: AddTokensWidgetViews.REVIEW,
                     data: {
                         balance: selectedRouteData.amountData.balance,
-                        toChainId: Ce.IMTBL_ZKEVM_MAINNET.toString(),
+                        toChainId: ChainId.IMTBL_ZKEVM_MAINNET.toString(),
                         toTokenAddress: selectedToken.address,
                         toAmount: selectedAmount,
                         additionalBuffer: selectedRouteData.amountData.additionalBuffer,
@@ -5294,9 +5294,9 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                 action: 'Succeeded',
                 extras: {
                     contextId: id,
-                    ...(route.route.params.fromChain !== Ce.IMTBL_ZKEVM_MAINNET.toString()
+                    ...(route.route.params.fromChain !== ChainId.IMTBL_ZKEVM_MAINNET.toString()
                         && { txHash: executeTxnReceipt.hash }),
-                    ...(route.route.params.fromChain === Ce.IMTBL_ZKEVM_MAINNET.toString()
+                    ...(route.route.params.fromChain === ChainId.IMTBL_ZKEVM_MAINNET.toString()
                         && { immutableZkEVMTxHash: executeTxnReceipt.hash }),
                     toTokenAddress: route.route.params.toToken,
                     toTokenChainId: route.route.params.toChain,
@@ -5549,7 +5549,7 @@ function AddTokensWidget({ showOnrampOption = true, showSwapOption = true, showB
                             objectFit: 'cover',
                             objectPosition: 'center',
                         } }), viewState.view.type === AddTokensWidgetViews.ADD_TOKENS && (jsx(AddTokens, { config: config, checkout: checkout, toTokenAddress: toTokenAddress, toAmount: toAmount, showBackButton: showBackButton, showOnrampOption: showOnrampOption, showSwapOption: showSwapOption, showBridgeOption: showBridgeOption, onCloseButtonClick: () => sendAddTokensCloseEvent(eventTarget), onBackButtonClick: () => {
-                            orchestrationEvents.sendRequestGoBackEvent(eventTarget, w.IMTBL_ADD_TOKENS_WIDGET_EVENT, {});
+                            orchestrationEvents.sendRequestGoBackEvent(eventTarget, IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {});
                         } })), viewState.view.type === AddTokensWidgetViews.REVIEW && (jsx(Review, { data: viewState.view.data, onCloseButtonClick: () => sendAddTokensCloseEvent(eventTarget), onBackButtonClick: () => {
                             viewDispatch({
                                 payload: {