@imtbl/checkout-widgets 2.1.17-alpha.9 → 2.2.1-alpha.0

package/dist/browser/{AddTokensWidget-BrVyGdMy.js → AddTokensWidget-DaksUeLJ.js}

@@ -1,6 +1,6 @@
-import { r as reactExports, af as hFlex, ag as _defineProperty, ah as _objectWithoutProperties, ai as useForwardLocalDomRef, aj as _slicedToArray, ak as useResizeObserver, X as useTheme, al as usePrevious, am as useGetMotionProfile, an as useBrowserEffect, ao as merge, ap as getHeadingTextStyles, aq as getMotionProfileSx, ar as useConvertSxToEmotionStyles, as as DUMMY_WIDTH_PUSHER_TEXT, y as jsxs, x as jsx, B as Box, at as useGetSubcomponentChild, au as flattenChildren, av as vFlex, aw as centerFlexChildren, ax as SmartClone, ay as FormControlLabel, az as FormControlValidation, aA as FormControlCaption, n as no, T as To, aB as getDefaultExportFromCjs, aC as commonjsGlobal, o as useTranslation, aD as Drawer, aE as Divider, H as Heading, z as Button, aF as useProvidersContext, F as useAnalytics, aG as WalletDrawer, aH as UnableToConnectDrawer, aI as Fragment, aJ as Gt, U as UserJourney, aK as removeSpace, aL as getProviderSlugFromRdns, aM as D, aN as isPassportProvider, aO as connectEIP6963Provider, aP as identifyUser, aQ as ConnectEIP6963ProviderError, aR as ProvidersContextActions, aS as MenuItem, Y, aT as SQUID_NATIVE_TOKEN, aU as commonjsRequire, _ as getRemoteImage, aV as OnboardingPagination, aW as ViewContext, aX as useHandover, G as EventTargetContext, aY as HandoverTarget, V as ViewActions, t as getRemoteRive, aZ as APPROVE_TXN_ANIMATION, a_ as RiveStateMachineInput, a$ as HandoverContent, b0 as keyframes, h as ae, b as getL2ChainId, b1 as isNativeToken, b2 as getTokenImageByAddress, b3 as FramedImage, b4 as FramedIcon, b5 as ButtCon, b6 as TextInput, b7 as VerticalMenu, M as getDefaultTokenImage, b8 as TOKEN_PRIORITY_ORDER, D as Body, b9 as EllipsizedText, ba as Tooltip, bb as Sticker, bc as getDurationFormatted, bd as getTotalRouteFees, be as getRouteAndTokenBalances, S as Stack, bf as Icon, bg as Badge, bh as getFormattedAmounts, bi as getRemoteVideo, bj as FramedVideo, bk as listVariants, bl as motion, bm as listItemVariants, bn as Banner, bo as _t, bp as Ot, bq as useRoutes, br as useInjectedProviders, bs as hn, bt as RouteError, A as SimpleLayout, bu as dist, a8 as SharedViews, P as orchestrationEvents, bv as SquidFooter, bw as TOOLKIT_SQUID_URL, bx as merge$1, by as SvgIcon, bz as WalletWarningHero, bA as getFormattedNumber, bB as FIXED_HANDOVER_DURATION, bC as EXECUTE_TXN_ANIMATION, L as Link, bD as Trans, bE as useExecute, bF as getRouteChains, bG as t, bH as convertToNetworkChangeableProvider, bI as verifyAndSwitchChain, bJ as PriceDisplay, a3 as LoadingView, bK as viewReducer, bL as initialViewState, bM as useSquid, bN as useTokens, bO as v4, bP as K, bQ as isValidAddress, Q as amountInputValidation, bR as fetchChains, bS as fetchBalances, Z as CloudImage, a9 as ErrorView, bT as ServiceUnavailableErrorView } from './index-DeHTliqs.js';
-import { T as TokenImage } from './TokenImage-BJJQNbiN.js';
-import { F as FeesBreakdown } from './FeesBreakdown-EPCUXpfZ.js';
+import { b 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, x as jsxs, w as jsx, B 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, r as ro, R as Ro, ay as getDefaultExportFromCjs, az as commonjsGlobal, k 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 qt, U as UserJourney, aH as removeSpace, aI as getProviderSlugFromRdns, aJ as D, aK as isPassportProvider, aL as connectEIP6963Provider, aM as identifyUser, aN as ConnectEIP6963ProviderError, aO as ProvidersContextActions, aP as MenuItem, aQ as J, aR as SQUID_NATIVE_TOKEN, aS as commonjsRequire, X as getRemoteImage, aT as OnboardingPagination, aU as ViewContext, aV as useHandover, G as EventTargetContext, aW as HandoverTarget, V as ViewActions, t as getRemoteRive, aX as APPROVE_TXN_ANIMATION, aY as RiveStateMachineInput, aZ as HandoverContent, a_ as keyframes, e as ae, 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, D 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 Ot, bn as xt, bo as useRoutes, bp as useInjectedProviders, bq as hn, br as RouteError, z as SimpleLayout, bs as dist, a5 as SharedViews, O as orchestrationEvents, bt as SquidFooter, bu as TOOLKIT_SQUID_URL, bv as merge$1, bw as SvgIcon, bx as WalletWarningHero, by as getFormattedNumber, bz as FIXED_HANDOVER_DURATION, bA as EXECUTE_TXN_ANIMATION, L as Link, bB as Trans, bC as useExecute, bD as getRouteChains, bE as t, bF as convertToNetworkChangeableProvider, bG as verifyAndSwitchChain, bH as PriceDisplay, a0 as LoadingView, bI as viewReducer, bJ as initialViewState, bK as useSquid, bL as useTokens, bM as v4, bN as K, bO as isValidAddress, P as amountInputValidation, bP as fetchChains, bQ as fetchBalances, W as CloudImage, a6 as ErrorView, bR as ServiceUnavailableErrorView } from './index-S9AO9JR0.js';
+import { T as TokenImage } from './TokenImage-AbfB1fSa.js';
+import { F as FeesBreakdown } from './FeesBreakdown-BJbAIdyp.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(no.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const closeWidgetEvent = new CustomEvent(ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: To.CLOSE_WIDGET,
+            type: Ro.CLOSE_WIDGET,
             data: {},
         },
     });
