@imtbl/sdk 1.64.0 → 1.65.0-alpha.1

package/dist/{blockchain_data-BJFFyOsZ.js → blockchain_data-DfCzmYtJ.js}

@@ -1,5 +1,5 @@
-import { A as APIError, B as BlockchainData } from './index-CinJtsQi.js';
-import { i as index } from './index-CPZC_4-h.js';
+import { A as APIError, B as BlockchainData } from './index-DoAt7WaE.js';
+import { i as index } from './index-Dxusousf.js';
 
 var blockchain_data = /*#__PURE__*/Object.freeze({
 	__proto__: null,

package/dist/blockchain_data.js

@@ -1,6 +1,6 @@
-export { A as APIError, B as BlockchainData } from './index-CinJtsQi.js';
-export { i as Types } from './index-CPZC_4-h.js';
-import './index-BDcnlE-I.js';
+export { A as APIError, B as BlockchainData } from './index-DoAt7WaE.js';
+export { i as Types } from './index-Dxusousf.js';
+import './index-CP5Jo8hc.js';
 import 'axios';
 import 'lru-memorise';
 import 'global-const';

package/dist/browser/checkout/{AddTokensWidget-_RYa4euh.js → AddTokensWidget-B4Ir7dvN.js}

@@ -1,9 +1,9 @@
-import { _ as _objectWithoutProperties, x as useTheme, y as useForwardLocalDomRef, z as useGetSubcomponentChild, A as useSplitApartChildrenAndSubComponents, r as reactExports, D as merge$2, F as useResizeObserver, q as jsxs, j as jsx, G as SmartClone, H as Box, J as isChildSubcomponent, K as flattenChildren, M as Body, N as useTheme$1, Q as Icon, R as ButtCon, T as Button, U as _defineProperty, X as isDualVariantIcon, Y as _slicedToArray, Z as isNumberWithinTotal, $ as getStartingSize, a0 as BaseClickable, a1 as ClassNames, a2 as _toConsumableArray, a3 as isError, a4 as Badge, a5 as FramedIcon, a6 as FramedImage, a7 as FramedLogo, a8 as Stack, a9 as hFlex, aa as usePrevious, ab as useBrowserEffect, ac as getHeadingTextStyles, ad as vFlex, ae as centerFlexChildren, af as FormControlLabel, ag as FormControlValidation, ah as FormControlCaption, I as IMTBLWidgetEvents, ai as AddTokensEventType, aj as getDefaultExportFromCjs, ak as commonjsGlobal, l as useTranslation, al as MenuItem, am as tokenValueFormat, an as DEFAULT_TOKEN_FORMATTING_DECIMALS, ao as BigNumber, ap as getRemoteVideo, aq as FramedVideo, ar as motion, as as listItemVariants, at as Divider, au as Fragment, av as listVariants, aw as useProvidersContext, ax as Drawer, ay as useAnalytics, az as UserJourney, aA as isPassportProvider, aB as Heading, aC as WalletDrawer, aD as UnableToConnectDrawer, aE as ChangedYourMindDrawer, aF as WalletProviderRdns, aG as getProviderSlugFromRdns, aH as Web3Provider, aI as connectEIP6963Provider, aJ as identifyUser, aK as ConnectEIP6963ProviderError, aL as ProvidersContextActions, aM as ViewContext, V as ViewActions, o as SharedViews, k as ChainId, aN as commonjsRequire, aO as getRemoteImage, aP as useHandover, aQ as HandoverTarget, aR as EventTargetContext, aS as getRemoteRive, aT as Trans, aU as Link, aV as useInjectedProviders, aW as getDefaultTokenImage, aX as OverflowDrawerMenu, aY as SimpleLayout, aZ as TokenFilterTypes, h as getL2ChainId, a_ as isNativeToken, a$ as getTokenImageByAddress, b0 as orchestrationEvents, b1 as requireSecp256k1$1, b2 as requireLib_commonjs, b3 as require$$0$2, b4 as bech32$2, b5 as bnExports$1, b6 as require$$0$3, b7 as getAugmentedNamespace, b8 as require$$0$4, b9 as minimalisticAssert, ba as require$$2, bb as hash$6, bc as MaxUint256, bd as merge$3, be as SvgIcon, bf as WalletWarningHero, bg as Environment, bh as t, bi as PriceDisplay, L as LoadingView, bj as viewReducer, bk as initialViewState, bl as isValidAddress, bm as amountInputValidation, bn as CloudImage, E as ErrorView, bo as ServiceUnavailableErrorView, bp as ServiceType } from './index-BjLYItcm.js';
-import { f as formatUnits, p as parseUnits } from './index-CshBDuS0.js';
-import { E as EllipsizedText, C as Contract } from './EllipsizedText-CF9lzi6c.js';
-import { r as retry, T as TokenImage } from './retry-GJcGp5Sw.js';
-import { H as HandoverContent } from './HandoverContent-CESizLWk.js';
-import { F as FeesBreakdown } from './FeesBreakdown-BGnZxcX5.js';
+import { _ as _objectWithoutProperties, w as useTheme, x as useForwardLocalDomRef, y as useGetSubcomponentChild, z as useSplitApartChildrenAndSubComponents, r as reactExports, D as merge$2, F as useResizeObserver, p as jsxs, o as jsx, G as SmartClone, H as Box, J as isChildSubcomponent, K as flattenChildren, M as Body, N as useTheme$1, Q as Icon, R as ButtCon, T as Button, U as _defineProperty, X as isDualVariantIcon, Y as _slicedToArray, Z as isNumberWithinTotal, $ as getStartingSize, a0 as BaseClickable, a1 as ClassNames, a2 as _toConsumableArray, a3 as isError, a4 as Badge, a5 as FramedIcon, a6 as FramedImage, a7 as FramedLogo, a8 as Stack, a9 as hFlex, aa as usePrevious, ab as useBrowserEffect, ac as getHeadingTextStyles, ad as vFlex, ae as centerFlexChildren, af as FormControlLabel, ag as FormControlValidation, ah as FormControlCaption, I as IMTBLWidgetEvents, A as AddTokensEventType, ai as getDefaultExportFromCjs, aj as commonjsGlobal, u as useTranslation, ak as MenuItem, al as tokenValueFormat, am as DEFAULT_TOKEN_FORMATTING_DECIMALS, an as BigNumber, ao as getRemoteVideo, ap as FramedVideo, aq as motion, ar as listItemVariants, as as Divider, at as Fragment, au as listVariants, av as useProvidersContext, aw as Drawer, ax as useAnalytics, ay as UserJourney, az as isPassportProvider, aA as Heading, aB as WalletDrawer, aC as UnableToConnectDrawer, aD as ChangedYourMindDrawer, aE as WalletProviderRdns, aF as getProviderSlugFromRdns, aG as Web3Provider, aH as connectEIP6963Provider, aI as identifyUser, aJ as ConnectEIP6963ProviderError, aK as ProvidersContextActions, aL as ViewContext, V as ViewActions, m as SharedViews, j as ChainId, aM as commonjsRequire, aN as getRemoteImage, aO as useHandover, aP as HandoverTarget, aQ as EventTargetContext, aR as getRemoteRive, aS as Trans, aT as Link, aU as useInjectedProviders, aV as getDefaultTokenImage, aW as OverflowDrawerMenu, aX as SimpleLayout, aY as TokenFilterTypes, h as getL2ChainId, aZ as isNativeToken, a_ as getTokenImageByAddress, a$ as orchestrationEvents, b0 as requireSecp256k1$1, b1 as requireLib_commonjs, b2 as require$$0$2, b3 as bech32$2, b4 as bnExports$1, b5 as require$$0$3, b6 as getAugmentedNamespace, b7 as require$$0$4, b8 as minimalisticAssert, b9 as require$$2, ba as hash$6, bb as MaxUint256, bc as merge$3, bd as SvgIcon, be as WalletWarningHero, bf as Environment, bg as t, bh as PriceDisplay, L as LoadingView, bi as viewReducer, bj as initialViewState, bk as isValidAddress, bl as amountInputValidation, bm as CloudImage, E as ErrorView, bn as ServiceUnavailableErrorView, bo as ServiceType } from './index-Be6kRjpo.js';
+import { f as formatUnits, p as parseUnits } from './index-CSsSQRP5.js';
+import { E as EllipsizedText, C as Contract } from './EllipsizedText-BYNkXO37.js';
+import { r as retry, T as TokenImage } from './retry-B3R-pN6g.js';
+import { H as HandoverContent } from './HandoverContent-D1zo76oD.js';
+import { F as FeesBreakdown } from './FeesBreakdown-Bh4uazkv.js';
 
 var bannerSx = {
   d: "flex",
@@ -1074,6 +1074,35 @@ function sendConnectProviderSuccessEvent(eventTarget, providerType, provider, pr
     if (eventTarget !== undefined)
         eventTarget.dispatchEvent(successEvent);
 }
+const sendAddTokensSuccessEvent = (eventTarget, transactionHash) => {
+    const successEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+        detail: {
+            type: AddTokensEventType.SUCCESS,
+            data: {
+                transactionHash,
+            },
+        },
+    });
+    // eslint-disable-next-line no-console
+    console.log('add tokens success event:', eventTarget, successEvent);
+    if (eventTarget !== undefined)
+        eventTarget.dispatchEvent(successEvent);
+};
+const sendAddTokensFailedEvent = (eventTarget, reason) => {
+    const failedEvent = new CustomEvent(IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+        detail: {
+            type: AddTokensEventType.FAILURE,
+            data: {
+                reason,
+                timestamp: new Date().getTime(),
+            },
+        },
+    });
+    // eslint-disable-next-line no-console
+    console.log('add tokens failed event:', eventTarget, failedEvent);
+    if (eventTarget !== undefined)
+        eventTarget.dispatchEvent(failedEvent);
+};
 
 const initialAddTokensState = {
     allowedTokens: null,
@@ -2694,7 +2723,7 @@ function EOAWarningDrawer({ visible, onProceedClick, onCloseDrawer, }) {
 }
 
 function ConnectWalletDrawer({ heading, visible, onClose, onConnect, onError, providerType, walletOptions, bottomSlot, menuItemSize = 'small', disabledOptions = [], getShouldRequestWalletPermissions, }) {
-    const { providersState: { checkout }, providersDispatch, } = useProvidersContext();
+    const { providersState: { checkout, fromProvider }, providersDispatch, } = useProvidersContext();
     const { identify, track } = useAnalytics();
     const prevWalletChangeEvent = reactExports.useRef();
     const [showUnableToConnectDrawer, setShowUnableToConnectDrawer] = reactExports.useState(false);
@@ -2739,13 +2768,14 @@ function ConnectWalletDrawer({ heading, visible, onClose, onConnect, onError, pr
                 walletRdns: info.rdns,
             },
         });
-        // Proceed to disconnect current provider if Passport
         if (info.rdns === WalletProviderRdns.PASSPORT) {
             const { isConnected } = await checkout.checkIsWalletConnected({
                 provider: new Web3Provider(providerDetail.provider),
             });
             if (isConnected) {
-                await checkout.passport?.logout();
+                if (providerType === 'from' || (providerType === 'to' && !isPassportProvider(fromProvider))) {
+                    await checkout.passport?.logout();
+                }
             }
         }
         let address;
@@ -2831,7 +2861,7 @@ function DeliverToWalletDrawer({ visible, onClose, onConnect, walletOptions, })
             });
         }
     };
