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

package/dist/browser/{CommerceWidget-DnB5h5DA.js → CommerceWidget-C99-GGFC.js}

@@ -1,19 +1,19 @@
-import { n as no, w as wo, a as ao, f as fo, i as io, R as Ro, E as Eo, s as so, C as Co, c as co, T as To, u as uo, g as go, l as lo, I as Io, m as mo, r as reactExports, V as ViewActions, b as getL2ChainId, d as getL1ChainId, Y, p as parseUnits, e as Contract, h as ae, j as formatZeroAmount, k as calculateCryptoToFiat, o as useTranslation, q as dist, t as getRemoteRive, v as et, x as jsx, y as jsxs, B as Box, H as Heading, L as Link, z as Button, S as Stack, A as SimpleLayout, D as Body, F as useAnalytics, G as EventTargetContext, J as CryptoFiatContext, K as tokenValueFormat, M as getDefaultTokenImage, U as UserJourney, N as HeaderNavigation, O as sendCloseWidgetEvent, P as orchestrationEvents$1, Q as amountInputValidation, W as ho, X as useTheme, Z as CloudImage, _ as getRemoteImage, $ as CryptoFiatProvider, a0 as ConnectLoaderContext, a1 as isAddress, a2 as isError, a3 as LoadingView, a4 as CryptoFiatActions, a5 as useViewState, a6 as useEventTargetState, a7 as commerceFlows, a8 as SharedViews, a9 as ErrorView, aa as ConnectWidget, ab as ProvidersContextProvider, ac as PurchaseWidget, ad as ConnectLoader, ae as ViewContextProvider } from './index-CqT6H9W-.js';
-import { S as SelectInput, a as SwapWidget } from './SwapWidget-QxW4xOa_.js';
-import { B as BridgeWidget } from './BridgeWidget-tDPVxvTK.js';
-import OnRampWidget from './OnRampWidget-B3cnjDkJ.js';
-import WalletWidget from './WalletWidget-BozZjliU.js';
-import SaleWidget from './SaleWidget-C7tDRhvp.js';
-import AddTokensWidget from './AddTokensWidget-Ma98Dqwh.js';
-import { g as getAllowedBalances, T as TextInputForm } from './WalletApproveHero-Di02Phe4.js';
-import './useInterval-Dp4GWqSc.js';
-import './TopUpView-DPkqr-YC.js';
-import './FeesBreakdown-SMMmNxU-.js';
-import './SpendingCapHero-Do-mkYwB.js';
-import './TokenImage-lDWfoU2b.js';
+import { r as ro, A as Ao, o as oo, m as mo, n as no, f as fo, g as go, a as ao, E as Eo, i as io, R as Ro, l as lo, u as uo, s as so, C as Co, p as po, b as reactExports, V as ViewActions, c as parseUnits, d as Contract, e as ae, h as formatZeroAmount, j as calculateCryptoToFiat, k as useTranslation, q as dist, t as getRemoteRive, v as tt, w as jsx, x as jsxs, B as Box, H as Heading, L as Link, y as Button, S as Stack, z as SimpleLayout, D as Body, F as useAnalytics, G as EventTargetContext, I as CryptoFiatContext, J as tokenValueFormat, K as getDefaultTokenImage, U as UserJourney, M as HeaderNavigation, N as sendCloseWidgetEvent, O as orchestrationEvents$1, P as amountInputValidation, T as To, Q as useTheme, W as CloudImage, X as getRemoteImage, Y as CryptoFiatProvider, Z as ConnectLoaderContext, _ as isAddress, $ as isError, a0 as LoadingView, a1 as CryptoFiatActions, a2 as useViewState, a3 as useEventTargetState, a4 as commerceFlows, a5 as SharedViews, a6 as ErrorView, a7 as ConnectWidget, a8 as ProvidersContextProvider, a9 as PurchaseWidget, aa as ConnectLoader, ab as ViewContextProvider } from './index-S9AO9JR0.js';
+import { S as SelectInput, a as SwapWidget } from './SwapWidget-IkGuHL6E.js';
+import { B as BridgeWidget } from './BridgeWidget-D_3RTCX2.js';
+import OnRampWidget from './OnRampWidget-BHGaS-OH.js';
+import WalletWidget from './WalletWidget-DSTv_B3p.js';
+import SaleWidget from './SaleWidget-C4GWc59i.js';
+import AddTokensWidget from './AddTokensWidget-DaksUeLJ.js';
+import { g as getAllowedBalances, T as TextInputForm } from './WalletApproveHero-CK_TX02R.js';
+import './useInterval-B_9ZtAsp.js';
+import './TopUpView-D5fh2au_.js';
+import './FeesBreakdown-BJbAIdyp.js';
+import './SpendingCapHero-D7e3_oAu.js';
+import './TokenImage-AbfB1fSa.js';
 
 const sendCheckoutEvent = (eventTarget, detail) => {
-    const event = new CustomEvent(no.IMTBL_COMMERCE_WIDGET_EVENT, { detail });
+    const event = new CustomEvent(ro.IMTBL_COMMERCE_WIDGET_EVENT, { detail });
     // eslint-disable-next-line no-console
     console.log('checkout app event ', eventTarget, event);
     if (eventTarget !== undefined)
@@ -24,18 +24,18 @@ const sendCheckoutEvent = (eventTarget, detail) => {
  * List of views that require a connect loader wrapper
  */
 const connectLoaderFlows = [
-    wo.SALE,
-    wo.SWAP,
-    wo.WALLET,
-    wo.ONRAMP,
-    wo.TRANSFER,
+    Ao.SALE,
+    Ao.SWAP,
+    Ao.WALLET,
+    Ao.ONRAMP,
+    Ao.TRANSFER,
 ];
 /**
  * List of views that require a providers context wrapper
  */
 const providersContextFlows = [
-    wo.ADD_TOKENS,
-    wo.PURCHASE,
+    Ao.ADD_TOKENS,
+    Ao.PURCHASE,
 ];
 /**
  * Check if the given view requires a connected wallet
@@ -56,25 +56,25 @@ function isProvidersContextFlow(view) {
 function mapConnectWidgetEvent(event) {
     const { type, data } = event.detail;
     switch (type) {
-        case io.SUCCESS:
+        case no.SUCCESS:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.CONNECT_SUCCESS,
+                    type: go.CONNECT_SUCCESS,
                     data,
                 },
             };
-        case io.FAILURE:
+        case no.FAILURE:
             return {
-                type: fo.FAILURE,
+                type: mo.FAILURE,
                 data: {
-                    type: Ro.CONNECT_FAILED,
+                    type: fo.CONNECT_FAILED,
                     data,
                 },
             };
-        case io.CLOSE_WIDGET:
+        case no.CLOSE_WIDGET:
             return {
-                type: fo.CLOSE,
+                type: mo.CLOSE,
                 data: {},
             };
         default:
@@ -87,22 +87,22 @@ function mapConnectWidgetEvent(event) {
 function mapWalletWidgetEvent(event) {
     const { type, data } = event.detail;
     switch (type) {
-        case so.NETWORK_SWITCH:
+        case ao.NETWORK_SWITCH:
             return {
-                type: fo.USER_ACTION,
+                type: mo.USER_ACTION,
                 data: {
-                    type: Co.NETWORK_SWITCH,
+                    type: Eo.NETWORK_SWITCH,
                     data,
                 },
             };
-        case so.DISCONNECT_WALLET:
+        case ao.DISCONNECT_WALLET:
             return {
-                type: fo.DISCONNECTED,
+                type: mo.DISCONNECTED,
                 data: {},
             };
-        case so.CLOSE_WIDGET:
+        case ao.CLOSE_WIDGET:
             return {
-                type: fo.CLOSE,
+                type: mo.CLOSE,
                 data: {},
             };
         default:
@@ -115,33 +115,33 @@ function mapWalletWidgetEvent(event) {
 function mapSwapWidgetEvent(event) {
     const { type, data } = event.detail;
     switch (type) {
-        case co.SUCCESS:
+        case io.SUCCESS:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.SWAP_SUCCESS,
+                    type: go.SWAP_SUCCESS,
                     data,
                 },
             };
-        case co.FAILURE:
+        case io.FAILURE:
             return {
-                type: fo.FAILURE,
+                type: mo.FAILURE,
                 data: {
-                    type: Ro.SWAP_FAILED,
+                    type: fo.SWAP_FAILED,
                     data,
                 },
             };
-        case co.REJECTED:
+        case io.REJECTED:
             return {
-                type: fo.FAILURE,
+                type: mo.FAILURE,
                 data: {
-                    type: Ro.SWAP_REJECTED,
+                    type: fo.SWAP_REJECTED,
                     data,
                 },
             };
-        case co.CLOSE_WIDGET:
+        case io.CLOSE_WIDGET:
             return {
-                type: fo.CLOSE,
+                type: mo.CLOSE,
                 data: {},
             };
         default:
@@ -154,33 +154,33 @@ function mapSwapWidgetEvent(event) {
 function mapAddTokensWidgetEvent(event) {
     const { type } = event.detail;
     switch (type) {
-        case To.SUCCESS:
+        case Ro.SUCCESS:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.ADD_TOKENS_SUCCESS,
+                    type: go.ADD_TOKENS_SUCCESS,
                     data: event.detail.data,
                 },
             };
-        case To.CONNECT_SUCCESS:
+        case Ro.CONNECT_SUCCESS:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.ADD_TOKENS_CONNECT_SUCCESS,
+                    type: go.ADD_TOKENS_CONNECT_SUCCESS,
                     data: event.detail.data,
                 },
             };
-        case To.FAILURE:
+        case Ro.FAILURE:
             return {
-                type: fo.FAILURE,
+                type: mo.FAILURE,
                 data: {
-                    type: Ro.ADD_TOKENS_FAILED,
+                    type: fo.ADD_TOKENS_FAILED,
                     data: event.detail.data,
                 },
             };
-        case To.CLOSE_WIDGET:
+        case Ro.CLOSE_WIDGET:
             return {
-                type: fo.CLOSE,
+                type: mo.CLOSE,
                 data: {},
             };
         default:
@@ -193,41 +193,41 @@ function mapAddTokensWidgetEvent(event) {
 function mapBridgeWidgetEvent(event) {
     const { type, data } = event.detail;
     switch (type) {
-        case uo.TRANSACTION_SENT:
+        case lo.TRANSACTION_SENT:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.BRIDGE_SUCCESS,
+                    type: go.BRIDGE_SUCCESS,
                     data,
                 },
             };
-        case uo.CLAIM_WITHDRAWAL_SUCCESS:
+        case lo.CLAIM_WITHDRAWAL_SUCCESS:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.BRIDGE_CLAIM_WITHDRAWAL_SUCCESS,
+                    type: go.BRIDGE_CLAIM_WITHDRAWAL_SUCCESS,
                     data,
                 },
             };
-        case uo.CLAIM_WITHDRAWAL_FAILURE:
+        case lo.CLAIM_WITHDRAWAL_FAILURE:
             return {
-                type: fo.FAILURE,
+                type: mo.FAILURE,
                 data: {
-                    type: Ro.BRIDGE_CLAIM_WITHDRAWAL_FAILED,
+                    type: fo.BRIDGE_CLAIM_WITHDRAWAL_FAILED,
                     data,
                 },
             };
-        case uo.FAILURE:
+        case lo.FAILURE:
             return {
-                type: fo.FAILURE,
+                type: mo.FAILURE,
                 data: {
-                    type: Ro.BRIDGE_FAILED,
+                    type: fo.BRIDGE_FAILED,
                     data,
                 },
             };
-        case uo.CLOSE_WIDGET:
+        case lo.CLOSE_WIDGET:
             return {
-                type: fo.CLOSE,
+                type: mo.CLOSE,
                 data: {},
             };
         default:
@@ -240,25 +240,25 @@ function mapBridgeWidgetEvent(event) {
 function mapOnrampWidgetEvent(event) {
     const { type, data } = event.detail;
     switch (type) {
-        case go.SUCCESS:
+        case uo.SUCCESS:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.ONRAMP_SUCCESS,
+                    type: go.ONRAMP_SUCCESS,
                     data,
                 },
             };
-        case go.FAILURE:
+        case uo.FAILURE:
             return {
-                type: fo.FAILURE,
+                type: mo.FAILURE,
                 data: {
-                    type: Ro.ONRAMP_FAILED,
+                    type: fo.ONRAMP_FAILED,
                     data,
                 },
             };
-        case go.CLOSE_WIDGET:
+        case uo.CLOSE_WIDGET:
             return {
-                type: fo.CLOSE,
+                type: mo.CLOSE,
                 data: {},
             };
         default:
@@ -268,48 +268,48 @@ function mapOnrampWidgetEvent(event) {
 function mapSaleWidgetEvent(event) {
     const { type, data } = event.detail;
     switch (type) {
-        case lo.SUCCESS:
+        case so.SUCCESS:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.SALE_SUCCESS,
+                    type: go.SALE_SUCCESS,
                     data,
                 },
             };
-        case lo.FAILURE:
+        case so.FAILURE:
             return {
-                type: fo.FAILURE,
+                type: mo.FAILURE,
                 data: {
-                    type: Ro.SALE_FAILED,
+                    type: fo.SALE_FAILED,
                     data,
                 },
             };
-        case lo.CLOSE_WIDGET:
+        case so.CLOSE_WIDGET:
             return {
-                type: fo.CLOSE,
+                type: mo.CLOSE,
                 data: {},
             };
-        case lo.TRANSACTION_SUCCESS:
+        case so.TRANSACTION_SUCCESS:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.SALE_TRANSACTION_SUCCESS,
+                    type: go.SALE_TRANSACTION_SUCCESS,
                     data,
                 },
             };
-        case lo.PAYMENT_METHOD:
+        case so.PAYMENT_METHOD:
             return {
-                type: fo.USER_ACTION,
+                type: mo.USER_ACTION,
                 data: {
-                    type: Co.PAYMENT_METHOD_SELECTED,
+                    type: Eo.PAYMENT_METHOD_SELECTED,
                     data,
                 },
             };
-        case lo.PAYMENT_TOKEN:
+        case so.PAYMENT_TOKEN:
             return {
-                type: fo.USER_ACTION,
+                type: mo.USER_ACTION,
                 data: {
-                    type: Co.PAYMENT_TOKEN_SELECTED,
+                    type: Eo.PAYMENT_TOKEN_SELECTED,
                     data,
                 },
             };
@@ -320,25 +320,25 @@ function mapSaleWidgetEvent(event) {
 function mapPurchaseWidgetEvent(event) {
     const { type, data } = event.detail;
     switch (type) {
-        case Io.SUCCESS:
+        case Co.SUCCESS:
             return {
-                type: fo.SUCCESS,
+                type: mo.SUCCESS,
                 data: {
-                    type: Eo.SALE_SUCCESS,
+                    type: go.SALE_SUCCESS,
                     data,
                 },
             };
-        case Io.FAILURE:
+        case Co.FAILURE:
             return {
-                type: fo.FAILURE,
+                type: mo.FAILURE,
                 data: {
-                    type: Ro.SALE_FAILED,
+                    type: fo.SALE_FAILED,
                     data,
                 },
             };
-        case Io.CLOSE_WIDGET:
+        case Co.CLOSE_WIDGET:
             return {
-                type: fo.CLOSE,
+                type: mo.CLOSE,
                 data: {},
             };
         default:
@@ -349,28 +349,28 @@ function mapPurchaseWidgetEvent(event) {
  * Map widget events to commerce widget event detail
  */
 function getCommerceWidgetEvent(event) {
-    if (event.detail.type === ao.PROVIDER_UPDATED) {
+    if (event.detail.type === oo.PROVIDER_UPDATED) {
         return {
-            type: fo.PROVIDER_UPDATED,
+            type: mo.PROVIDER_UPDATED,
             data: event.detail.data,
         };
     }
     switch (event.type) {
-        case no.IMTBL_CONNECT_WIDGET_EVENT:
+        case ro.IMTBL_CONNECT_WIDGET_EVENT:
             return mapConnectWidgetEvent(event);
-        case no.IMTBL_WALLET_WIDGET_EVENT:
+        case ro.IMTBL_WALLET_WIDGET_EVENT:
             return mapWalletWidgetEvent(event);
-        case no.IMTBL_SWAP_WIDGET_EVENT:
+        case ro.IMTBL_SWAP_WIDGET_EVENT:
             return mapSwapWidgetEvent(event);
-        case no.IMTBL_ADD_TOKENS_WIDGET_EVENT:
+        case ro.IMTBL_ADD_TOKENS_WIDGET_EVENT:
             return mapAddTokensWidgetEvent(event);
-        case no.IMTBL_BRIDGE_WIDGET_EVENT:
+        case ro.IMTBL_BRIDGE_WIDGET_EVENT:
             return mapBridgeWidgetEvent(event);
-        case no.IMTBL_ONRAMP_WIDGET_EVENT:
+        case ro.IMTBL_ONRAMP_WIDGET_EVENT:
             return mapOnrampWidgetEvent(event);
-        case no.IMTBL_SALE_WIDGET_EVENT:
+        case ro.IMTBL_SALE_WIDGET_EVENT:
             return mapSaleWidgetEvent(event);
-        case no.IMTBL_PURCHASE_WIDGET_EVENT:
+        case ro.IMTBL_PURCHASE_WIDGET_EVENT:
             return mapPurchaseWidgetEvent(event);
         default:
             throw new Error(`Unknown widget event type "${event.type}"`);
@@ -382,20 +382,20 @@ function getCommerceWidgetEvent(event) {
  */
 function getViewFromOrchestrationEventType(type) {
     switch (type) {
-        case mo.REQUEST_SWAP:
-            return wo.SWAP;
-        case mo.REQUEST_CONNECT:
-            return wo.CONNECT;
-        case mo.REQUEST_WALLET:
-            return wo.WALLET;
-        case mo.REQUEST_BRIDGE:
-            return wo.BRIDGE;
-        case mo.REQUEST_ONRAMP:
-            return wo.ONRAMP;
-        case mo.REQUEST_ADD_TOKENS:
-            return wo.ADD_TOKENS;
-        case mo.REQUEST_PURCHASE:
-            return wo.PURCHASE;
+        case po.REQUEST_SWAP:
+            return Ao.SWAP;
+        case po.REQUEST_CONNECT:
+            return Ao.CONNECT;
+        case po.REQUEST_WALLET:
+            return Ao.WALLET;
+        case po.REQUEST_BRIDGE:
+            return Ao.BRIDGE;
+        case po.REQUEST_ONRAMP:
+            return Ao.ONRAMP;
+        case po.REQUEST_ADD_TOKENS:
+            return Ao.ADD_TOKENS;
+        case po.REQUEST_PURCHASE:
+            return Ao.PURCHASE;
         default:
             return null;
     }
@@ -403,14 +403,14 @@ function getViewFromOrchestrationEventType(type) {
 
 /** Orchestration Events List */
 const orchestrationEvents = [
-    mo.REQUEST_CONNECT,
-    mo.REQUEST_WALLET,
-    mo.REQUEST_SWAP,
-    mo.REQUEST_BRIDGE,
-    mo.REQUEST_ONRAMP,
-    mo.REQUEST_ADD_TOKENS,
-    mo.REQUEST_PURCHASE,
-    mo.REQUEST_GO_BACK,
+    po.REQUEST_CONNECT,
+    po.REQUEST_WALLET,
+    po.REQUEST_SWAP,
+    po.REQUEST_BRIDGE,
+    po.REQUEST_ONRAMP,
+    po.REQUEST_ADD_TOKENS,
+    po.REQUEST_PURCHASE,
+    po.REQUEST_GO_BACK,
 ];
 /**
  * Check if event is orchestration event
@@ -421,14 +421,14 @@ function isOrchestrationEvent(event) {
 
 /** Widget Events List */
 const widgetEvents = [
-    no.IMTBL_CONNECT_WIDGET_EVENT,
-    no.IMTBL_WALLET_WIDGET_EVENT,
-    no.IMTBL_SWAP_WIDGET_EVENT,
-    no.IMTBL_BRIDGE_WIDGET_EVENT,
-    no.IMTBL_ONRAMP_WIDGET_EVENT,
-    no.IMTBL_SALE_WIDGET_EVENT,
-    no.IMTBL_ADD_TOKENS_WIDGET_EVENT,
-    no.IMTBL_PURCHASE_WIDGET_EVENT,
+    ro.IMTBL_CONNECT_WIDGET_EVENT,
+    ro.IMTBL_WALLET_WIDGET_EVENT,
+    ro.IMTBL_SWAP_WIDGET_EVENT,
+    ro.IMTBL_BRIDGE_WIDGET_EVENT,
+    ro.IMTBL_ONRAMP_WIDGET_EVENT,
+    ro.IMTBL_SALE_WIDGET_EVENT,
+    ro.IMTBL_ADD_TOKENS_WIDGET_EVENT,
+    ro.IMTBL_PURCHASE_WIDGET_EVENT,
 ];
 /**
  * Subscribe and Handle widget events
@@ -440,7 +440,7 @@ function useWidgetEvents(eventTarget, viewState, handleProviderUpdated) {
      */
     const handleOrchestrationEvent = (event) => {
         const { type, data } = event.detail;
-        if (type === mo.REQUEST_GO_BACK) {
+        if (type === po.REQUEST_GO_BACK) {
             viewDispatch({
                 payload: {
                     type: ViewActions.UPDATE_VIEW,
@@ -449,7 +449,7 @@ function useWidgetEvents(eventTarget, viewState, handleProviderUpdated) {
             });
             return;
         }
-        if (type === mo.REQUEST_ONRAMP) {
+        if (type === po.REQUEST_ONRAMP) {
             const onRampEvent = data;
             if (onRampEvent.provider) {
                 handleProviderUpdated(onRampEvent.provider);
@@ -494,47 +494,41 @@ function useWidgetEvents(eventTarget, viewState, handleProviderUpdated) {
     }, [handleWidgetEvent]);
 }
 
-/**
- * Get the chain id for the checkout
- */
-const getChainId = (checkout) => (checkout.config.isProduction
-    ? Y.IMTBL_ZKEVM_MAINNET
-    : Y.IMTBL_ZKEVM_TESTNET);
 /**
  * Get the connect loader params for the widget
  */
 function getConnectLoaderParams(view, checkout, browserProvider) {
     const { type } = view;
     switch (type) {
-        case wo.WALLET:
+        case Ao.WALLET:
             return {
                 checkout,
                 browserProvider,
-                targetChainId: getChainId(checkout),
+                targetChainId: checkout.config.l2ChainId,
                 allowedChains: [
-                    getL1ChainId(checkout.config),
-                    getL2ChainId(checkout.config),
+                    checkout.config.l1ChainId,
+                    checkout.config.l2ChainId,
                 ],
             };
-        case wo.ONRAMP:
-        case wo.ADD_TOKENS:
+        case Ao.ONRAMP:
+        case Ao.ADD_TOKENS:
             return {
                 checkout,
                 browserProvider,
-                targetChainId: getChainId(checkout),
+                targetChainId: checkout.config.l2ChainId,
                 allowedChains: [
-                    getL1ChainId(checkout.config),
-                    getL2ChainId(checkout.config),
+                    checkout.config.l1ChainId,
+                    checkout.config.l2ChainId,
                 ],
             };
-        case wo.SALE:
-        case wo.SWAP:
-        case wo.TRANSFER:
+        case Ao.SALE:
+        case Ao.SWAP:
+        case Ao.TRANSFER:
             return {
                 checkout,
                 browserProvider,
-                targetChainId: getChainId(checkout),
-                allowedChains: [getL2ChainId(checkout.config)],
+                targetChainId: checkout.config.l2ChainId,
+                allowedChains: [checkout.config.l2ChainId],
             };
         default:
             return {};
@@ -629,7 +623,7 @@ function TransferComplete({ config, viewState, onContinue, }) {
             return;
         input.value = 3;
     }, [input]);
-    const explorerLink = reactExports.useMemo(() => et.getTransactionLink(viewState.chainId, viewState.receipt.hash), [viewState.chainId, viewState.receipt.hash]);
+    const explorerLink = reactExports.useMemo(() => tt.getTransactionLink(viewState.chainId, viewState.receipt.hash), [viewState.chainId, viewState.receipt.hash]);
     return (jsx(SimpleLayout, { containerSx: { bg: 'transparent' }, children: jsxs(Stack, { justifyContent: "space-between", sx: {
                 height: '100%',
                 mb: 'base.spacing.x10',
@@ -739,7 +733,7 @@ function TransferForm({ config, viewState, setViewState, onSend, showBackButton,
     }, [token]);
     const isButtonDisabled = reactExports.useMemo(() => !viewState.amount || !viewState.toAddress || !token, [viewState.amount, viewState.toAddress, token]);
     return (jsx(SimpleLayout, { header: (jsx(HeaderNavigation, { title: t('views.TRANSFER.header.title'), onCloseButtonClick: () => sendCloseWidgetEvent(eventTarget), showBack: showBackButton, onBackButtonClick: () => {
-                orchestrationEvents$1.sendRequestGoBackEvent(eventTarget, no.IMTBL_TRANSFER_WIDGET_EVENT, {});
+                orchestrationEvents$1.sendRequestGoBackEvent(eventTarget, ro.IMTBL_TRANSFER_WIDGET_EVENT, {});
             } })), children: jsxs(Stack, { justifyContent: "space-between", sx: {
                 height: '100%',
                 mt: 'base.spacing.x6',
@@ -749,9 +743,9 @@ function TransferForm({ config, viewState, setViewState, onSend, showBackButton,
 }
 
 const sendSuccessEvent = (eventTarget, transactionHash) => {
-    const successEvent = new CustomEvent(no.IMTBL_TRANSFER_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(ro.IMTBL_TRANSFER_WIDGET_EVENT, {
         detail: {
-            type: ho.SUCCESS,
+            type: To.SUCCESS,
             data: {
                 transactionHash,
             },
@@ -763,9 +757,9 @@ const sendSuccessEvent = (eventTarget, transactionHash) => {
         eventTarget.dispatchEvent(successEvent);
 };
 const sendFailedEvent = (eventTarget, reason) => {
-    const failedEvent = new CustomEvent(no.IMTBL_TRANSFER_WIDGET_EVENT, {
+    const failedEvent = new CustomEvent(ro.IMTBL_TRANSFER_WIDGET_EVENT, {
         detail: {
-            type: ho.FAILURE,
+            type: To.FAILURE,
             data: {
                 reason,
                 timestamp: new Date().getTime(),
@@ -778,9 +772,9 @@ const sendFailedEvent = (eventTarget, reason) => {
         eventTarget.dispatchEvent(failedEvent);
 };
 const sendRejectedEvent = (eventTarget, reason) => {
-    const rejectedEvent = new CustomEvent(no.IMTBL_TRANSFER_WIDGET_EVENT, {
+    const rejectedEvent = new CustomEvent(ro.IMTBL_TRANSFER_WIDGET_EVENT, {
         detail: {
-            type: ho.REJECTED,
+            type: To.REJECTED,
             data: {
                 reason,
                 timestamp: new Date().getTime(),
@@ -882,7 +876,7 @@ function TransferWidgetInner(props) {
             setViewState({
                 type: 'COMPLETE',
                 receipt,
-                chainId: getL2ChainId(viewState.checkout.config),
+                chainId: viewState.checkout.config.l2ChainId,
                 checkout: viewState.checkout,
                 provider: viewState.provider,
                 allowedBalances: viewState.allowedBalances,
@@ -957,8 +951,8 @@ function CommerceWidget(props) {
     const commerceReducerValues = reactExports.useMemo(() => ({ commerceState, commerceDispatch }), [commerceState, commerceDispatch]);
     const { provider } = commerceState;
     const connectLoaderParams = reactExports.useMemo(() => getConnectLoaderParams(view, checkout, provider || browserProvider), [view, checkout, provider, browserProvider]);
-    const connectLoaderSuccessEvent = (flowParams.flow === wo.ADD_TOKENS
-        || flowParams.flow === wo.PURCHASE) ? () => { } : undefined;
+    const connectLoaderSuccessEvent = (flowParams.flow === Ao.ADD_TOKENS
+        || flowParams.flow === Ao.PURCHASE) ? () => { } : undefined;
     const goToPreviousView = reactExports.useCallback(() => {
         const sharedViews = [
             SharedViews.LOADING_VIEW,
@@ -1056,28 +1050,28 @@ function CommerceWidget(props) {
     const showBackButton = !!view.data?.showBackButton;
     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: fo.CLOSE,
+                            type: mo.CLOSE,
                             data: {},
                         });
                     }, onActionClick: () => {
                         // TODO: trigger a retry
-                    }, actionText: t('views.ERROR_VIEW.actionText') })), view.type === wo.CONNECT && (jsx(ConnectWidget, { config: widgetsConfig, checkout: checkout, sendCloseEventOverride: () => {
+                    }, actionText: t('views.ERROR_VIEW.actionText') })), view.type === Ao.CONNECT && (jsx(ConnectWidget, { config: widgetsConfig, checkout: checkout, sendCloseEventOverride: () => {
                         sendCheckoutEvent(eventTarget, {
-                            type: fo.CLOSE,
+                            type: mo.CLOSE,
                             data: {},
                         });
-                    }, ...(view.data.params || {}) })), view.type === wo.BRIDGE && (jsx(BridgeWidget, { config: widgetsConfig, checkout: checkout, browserProvider: browserProvider, showBackButton: showBackButton, ...(view.data.params || {}) })), shouldWrapWithProvidersContext && view.type === wo.ADD_TOKENS && (jsx(ProvidersContextProvider, { initialState: { checkout, toProvider: view.data.params.toProvider }, children: jsx(AddTokensWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton }) })), shouldWrapWithProvidersContext && view.type === wo.PURCHASE && (jsx(ProvidersContextProvider, { initialState: { checkout }, children: jsx(PurchaseWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton }) })), shouldWrapWithConnectLoader && (jsx(ConnectLoader, { widgetConfig: widgetsConfig, params: connectLoaderParams, successEvent: connectLoaderSuccessEvent, closeEvent: () => {
+                    }, ...(view.data.params || {}) })), view.type === Ao.BRIDGE && (jsx(BridgeWidget, { config: widgetsConfig, checkout: checkout, browserProvider: browserProvider, showBackButton: showBackButton, ...(view.data.params || {}) })), shouldWrapWithProvidersContext && view.type === Ao.ADD_TOKENS && (jsx(ProvidersContextProvider, { initialState: { checkout, toProvider: view.data.params.toProvider }, children: jsx(AddTokensWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton }) })), shouldWrapWithProvidersContext && view.type === Ao.PURCHASE && (jsx(ProvidersContextProvider, { initialState: { checkout }, children: jsx(PurchaseWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton }) })), shouldWrapWithConnectLoader && (jsx(ConnectLoader, { widgetConfig: widgetsConfig, params: connectLoaderParams, successEvent: connectLoaderSuccessEvent, closeEvent: () => {
                         sendCheckoutEvent(eventTarget, {
-                            type: fo.CLOSE,
+                            type: mo.CLOSE,
                             data: {},
                         });
-                    }, showBackButton: showBackButton, goBackEvent: goToPreviousView, children: jsxs(reactExports.Suspense, { fallback: jsx(LoadingView, { loadingText: t('views.LOADING_VIEW.text') }), children: [view.type === wo.WALLET && (jsx(WalletWidget, { config: widgetsConfig, walletConfig: {
+                    }, showBackButton: showBackButton, goBackEvent: goToPreviousView, children: jsxs(reactExports.Suspense, { fallback: jsx(LoadingView, { loadingText: t('views.LOADING_VIEW.text') }), children: [view.type === Ao.WALLET && (jsx(WalletWidget, { config: widgetsConfig, walletConfig: {
                                     showNetworkMenu: true,
                                     showDisconnectButton: true,
                                     ...view.data.config,
-                                }, ...(view.data.params || {}) })), view.type === wo.SALE && (jsx(SaleWidget, { config: widgetsConfig, ...(view.data.params || {}), hideExcludedPaymentTypes: false,
+                                }, ...(view.data.params || {}) })), view.type === Ao.SALE && (jsx(SaleWidget, { config: widgetsConfig, ...(view.data.params || {}), hideExcludedPaymentTypes: false,
                                 waitFulfillmentSettlements: true,
-                                ...view.data.config })), view.type === wo.SWAP && (jsx(SwapWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton })), view.type === wo.ONRAMP && (jsx(OnRampWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton })), view.type === wo.TRANSFER && (jsx(TransferWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton }))] }) }))] }) }));
+                                ...view.data.config })), view.type === Ao.SWAP && (jsx(SwapWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton })), view.type === Ao.ONRAMP && (jsx(OnRampWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton })), view.type === Ao.TRANSFER && (jsx(TransferWidget, { config: widgetsConfig, ...(view.data.params || {}), ...(view.data.config || {}), showBackButton: showBackButton }))] }) }))] }) }));
 }
 
 export { CommerceWidget as default };