@@ -305,9 +305,9 @@ function sendAddTokensCloseEvent(eventTarget) {
         eventTarget.dispatchEvent(closeWidgetEvent);
 }
 function sendConnectProviderSuccessEvent(eventTarget, providerType, provider, providerInfo) {
-    const successEvent = new CustomEvent(no.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: To.CONNECT_SUCCESS,
+            type: Ro.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(no.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: To.SUCCESS,
+            type: Ro.SUCCESS,
             data: {
                 transactionHash,
             },
@@ -335,9 +335,9 @@ const sendAddTokensSuccessEvent = (eventTarget, transactionHash) => {
         eventTarget.dispatchEvent(successEvent);
 };
 const sendAddTokensFailedEvent = (eventTarget, reason) => {
-    const failedEvent = new CustomEvent(no.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const failedEvent = new CustomEvent(ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: To.FAILURE,
+            type: Ro.FAILURE,
             data: {
                 reason,
                 timestamp: new Date().getTime(),
@@ -929,7 +929,7 @@ function ConnectWalletDrawer({ heading, visible, onClose, onConnect, onError, pr
                 walletRdns: info.rdns,
             },
         });
-        if (info.rdns === Gt.PASSPORT) {
+        if (info.rdns === qt.PASSPORT) {
             const { isConnected } = await checkout.checkIsWalletConnected({
                 provider: new D(providerDetail.provider),
             });
@@ -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 !== Gt.PASSPORT) {
+        if (providerType === 'to' && info.rdns !== qt.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 === Y.IMTBL_ZKEVM_MAINNET.toString());
+        && value.chainId === J.IMTBL_ZKEVM_MAINNET.toString());
     if (!toToken) {
         return 0;
     }
@@ -4155,7 +4155,7 @@ function TokenDrawerMenu({ checkout, config, toTokenAddress, addTokensState, add
             try {
                 const tokenResponse = await checkout.getTokenAllowList({
                     type: ae.SWAP,
-                    chainId: getL2ChainId(checkout.config),
+                    chainId: checkout.config.l2ChainId,
                 });
                 if (tokenResponse?.tokens.length > 0) {
                     const updatedTokens = tokenResponse.tokens.map((token) => {
@@ -4440,8 +4440,8 @@ function SelectedRouteOption({ checkout, routeData, chains, loading = false, wit
 }
 
 const checkSanctionedAddresses = async (addresses, config) => {
-    const result = await _t(addresses, config);
-    return Ot(result);
+    const result = await Ot(addresses, config);
+    return xt(result);
 };
 
 function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOption = true, showSwapOption = true, showBridgeOption = true, onCloseButtonClick, showBackButton, onBackButtonClick, }) {
@@ -4548,7 +4548,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 === Gt.PASSPORT) {
+        if (detail.info.rdns === qt.PASSPORT) {
             return {
                 ...detail,
                 info: {
@@ -4569,7 +4569,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             await identifyUser(identify, toProvider, { anonymousId });
         })();
     }, [toProvider, lockedToProvider]);
-    const toChain = reactExports.useMemo(() => chains?.find((chain) => chain.id === Y.IMTBL_ZKEVM_MAINNET.toString()), [chains]);
+    const toChain = reactExports.useMemo(() => chains?.find((chain) => chain.id === J.IMTBL_ZKEVM_MAINNET.toString()), [chains]);
     reactExports.useEffect(() => {
         if (!id || isSwapAvailable === undefined) {
             return;
@@ -4610,7 +4610,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
                 && isValidAmount) {
                 setFetchingRoutes(true);
                 try {
-                    const availableRoutes = await fetchRoutes(squid, tokens, balances, Y.IMTBL_ZKEVM_MAINNET.toString(), selectedToken.address === 'native'
+                    const availableRoutes = await fetchRoutes(squid, tokens, balances, J.IMTBL_ZKEVM_MAINNET.toString(), selectedToken.address === 'native'
                         ? SQUID_NATIVE_TOKEN
                         : selectedToken.address, selectedAmount, 5, 1000, isSwapAvailable);
                     addTokensDispatch({
@@ -4665,7 +4665,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             try {
                 const tokenResponse = await checkout.getTokenAllowList({
                     type: ae.ONRAMP,
-                    chainId: getL2ChainId(checkout.config),
+                    chainId: checkout.config.l2ChainId,
                 });
                 if (tokenResponse?.tokens.length > 0) {
                     setOnRampAllowedTokens(tokenResponse.tokens);
@@ -4708,7 +4708,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             showBackButton: true,
             provider: toProvider,
         };
-        orchestrationEvents.sendRequestOnrampEvent(eventTarget, no.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
+        orchestrationEvents.sendRequestOnrampEvent(eventTarget, ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
     };
     const handleCardClick = () => {
         setPayWithCardClicked(true);
@@ -4774,7 +4774,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
                     type: AddTokensWidgetViews.REVIEW,
                     data: {
                         balance: selectedRouteData.amountData.balance,
-                        toChainId: Y.IMTBL_ZKEVM_MAINNET.toString(),
+                        toChainId: J.IMTBL_ZKEVM_MAINNET.toString(),
                         toTokenAddress: selectedToken.address,
                         toAmount: selectedAmount,
                         additionalBuffer: selectedRouteData.amountData.additionalBuffer,
@@ -5302,9 +5302,9 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                 action: 'Succeeded',
                 extras: {
                     contextId: id,
-                    ...(route.route.params.fromChain !== Y.IMTBL_ZKEVM_MAINNET.toString()
+                    ...(route.route.params.fromChain !== J.IMTBL_ZKEVM_MAINNET.toString()
                         && { txHash: executeTxnReceipt.hash }),
-                    ...(route.route.params.fromChain === Y.IMTBL_ZKEVM_MAINNET.toString()
+                    ...(route.route.params.fromChain === J.IMTBL_ZKEVM_MAINNET.toString()
                         && { immutableZkEVMTxHash: executeTxnReceipt.hash }),
                     toTokenAddress: route.route.params.toToken,
                     toTokenChainId: route.route.params.toChain,
@@ -5557,7 +5557,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, no.IMTBL_ADD_TOKENS_WIDGET_EVENT, {});
+                            orchestrationEvents.sendRequestGoBackEvent(eventTarget, ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {});
                         } })), viewState.view.type === AddTokensWidgetViews.REVIEW && (jsx(Review, { data: viewState.view.data, onCloseButtonClick: () => sendAddTokensCloseEvent(eventTarget), onBackButtonClick: () => {
                             viewDispatch({
                                 payload: {