-    // Becuase wallets extensions don't support multiple wallet connections
+    // Because wallets extensions don't support multiple wallet connections
     // UX decides to have the user use the same wallet type they selected to pay with
     // ie: Metamask to Metamsk, will send to same wallet address
     const selectedSameFromWalletType = (providerInfo) => (fromProviderInfo?.rdns !== providerInfo.rdns ? undefined : false);
@@ -5932,6 +5962,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
     const { track, page } = useAnalytics();
     const { t } = useTranslation();
     const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
+    const [payWithCardClicked, setPayWithCardClicked] = reactExports.useState(false);
     const [showOptionsDrawer, setShowOptionsDrawer] = reactExports.useState(false);
     const [showPayWithDrawer, setShowPayWithDrawer] = reactExports.useState(false);
     const [showDeliverToDrawer, setShowDeliverToDrawer] = reactExports.useState(false);
@@ -6007,7 +6038,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
         setInputValue(value);
         setSelectedAmount(value);
     };
-    const { providersState: { fromProviderInfo, toProviderInfo, fromAddress, toAddress, lockedToProvider, }, } = useProvidersContext();
+    const { providersState: { fromProviderInfo, toProviderInfo, toProvider, fromAddress, toAddress, lockedToProvider, }, } = useProvidersContext();
     const { providers } = useInjectedProviders({ checkout });
     const walletOptions = reactExports.useMemo(() => providers
         // TODO: Check if must filter passport on L1
@@ -6133,7 +6164,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
     const handleTokenChange = reactExports.useCallback((token) => {
         setSelectedToken(token);
     }, []);
-    const handleCardClick = () => {
+    const sendRequestOnRampEvent = () => {
         track({
             userJourney: UserJourney.ADD_TOKENS,
             screen: 'InputScreen',
@@ -6148,15 +6179,35 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             tokenAddress: selectedToken?.address ?? '',
             amount: selectedAmount ?? '',
             showBackButton: true,
+            provider: toProvider,
         };
         orchestrationEvents.sendRequestOnrampEvent(eventTarget, IMTBLWidgetEvents.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
     };
+    const handleCardClick = () => {
+        setPayWithCardClicked(true);
+        if (!toProvider) {
+            setShowDeliverToDrawer(true);
+            return;
+        }
+        sendRequestOnRampEvent();
+    };
+    reactExports.useEffect(() => {
+        if (toProvider && payWithCardClicked) {
+            sendRequestOnRampEvent();
+        }
+    }, [toProvider]);
     const handleRouteClick = (route) => {
         setShowOptionsDrawer(false);
         setShowPayWithDrawer(false);
         setShowDeliverToDrawer(false);
         setSelectedRouteData(route);
     };
+    const handleDeliverToClose = (connectedToAddress) => {
+        if (!connectedToAddress) {
+            setPayWithCardClicked(false);
+        }
+        setShowDeliverToDrawer(false);
+    };
     const handleReviewClick = () => {
         if (!selectedRouteData || !selectedToken?.address)
             return;
@@ -6267,7 +6318,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
                                         } }) }), jsx(SelectedWallet, { label: "Deliver to", providerInfo: {
                                         ...toProviderInfo,
                                         address: toAddress,
-                                    }, onClick: () => setShowDeliverToDrawer(true), disabled: lockedToProvider })] }), jsx(Button, { testId: "add-tokens-button", size: "large", variant: readyToReview ? 'primary' : 'secondary', disabled: !readyToReview, onClick: handleReviewClick, sx: { opacity: readyToReview ? 1 : 0.5 }, children: "Review" }), jsx(SquidFooter, {}), jsx(PayWithWalletDrawer, { visible: showPayWithDrawer, walletOptions: walletOptions, onClose: () => setShowPayWithDrawer(false), onPayWithCard: handleCardClick, onConnect: handleWalletConnected, insufficientBalance: insufficientBalance, showOnRampOption: shouldShowOnRampOption }), jsx(OptionsDrawer, { checkout: checkout, routes: routes, showOnrampOption: shouldShowOnRampOption, showSwapOption: showSwapOption, showBridgeOption: showBridgeOption, visible: showOptionsDrawer, onClose: () => setShowOptionsDrawer(false), onCardClick: handleCardClick, onRouteClick: handleRouteClick, insufficientBalance: insufficientBalance }), jsx(DeliverToWalletDrawer, { visible: showDeliverToDrawer, walletOptions: walletOptions, onClose: () => setShowDeliverToDrawer(false) }), jsx(OnboardingDrawer, { environment: checkout?.config.environment })] })] }) }));
+                                    }, onClick: () => setShowDeliverToDrawer(true), disabled: lockedToProvider })] }), jsx(Button, { testId: "add-tokens-button", size: "large", variant: readyToReview ? 'primary' : 'secondary', disabled: !readyToReview, onClick: handleReviewClick, sx: { opacity: readyToReview ? 1 : 0.5 }, children: "Review" }), jsx(SquidFooter, {}), jsx(PayWithWalletDrawer, { visible: showPayWithDrawer, walletOptions: walletOptions, onClose: () => setShowPayWithDrawer(false), onPayWithCard: handleCardClick, onConnect: handleWalletConnected, insufficientBalance: insufficientBalance, showOnRampOption: shouldShowOnRampOption }), jsx(OptionsDrawer, { checkout: checkout, routes: routes, showOnrampOption: shouldShowOnRampOption, showSwapOption: showSwapOption, showBridgeOption: showBridgeOption, visible: showOptionsDrawer, onClose: () => setShowOptionsDrawer(false), onCardClick: handleCardClick, onRouteClick: handleRouteClick, insufficientBalance: insufficientBalance }), jsx(DeliverToWalletDrawer, { visible: showDeliverToDrawer, walletOptions: walletOptions, onClose: handleDeliverToClose }), jsx(OnboardingDrawer, { environment: checkout?.config.environment })] })] }) }));
 }
 
 var dist$2 = {};
@@ -173360,6 +173411,7 @@ const isSquidNativeToken = (token) => token.toLowerCase() === SQUID_NATIVE_TOKEN
 
 const useExecute = (environment) => {
     const { showErrorHandover } = useError(environment);
+    const { eventTargetState: { eventTarget }, } = reactExports.useContext(EventTargetContext);
     const handleTransactionError = (err) => {
         const reason = `${err?.reason || err?.message || ''}`.toLowerCase();
         let errorType = AddTokensErrorTypes.WALLET_FAILED;
@@ -173376,6 +173428,7 @@ const useExecute = (environment) => {
         if (reason.includes('status failed')
             || reason.includes('transaction failed')) {
             errorType = AddTokensErrorTypes.TRANSACTION_FAILED;
+            sendAddTokensFailedEvent(eventTarget, errorType);
         }
         if (reason.includes('unrecognized chain')
             || reason.includes('unrecognized chain')) {
@@ -173503,7 +173556,7 @@ function RouteFees({ visible, onClose, routeData, totalAmount, totalFiatAmount,
     const feeCosts = reactExports.useMemo(() => routeData?.route.estimate.feeCosts.map((fee) => ({
         label: fee.name,
         amount: getFormattedNumber(fee.amount, fee.token.decimals),
-        fiatAmount: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')}${getFormattedAmounts(fee.amountUsd)}`,
+        fiatAmount: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} ${getFormattedAmounts(fee.amountUsd)}`,
         token: {
             name: fee.token.name,
             symbol: fee.token.symbol,
@@ -173516,7 +173569,7 @@ function RouteFees({ visible, onClose, routeData, totalAmount, totalFiatAmount,
     const gasCosts = reactExports.useMemo(() => routeData?.route.estimate.gasCosts.map((fee) => ({
         label: 'Gas (transaction)',
         amount: getFormattedNumber(fee.amount, fee.token.decimals),
-        fiatAmount: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')}${getFormattedAmounts(fee.amountUsd)}`,
+        fiatAmount: `${t('views.ADD_TOKENS.fees.fiatPricePrefix')} ${getFormattedAmounts(fee.amountUsd)}`,
         token: {
             name: fee.token.name,
             symbol: fee.token.symbol,
@@ -173587,6 +173640,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
     const { track, page } = useAnalytics();
     const { addTokensState: { squid, chains, tokens }, } = reactExports.useContext(AddTokensContext);
     const { providersState: { checkout, fromProvider, fromAddress, toAddress, }, } = useProvidersContext();
+    const { eventTargetState: { eventTarget } } = reactExports.useContext(EventTargetContext);
     const [route, setRoute] = reactExports.useState();
     const [proceedDisabled, setProceedDisabled] = reactExports.useState(true);
     const [showFeeBreakdown, setShowFeeBreakdown] = reactExports.useState(false);
@@ -173696,6 +173750,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                     txHash: executeTxnReceipt.transactionHash,
                 },
             });
+            sendAddTokensSuccessEvent(eventTarget, executeTxnReceipt.transactionHash);
             showHandover(EXECUTE_TXN_ANIMATION, RiveStateMachineInput.PROCESSING, 'Processing', '', FIXED_HANDOVER_DURATION);
             showHandover(EXECUTE_TXN_ANIMATION, RiveStateMachineInput.COMPLETED, 'Funds added successfully', jsxs(Fragment, { children: ["Go to", ' ', jsx(Link, { size: "small", rc: (jsx("a", { target: "_blank", href: `https://axelarscan.io/gmp/${executeTxnReceipt?.transactionHash}`, rel: "noreferrer" })), children: "Axelarscan" }), ' ', "for transaction details"] }));
         }
@@ -173752,7 +173807,7 @@ function Review({ data, showBackButton = false, onBackButtonClick, onCloseButton
                                                 top: '-26px',
                                                 h: 'base.spacing.x10',
                                             },
-                                        } }), jsxs(Stack, { direction: "row", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, gap: "base.spacing.x6", alignItems: "center", children: [jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(FramedImage, { use: (jsx("img", { src: toChain?.nativeCurrency.iconUrl, alt: toChain?.nativeCurrency.name })), circularFrame: true, size: "large" }), jsx(Sticker.FramedImage, { use: jsx("img", { src: toChain?.iconUrl, alt: toChain?.name }), emphasized: true, sx: {
+                                        } }), jsxs(Stack, { direction: "row", sx: { py: 'base.spacing.x5', px: 'base.spacing.x7' }, gap: "base.spacing.x6", alignItems: "center", children: [jsxs(Sticker, { position: { x: 'right', y: 'bottom' }, children: [jsx(FramedImage, { use: (jsx("img", { src: route.route.estimate.toToken.logoURI, alt: route.route.estimate.toToken.name })), circularFrame: true, size: "large" }), jsx(Sticker.FramedImage, { use: jsx("img", { src: toChain?.iconUrl, alt: toChain?.name }), emphasized: true, sx: {
                                                             bottom: 'base.spacing.x2',
                                                             right: 'base.spacing.x2',
                                                         } })] }), jsxs(Stack, { sx: { flex: 1 }, gap: "0px", children: [jsxs(Body, { weight: "bold", children: ["Receive", ' ', route?.route.estimate.toToken.name] }), jsxs(Body, { size: "small", sx: { c: 'base.color.text.body.secondary' }, children: [toChain?.name, jsx(EllipsizedText, { text: toAddress ?? '', sx: {

package/dist/browser/checkout/{BridgeWidget-BCC7YXWj.js → BridgeWidget-H083MzVz.js}

@@ -1,12 +1,12 @@
-import { c1 as axios, c2 as CheckoutErrorType, c3 as IMMUTABLE_API_BASE_URL, r as reactExports, I as IMTBLWidgetEvents, B as BridgeEventType, q as jsxs, j as jsx, c4 as ShimmerBox, al as MenuItem, a8 as Stack, l as useTranslation, M as Body, T as Button, H as Box, c5 as PASSPORT_URL, aU as Link, c6 as getChainIdBySlug, c7 as getChainImage, c8 as networkName, a6 as FramedImage, Q as Icon, ay as useAnalytics, az as UserJourney, at as Divider, aM as ViewContext, au as Fragment, V as ViewActions, c9 as useWalletConnect, ca as isWalletConnectProvider, cb as Logo, cc as RawImage, cd as AXELAR_SCAN_URL, a_ as isNativeToken, a$ as getTokenImageByAddress, ce as getNativeSymbolByChainSlug, bz as calculateCryptoToFiat, aR as EventTargetContext, aA as isPassportProvider, i as getL1ChainId, aZ as TokenFilterTypes, h as getL2ChainId, aF as WalletProviderRdns, aH as Web3Provider, aV as useInjectedProviders, bG as HeaderNavigation, bJ as FooterLogo, aC as WalletDrawer, aY as SimpleLayout, cf as getChainSlugById, cg as JsonRpcProvider, ch as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, k as ChainId, ci as getChainNameById, x as useTheme, aB as Heading, cj as getWalletProviderNameByProvider, ck as isAddressSanctioned, o as SharedViews, cl as isMetaMaskProvider, cm as WalletProviderName, ax as Drawer, R as ButtCon, cn as ButtonNavigationStyles, b0 as orchestrationEvents, am as tokenValueFormat, co as formatZeroAmount, cp as NATIVE, bm as amountInputValidation, aO as getRemoteImage, bn as CloudImage, cq as ETH_TOKEN_SYMBOL, ao as BigNumber, bg as Environment, cr as GasEstimateType, cs as DEFAULT_TOKEN_DECIMALS, ct as DEFAULT_QUOTE_REFRESH_INTERVAL, cu as addChainChangedListener, cv as removeChainChangedListener, cw as IMX_TOKEN_SYMBOL, cx as dist, cy as CHECKOUT_CDN_BASE_URL, cz as heroBackGroundStyles, cA as heroImageStyles, a4 as Badge, cB as SimpleTextBody, cC as FooterButton, cD as getEthTokenImage, cE as WITHDRAWAL_CLAIM_GAS_LIMIT, aW as getDefaultTokenImage, bj as viewReducer, bk as initialViewState, cF as BridgeConfiguration, cG as ImmutableConfiguration, cH as TokenBridge, cI as StatusView, bK as StatusType, E as ErrorView, bo as ServiceUnavailableErrorView, bp as ServiceType, cJ as ETH_SEPOLIA_TO_ZKEVM_TESTNET, cK as ETH_SEPOLIA_TO_ZKEVM_DEVNET, cL as ETH_MAINNET_TO_ZKEVM_MAINNET } from './index-BjLYItcm.js';
-import { C as CryptoFiatContext, a as CryptoFiatActions, b as CryptoFiatProvider } from './CryptoFiatProvider-b0KhVg3Y.js';
-import { T as TokenImage, r as retry } from './retry-GJcGp5Sw.js';
-import { E as EllipsizedText, C as Contract } from './EllipsizedText-CF9lzi6c.js';
-import { A as Accordion, S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-DW6Uw6rT.js';
-import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-Bg-huhcb.js';
-import { f as formatUnits, p as parseUnits } from './index-CshBDuS0.js';
-import { u as useInterval } from './useInterval-BfG2xnz-.js';
-import './FeesBreakdown-BGnZxcX5.js';
+import { c0 as axios, c1 as CheckoutErrorType, c2 as IMMUTABLE_API_BASE_URL, r as reactExports, I as IMTBLWidgetEvents, B as BridgeEventType, p as jsxs, o as jsx, c3 as ShimmerBox, ak as MenuItem, a8 as Stack, u as useTranslation, M as Body, T as Button, H as Box, c4 as PASSPORT_URL, aT as Link, c5 as getChainIdBySlug, c6 as getChainImage, c7 as networkName, a6 as FramedImage, Q as Icon, ax as useAnalytics, ay as UserJourney, as as Divider, aL as ViewContext, at as Fragment, V as ViewActions, c8 as useWalletConnect, c9 as isWalletConnectProvider, ca as Logo, cb as RawImage, cc as AXELAR_SCAN_URL, aZ as isNativeToken, a_ as getTokenImageByAddress, cd as getNativeSymbolByChainSlug, by as calculateCryptoToFiat, aQ as EventTargetContext, az as isPassportProvider, i as getL1ChainId, aY as TokenFilterTypes, h as getL2ChainId, aE as WalletProviderRdns, aG as Web3Provider, aU as useInjectedProviders, bF as HeaderNavigation, bI as FooterLogo, aB as WalletDrawer, aX as SimpleLayout, ce as getChainSlugById, cf as JsonRpcProvider, cg as DEFAULT_TRANSACTIONS_RETRY_POLICY, L as LoadingView, j as ChainId, ch as getChainNameById, w as useTheme, aA as Heading, ci as getWalletProviderNameByProvider, cj as isAddressSanctioned, m as SharedViews, ck as isMetaMaskProvider, cl as WalletProviderName, aw as Drawer, R as ButtCon, cm as ButtonNavigationStyles, a$ as orchestrationEvents, al as tokenValueFormat, cn as formatZeroAmount, co as NATIVE, bl as amountInputValidation, aN as getRemoteImage, bm as CloudImage, cp as ETH_TOKEN_SYMBOL, an as BigNumber, bf as Environment, cq as GasEstimateType, cr as DEFAULT_TOKEN_DECIMALS, cs as DEFAULT_QUOTE_REFRESH_INTERVAL, ct as addChainChangedListener, cu as removeChainChangedListener, cv as IMX_TOKEN_SYMBOL, cw as dist, cx as CHECKOUT_CDN_BASE_URL, cy as heroBackGroundStyles, cz as heroImageStyles, a4 as Badge, cA as SimpleTextBody, cB as FooterButton, cC as getEthTokenImage, cD as WITHDRAWAL_CLAIM_GAS_LIMIT, aV as getDefaultTokenImage, bi as viewReducer, bj as initialViewState, cE as BridgeConfiguration, cF as ImmutableConfiguration, cG as TokenBridge, cH as StatusView, bJ as StatusType, E as ErrorView, bn as ServiceUnavailableErrorView, bo as ServiceType, cI as ETH_SEPOLIA_TO_ZKEVM_TESTNET, cJ as ETH_SEPOLIA_TO_ZKEVM_DEVNET, cK as ETH_MAINNET_TO_ZKEVM_MAINNET } from './index-Be6kRjpo.js';
+import { C as CryptoFiatContext, a as CryptoFiatActions, b as CryptoFiatProvider } from './CryptoFiatProvider-CiE5eWiz.js';
+import { T as TokenImage, r as retry } from './retry-B3R-pN6g.js';
+import { E as EllipsizedText, C as Contract } from './EllipsizedText-BYNkXO37.js';
+import { A as Accordion, S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, F as Fees, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-DCUEVcQH.js';
+import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-DzmCXwDT.js';
+import { f as formatUnits, p as parseUnits } from './index-CSsSQRP5.js';
+import { u as useInterval } from './useInterval-BHSScII2.js';
+import './FeesBreakdown-Bh4uazkv.js';
 
 // This module is intended to unwrap Axios default export as named.
 // Keep top-level export same with static properties

package/dist/browser/checkout/{CommerceWidget-B4QxFLZq.js → CommerceWidget--lkMi5aZ.js}

@@ -1,73 +1,20 @@
-import { r as reactExports, u as useConnectLoaderState, j as jsx, I as IMTBLWidgetEvents, C as CommerceFlowType, P as ProviderEventType, a as CommerceEventType, b as ConnectEventType, c as CommerceFailureEventType, d as CommerceSuccessEventType, W as WalletEventType, e as CommerceUserActionEventType, S as SwapEventType, B as BridgeEventType, O as OnRampEventType, f as SaleEventType, g as OrchestrationEventType, V as ViewActions, h as getL2ChainId, i as getL1ChainId, k as ChainId, l as useTranslation, m as useViewState, n as useEventTargetState, o as SharedViews, p as commerceFlows, q as jsxs, L as LoadingView, E as ErrorView, s as ConnectWidget, t as ProvidersContextProvider, v as ConnectLoader, w as ViewContextProvider } from './index-BjLYItcm.js';
-import SwapWidget from './SwapWidget-CdXf4YYP.js';
-import BridgeWidget from './BridgeWidget-BCC7YXWj.js';
-import { O as OnRampWidget } from './OnRampWidget-BrGpM6Vn.js';
-import WalletWidget from './WalletWidget-ChYjXfAy.js';
-import SaleWidget from './SaleWidget-iuigaIZp.js';
-import AddTokensWidget from './AddTokensWidget-_RYa4euh.js';
-import './WalletApproveHero-DW6Uw6rT.js';
-import './retry-GJcGp5Sw.js';
-import './FeesBreakdown-BGnZxcX5.js';
-import './CryptoFiatProvider-b0KhVg3Y.js';
-import './useInterval-BfG2xnz-.js';
-import './index-CshBDuS0.js';
-import './TopUpView-Bg-huhcb.js';
-import './SpendingCapHero-B3sb2Wt1.js';
-import './EllipsizedText-CF9lzi6c.js';
-import './HandoverContent-CESizLWk.js';
-
-const initialCommerceState = {
-    checkout: undefined,
-    provider: undefined,
-    passport: undefined,
-};
-var CommerceActions;
-(function (CommerceActions) {
-    CommerceActions["SET_CHECKOUT"] = "SET_CHECKOUT";
-    CommerceActions["SET_PROVIDER"] = "SET_PROVIDER";
-    CommerceActions["SET_PASSPORT"] = "SET_PASSPORT";
-})(CommerceActions || (CommerceActions = {}));
-// eslint-disable-next-line @typescript-eslint/naming-convention
-const CommerceContext = reactExports.createContext({
-    commerceState: initialCommerceState,
-    commerceDispatch: () => { },
-});
-CommerceContext.displayName = 'CommerceContext'; // help with debugging Context in browser
-const commerceReducer = (state, action) => {
-    switch (action.payload.type) {
-        case CommerceActions.SET_CHECKOUT:
-            return {
-                ...state,
-                checkout: action.payload.checkout,
-            };
-        case CommerceActions.SET_PROVIDER:
-            return {
-                ...state,
-                provider: action.payload.provider,
-            };
-        case CommerceActions.SET_PASSPORT:
-            return {
-                ...state,
-                passport: action.payload.passport,
-            };
-        default:
-            return state;
-    }
-};
-
-const useCommerceWidgetState = () => {
-    const [viewState, viewDispatch] = reactExports.useReducer(commerceReducer, initialCommerceState);
-    return [viewState, viewDispatch];
-};
-function CommerceWidgetContextProvicer({ children, }) {
-    const [{ checkout, provider }] = useConnectLoaderState();
-    const [commerceState, commerceDispatch] = useCommerceWidgetState();
-    const values = reactExports.useMemo(() => ({
-        commerceState: { ...commerceState, checkout, provider },
-        commerceDispatch,
-    }), [commerceState, commerceDispatch, checkout, provider]);
-    return (jsx(CommerceContext.Provider, { value: values, children: children }));
-}
+import { I as IMTBLWidgetEvents, C as CommerceFlowType, P as ProviderEventType, a as CommerceEventType, b as ConnectEventType, c as CommerceFailureEventType, d as CommerceSuccessEventType, W as WalletEventType, e as CommerceUserActionEventType, S as SwapEventType, A as AddTokensEventType, B as BridgeEventType, O as OnRampEventType, f as SaleEventType, g as OrchestrationEventType, r as reactExports, V as ViewActions, h as getL2ChainId, i as getL1ChainId, j as ChainId, u as useTranslation, k as useViewState, l as useEventTargetState, m as SharedViews, n as commerceFlows, o as jsx, p as jsxs, L as LoadingView, E as ErrorView, q as ConnectWidget, s as ProvidersContextProvider, t as ConnectLoader, v as ViewContextProvider } from './index-Be6kRjpo.js';
+import SwapWidget from './SwapWidget-KGdvQrAY.js';
+import BridgeWidget from './BridgeWidget-H083MzVz.js';
+import { O as OnRampWidget } from './OnRampWidget-NHF5WhcL.js';
+import WalletWidget from './WalletWidget-BUz0zP4W.js';
+import SaleWidget from './SaleWidget-ByoqYtgj.js';
+import AddTokensWidget from './AddTokensWidget-B4Ir7dvN.js';
+import './WalletApproveHero-DCUEVcQH.js';
+import './retry-B3R-pN6g.js';
+import './FeesBreakdown-Bh4uazkv.js';
+import './CryptoFiatProvider-CiE5eWiz.js';
+import './useInterval-BHSScII2.js';
+import './index-CSsSQRP5.js';
+import './TopUpView-DzmCXwDT.js';
+import './SpendingCapHero-D4WKiLRo.js';
+import './EllipsizedText-BYNkXO37.js';
+import './HandoverContent-D1zo76oD.js';
 
 const sendCheckoutEvent = (eventTarget, detail) => {
     const event = new CustomEvent(IMTBLWidgetEvents.IMTBL_COMMERCE_WIDGET_EVENT, { detail });
@@ -209,6 +156,35 @@ function mapSwapWidgetEvent(event) {
 function mapAddTokensWidgetEvent(event) {
     const { type } = event.detail;
     switch (type) {
+        case AddTokensEventType.SUCCESS:
+            return {
+                type: CommerceEventType.SUCCESS,
+                data: {
+                    type: CommerceSuccessEventType.ADD_TOKENS_SUCCESS,
+                    data: event.detail.data,
+                },
+            };
+        case AddTokensEventType.CONNECT_SUCCESS:
+            return {
+                type: CommerceEventType.SUCCESS,
+                data: {
+                    type: CommerceSuccessEventType.ADD_TOKENS_CONNECT_SUCCESS,
+                    data: event.detail.data,
+                },
+            };
+        case AddTokensEventType.FAILURE:
+            return {
+                type: CommerceEventType.FAILURE,
+                data: {
+                    type: CommerceFailureEventType.ADD_TOKENS_FAILED,
+                    data: event.detail.data,
+                },
+            };
+        case AddTokensEventType.CLOSE_WIDGET:
+            return {
+                type: CommerceEventType.CLOSE,
+                data: {},
+            };
         default:
             throw new Error(`Unknown add tokens event type "${event.detail.type}"`);
     }
@@ -425,7 +401,7 @@ const widgetEvents = [
 /**
  * Subscribe and Handle widget events
  */
-function useWidgetEvents(eventTarget, viewState) {
+function useWidgetEvents(eventTarget, viewState, handleProviderUpdated) {
     const [{ history }, viewDispatch] = viewState;
     /**
      * Change view as per orchestration event requests
@@ -441,6 +417,12 @@ function useWidgetEvents(eventTarget, viewState) {
             });
             return;
         }
+        if (type === OrchestrationEventType.REQUEST_ONRAMP) {
+            const onRampEvent = data;
+            if (onRampEvent.provider) {
+                handleProviderUpdated(onRampEvent.provider);
+            }
+        }
         const flow = getViewFromOrchestrationEventType(type);
         if (!flow)
             return;
@@ -527,13 +509,56 @@ function getConnectLoaderParams(view, checkout, web3Provider) {
     }
 }
 
+const initialCommerceState = {
+    checkout: undefined,
+    provider: undefined,
+    passport: undefined,
+};
+var CommerceActions;
+(function (CommerceActions) {
+    CommerceActions["SET_CHECKOUT"] = "SET_CHECKOUT";
+    CommerceActions["SET_PROVIDER"] = "SET_PROVIDER";
+    CommerceActions["SET_PASSPORT"] = "SET_PASSPORT";
+})(CommerceActions || (CommerceActions = {}));
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const CommerceContext = reactExports.createContext({
+    commerceState: initialCommerceState,
+    commerceDispatch: () => { },
+});
+CommerceContext.displayName = 'CommerceContext'; // help with debugging Context in browser
+const commerceReducer = (state, action) => {
+    switch (action.payload.type) {
+        case CommerceActions.SET_CHECKOUT:
+            return {
+                ...state,
+                checkout: action.payload.checkout,
+            };
+        case CommerceActions.SET_PROVIDER:
+            return {
+                ...state,
+                provider: action.payload.provider,
+            };
+        case CommerceActions.SET_PASSPORT:
+            return {
+                ...state,
+                passport: action.payload.passport,
+            };
+        default:
+            return state;
+    }
+};
+
 function CommerceWidget(props) {
     const { flowParams, flowConfig, widgetsConfig, checkout, web3Provider, } = props;
     const { t } = useTranslation();
     const viewState = useViewState();
     const [{ view, history }, viewDispatch] = viewState;
     const [{ eventTarget }] = useEventTargetState();
-    const connectLoaderParams = reactExports.useMemo(() => getConnectLoaderParams(view, checkout, web3Provider), [view, checkout, web3Provider]);
+    const [commerceState, commerceDispatch] = reactExports.useReducer(commerceReducer, initialCommerceState);
+    const commerceReducerValues = reactExports.useMemo(() => ({ commerceState, commerceDispatch }), [commerceState, commerceDispatch]);
+    const { provider } = commerceState;
+    const connectLoaderParams = reactExports.useMemo(() => getConnectLoaderParams(view, checkout, provider || web3Provider), [view, checkout, provider, web3Provider]);
+    const connectLoaderSuccessEvent = flowParams.flow === CommerceFlowType.ADD_TOKENS ? () => { } : undefined;
     const goToPreviousView = reactExports.useCallback(() => {
         const sharedViews = [
             SharedViews.LOADING_VIEW,
@@ -555,10 +580,29 @@ function CommerceWidget(props) {
             });
         }
     }, [history]);
+    const handleProviderUpdated = reactExports.useMemo(() => (updatedProvider) => {
+        commerceDispatch({
+            payload: {
+                type: CommerceActions.SET_PROVIDER,
+                provider: updatedProvider,
+            },
+        });
+    }, [commerceDispatch]);
     /**
      * Subscribe and Handle widget events
      */
-    useWidgetEvents(eventTarget, viewState);
+    useWidgetEvents(eventTarget, viewState, handleProviderUpdated);
+    reactExports.useEffect(() => {
+        if (!web3Provider) {
+            return;
+        }
+        commerceDispatch({
+            payload: {
+                type: CommerceActions.SET_PROVIDER,
+                provider: web3Provider,
+            },
+        });
+    }, [commerceDispatch, web3Provider]);
     /**
      * Mount the view according to set flow in params
      */
@@ -610,7 +654,7 @@ function CommerceWidget(props) {
      * Show back button
      */
     const showBackButton = !!view.data?.showBackButton;
-    return (jsx(ViewContextProvider, { children: jsxs(CommerceWidgetContextProvicer, { children: [view.type === SharedViews.LOADING_VIEW && (jsx(LoadingView, { loadingText: t('views.LOADING_VIEW.text') })), view.type === SharedViews.ERROR_VIEW && (jsx(ErrorView, { onCloseClick: () => {
+    return (jsx(ViewContextProvider, { children: jsxs(CommerceContext.Provider, { value: commerceReducerValues, children: [view.type === SharedViews.LOADING_VIEW && (jsx(LoadingView, { loadingText: t('views.LOADING_VIEW.text') })), view.type === SharedViews.ERROR_VIEW && (jsx(ErrorView, { onCloseClick: () => {
                         sendCheckoutEvent(eventTarget, {
                             type: CommerceEventType.CLOSE,
                             data: {},
@@ -622,7 +666,7 @@ function CommerceWidget(props) {
                             type: CommerceEventType.CLOSE,
                             data: {},
                         });
-                    }, ...(view.data.params || {}) })), view.type === CommerceFlowType.BRIDGE && (jsx(BridgeWidget, { config: widgetsConfig, checkout: checkout, web3Provider: web3Provider, showBackButton: showBackButton, ...(view.data.params || {}) })), shouldWrapWithProvidersContext && (jsx(ProvidersContextProvider, { initialState: { checkout }, children: view.type === CommerceFlowType.ADD_TOKENS && (jsx(AddTokensWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton })) })), shouldWrapWithConnectLoader && (jsx(ConnectLoader, { widgetConfig: widgetsConfig, params: connectLoaderParams, closeEvent: () => {
+                    }, ...(view.data.params || {}) })), view.type === CommerceFlowType.BRIDGE && (jsx(BridgeWidget, { config: widgetsConfig, checkout: checkout, web3Provider: web3Provider, showBackButton: showBackButton, ...(view.data.params || {}) })), shouldWrapWithProvidersContext && (jsx(ProvidersContextProvider, { initialState: { checkout }, children: view.type === CommerceFlowType.ADD_TOKENS && (jsx(AddTokensWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton })) })), shouldWrapWithConnectLoader && (jsx(ConnectLoader, { widgetConfig: widgetsConfig, params: connectLoaderParams, successEvent: connectLoaderSuccessEvent, closeEvent: () => {
                         sendCheckoutEvent(eventTarget, {
                             type: CommerceEventType.CLOSE,
                             data: {},

package/dist/browser/checkout/{CryptoFiatProvider-b0KhVg3Y.js → CryptoFiatProvider-CiE5eWiz.js}

@@ -1,4 +1,4 @@
-import { bg as Environment, c1 as axios, r as reactExports, j as jsx } from './index-BjLYItcm.js';
+import { bf as Environment, c0 as axios, r as reactExports, o as jsx } from './index-Be6kRjpo.js';
 
 /**
  * Class representing the configuration for the CryptoFiatModule.

package/dist/browser/checkout/{EllipsizedText-CF9lzi6c.js → EllipsizedText-BYNkXO37.js}

@@ -1,4 +1,4 @@
-import { cM as defineReadOnly, cN as getStatic, cO as Signer, cP as Provider, cQ as getAddress, cR as Logger, cS as getContractAddress, cT as Interface, cU as shallowCopy, cV as VoidSigner, cW as Indexed, cX as deepCopy, cY as isHexString, cZ as checkResultErrors, c_ as resolveProperties, ao as BigNumber, c$ as accessListify, d0 as arrayify, j as jsx, _ as _objectWithoutProperties, bw as cloneElementWithCssProp, M as Body, U as _defineProperty } from './index-BjLYItcm.js';
+import { cL as defineReadOnly, cM as getStatic, cN as Signer, cO as Provider, cP as getAddress, cQ as Logger, cR as getContractAddress, cS as Interface, cT as shallowCopy, cU as VoidSigner, cV as Indexed, cW as deepCopy, cX as isHexString, cY as checkResultErrors, cZ as resolveProperties, an as BigNumber, c_ as accessListify, c$ as arrayify, o as jsx, _ as _objectWithoutProperties, bv as cloneElementWithCssProp, M as Body, U as _defineProperty } from './index-Be6kRjpo.js';
 
 const version = "contracts/5.7.0";
 

package/dist/browser/checkout/{FeesBreakdown-BGnZxcX5.js → FeesBreakdown-Bh4uazkv.js}

@@ -1,4 +1,4 @@
-import { q as jsxs, j as jsx, M as Body, bi as PriceDisplay, H as Box, l as useTranslation, ax as Drawer, al as MenuItem, au as Fragment, at as Divider, am as tokenValueFormat, co as formatZeroAmount, bJ as FooterLogo } from './index-BjLYItcm.js';
+import { p as jsxs, o as jsx, M as Body, bh as PriceDisplay, H as Box, u as useTranslation, aw as Drawer, ak as MenuItem, at as Fragment, as as Divider, al as tokenValueFormat, cn as formatZeroAmount, bI as FooterLogo } from './index-Be6kRjpo.js';
 
 const feesBreakdownContentStyles = {
     display: 'flex',

package/dist/browser/checkout/{HandoverContent-CESizLWk.js → HandoverContent-D1zo76oD.js}

@@ -1,4 +1,4 @@
-import { q as jsxs, H as Box, j as jsx, aB as Heading, M as Body, T as Button } from './index-BjLYItcm.js';
+import { p as jsxs, H as Box, o as jsx, aA as Heading, M as Body, T as Button } from './index-Be6kRjpo.js';
 
 function HandoverContent({ headingText, subheadingText, primaryButtonText, onPrimaryButtonClick, secondaryButtonText, onSecondaryButtonClick, }) {
     return (jsxs(Box, { sx: {

package/dist/browser/checkout/{OnRampWidget-BrGpM6Vn.js → OnRampWidget-NHF5WhcL.js}

@@ -1,6 +1,6 @@
-import { d1 as global, ay as useAnalytics, r as reactExports, bV as ConnectLoaderContext, aR as EventTargetContext, l as useTranslation, aM as ViewContext, o as SharedViews, d2 as ExchangeType, j as jsx, aY as SimpleLayout, bG as HeaderNavigation, d3 as sendOnRampWidgetCloseEvent, b0 as orchestrationEvents, I as IMTBLWidgetEvents, H as Box, az as UserJourney, V as ViewActions, bJ as FooterLogo, q as jsxs, cB as SimpleTextBody, bj as viewReducer, bk as initialViewState, cp as NATIVE, L as LoadingView, d4 as sendOnRampSuccessEvent, bK as StatusType, cI as StatusView, d5 as sendOnRampFailedEvent } from './index-BjLYItcm.js';
-import { O as OnRampWidgetViews, T as TopUpView } from './TopUpView-Bg-huhcb.js';
-import { S as SpendingCapHero } from './SpendingCapHero-B3sb2Wt1.js';
+import { d0 as global, ax as useAnalytics, r as reactExports, bU as ConnectLoaderContext, aQ as EventTargetContext, u as useTranslation, aL as ViewContext, m as SharedViews, d1 as ExchangeType, o as jsx, aX as SimpleLayout, bF as HeaderNavigation, d2 as sendOnRampWidgetCloseEvent, a$ as orchestrationEvents, I as IMTBLWidgetEvents, H as Box, ay as UserJourney, V as ViewActions, bI as FooterLogo, p as jsxs, cA as SimpleTextBody, bi as viewReducer, bj as initialViewState, co as NATIVE, L as LoadingView, d3 as sendOnRampSuccessEvent, bJ as StatusType, cH as StatusView, d4 as sendOnRampFailedEvent } from './index-Be6kRjpo.js';
+import { O as OnRampWidgetViews, T as TopUpView } from './TopUpView-DzmCXwDT.js';
+import { S as SpendingCapHero } from './SpendingCapHero-D4WKiLRo.js';
 
 function isNull(arg) {
   return arg === null;

package/dist/browser/checkout/{SaleWidget-iuigaIZp.js → SaleWidget-ByoqYtgj.js}

@@ -1,17 +1,17 @@
-import { _ as _objectWithoutProperties, j as jsx, bq as MultiTextShimmer, U as _defineProperty, x as useTheme, r as reactExports, D as merge, br as getCaptionTextStyles, bs as DEFAULT_BODY_PROPS, bt as baseTextComponentSx, bu as useConvertSxToEmotionStyles, bv as useGetCurrentSizeClass, bw as cloneElementWithCssProp, bg as Environment, ao as BigNumber, bx as compareStr, aM as ViewContext, V as ViewActions, by as SalePaymentTypes, az as UserJourney, l as useTranslation, bz as calculateCryptoToFiat, ay as useAnalytics, aR as EventTargetContext, bA as sendSaleWidgetCloseEvent, bB as sendSaleSuccessEvent, bC as sendSaleFailedEvent, bD as sendSaleTransactionSuccessEvent, bE as sendSalePaymentMethodEvent, bF as sendSalePaymentTokenEvent, bG as HeaderNavigation, q as jsxs, bH as LoadingOverlay, H as Box, au as Fragment, aY as SimpleLayout, aP as useHandover, aQ as HandoverTarget, aS as getRemoteRive, aB as Heading, bI as HandoverDuration, aA as isPassportProvider, al as MenuItem, ar as motion, av as listVariants, as as listItemVariants, o as SharedViews, bJ as FooterLogo, bK as StatusType, bL as prettyFormatNumber, am as tokenValueFormat, bM as ShimmerCircle, T as Button, a8 as Stack, bN as FundingStepType, bO as abbreviateWalletAddress, ax as Drawer, at as Divider, bP as tokenSymbolNameOverrides, bQ as ItemType, bR as TransactionOrGasType, bS as GasTokenType, bT as RoutingOutcomeType, a_ as isNativeToken, a$ as getTokenImageByAddress, bU as isGasFree, bV as ConnectLoaderContext, bW as eventTargetReducer, bX as initialEventTargetState, i as getL1ChainId, h as getL2ChainId, I as IMTBLWidgetEvents, bY as EventTargetActions, L as LoadingView, k as ChainId, bZ as ConnectWidgetViews, s as ConnectWidget, S as SwapEventType, O as OnRampEventType, B as BridgeEventType, b as ConnectEventType, b_ as ConnectLoaderActions, R as ButtCon, M as Body, b$ as widgetTheme, bj as viewReducer, bk as initialViewState, c0 as BlockExplorerService } from './index-BjLYItcm.js';
-import { C as Contract } from './EllipsizedText-CF9lzi6c.js';
-import { u as useTransakEvents, O as OnRampWidget } from './OnRampWidget-BrGpM6Vn.js';
-import { H as HandoverContent } from './HandoverContent-CESizLWk.js';
-import { C as CryptoFiatContext, a as CryptoFiatActions, b as CryptoFiatProvider } from './CryptoFiatProvider-b0KhVg3Y.js';
-import { u as useMount, T as TopUpView } from './TopUpView-Bg-huhcb.js';
-import { T as TokenImage } from './retry-GJcGp5Sw.js';
-import { f as formatUnits } from './index-CshBDuS0.js';
-import { F as Fees } from './WalletApproveHero-DW6Uw6rT.js';
-import BridgeWidget from './BridgeWidget-BCC7YXWj.js';
-import SwapWidget from './SwapWidget-CdXf4YYP.js';
-import './SpendingCapHero-B3sb2Wt1.js';
-import './FeesBreakdown-BGnZxcX5.js';
-import './useInterval-BfG2xnz-.js';
+import { _ as _objectWithoutProperties, o as jsx, bp as MultiTextShimmer, U as _defineProperty, w as useTheme, r as reactExports, D as merge, bq as getCaptionTextStyles, br as DEFAULT_BODY_PROPS, bs as baseTextComponentSx, bt as useConvertSxToEmotionStyles, bu as useGetCurrentSizeClass, bv as cloneElementWithCssProp, bf as Environment, an as BigNumber, bw as compareStr, aL as ViewContext, V as ViewActions, bx as SalePaymentTypes, ay as UserJourney, u as useTranslation, by as calculateCryptoToFiat, ax as useAnalytics, aQ as EventTargetContext, bz as sendSaleWidgetCloseEvent, bA as sendSaleSuccessEvent, bB as sendSaleFailedEvent, bC as sendSaleTransactionSuccessEvent, bD as sendSalePaymentMethodEvent, bE as sendSalePaymentTokenEvent, bF as HeaderNavigation, p as jsxs, bG as LoadingOverlay, H as Box, at as Fragment, aX as SimpleLayout, aO as useHandover, aP as HandoverTarget, aR as getRemoteRive, aA as Heading, bH as HandoverDuration, az as isPassportProvider, ak as MenuItem, aq as motion, au as listVariants, ar as listItemVariants, m as SharedViews, bI as FooterLogo, bJ as StatusType, bK as prettyFormatNumber, al as tokenValueFormat, bL as ShimmerCircle, T as Button, a8 as Stack, bM as FundingStepType, bN as abbreviateWalletAddress, aw as Drawer, as as Divider, bO as tokenSymbolNameOverrides, bP as ItemType, bQ as TransactionOrGasType, bR as GasTokenType, bS as RoutingOutcomeType, aZ as isNativeToken, a_ as getTokenImageByAddress, bT as isGasFree, bU as ConnectLoaderContext, bV as eventTargetReducer, bW as initialEventTargetState, i as getL1ChainId, h as getL2ChainId, I as IMTBLWidgetEvents, bX as EventTargetActions, L as LoadingView, j as ChainId, bY as ConnectWidgetViews, q as ConnectWidget, S as SwapEventType, O as OnRampEventType, B as BridgeEventType, b as ConnectEventType, bZ as ConnectLoaderActions, R as ButtCon, M as Body, b_ as widgetTheme, bi as viewReducer, bj as initialViewState, b$ as BlockExplorerService } from './index-Be6kRjpo.js';
+import { C as Contract } from './EllipsizedText-BYNkXO37.js';
+import { u as useTransakEvents, O as OnRampWidget } from './OnRampWidget-NHF5WhcL.js';
+import { H as HandoverContent } from './HandoverContent-D1zo76oD.js';
+import { C as CryptoFiatContext, a as CryptoFiatActions, b as CryptoFiatProvider } from './CryptoFiatProvider-CiE5eWiz.js';
+import { u as useMount, T as TopUpView } from './TopUpView-DzmCXwDT.js';
+import { T as TokenImage } from './retry-B3R-pN6g.js';
+import { f as formatUnits } from './index-CSsSQRP5.js';
+import { F as Fees } from './WalletApproveHero-DCUEVcQH.js';
+import BridgeWidget from './BridgeWidget-H083MzVz.js';
+import SwapWidget from './SwapWidget-KGdvQrAY.js';
+import './SpendingCapHero-D4WKiLRo.js';
+import './FeesBreakdown-Bh4uazkv.js';
+import './useInterval-BHSScII2.js';
 
 var _excluded = ["size", "rc", "weight", "sx", "testId", "children", "domRef", "className"],
   _excluded2 = ["size", "rc", "weight", "shimmer", "shimmerSx", "sx", "children", "domRef", "testId", "className"];