@imtbl/checkout-widgets 2.4.1 → 2.4.2-alpha.1

package/dist/browser/{AddTokensWidget-C7WvIzVB.js → AddTokensWidget-D0pYls9L.js}

@@ -1,6 +1,6 @@
-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 Y, 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-CuJhn9sR.js';
-import { T as TokenImage } from './TokenImage-Bw5JLoGQ.js';
-import { F as FeesBreakdown } from './FeesBreakdown-BYJrY7h0.js';
+import { r as reactExports, ac as hFlex, ad as _defineProperty, ae as _objectWithoutProperties, af as useForwardLocalDomRef, ag as _slicedToArray, ah as useResizeObserver, Q as useTheme, ai as usePrevious, aj as useGetMotionProfile, ak as useBrowserEffect, al as merge, am as getHeadingTextStyles, an as getMotionProfileSx, ao as useConvertSxToEmotionStyles, ap as DUMMY_WIDTH_PUSHER_TEXT, x as jsxs, v 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, o as oo, C as Co, ay as getDefaultExportFromCjs, az as commonjsGlobal, k as useTranslation, aA as Drawer, aB as Divider, H as Heading, y as Button, aC as useProvidersContext, D 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 Y, aR as SQUID_NATIVE_TOKEN, aS as commonjsRequire, X as getRemoteImage, aT as OnboardingPagination, aU as ViewContext, aV as useHandover, F as EventTargetContext, aW as HandoverTarget, V as ViewActions, q 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, J as getDefaultTokenImage, b6 as TOKEN_PRIORITY_ORDER, A as Body, b7 as EllipsizedText, b8 as Tooltip, b9 as Sticker, ba as getDurationFormatted, bb as getTotalRouteFees, bc as getRouteAndTokenBalances, S as Stack, bd as Icon, be as Badge, bf as getFormattedAmounts, bg as getRemoteVideo, bh as FramedVideo, bi as listVariants, bj as motion, bk as listItemVariants, bl as Banner, bm as 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, N 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, O as amountInputValidation, bP as fetchChains, bQ as fetchBalances, W as CloudImage, a6 as ErrorView, bR as ServiceUnavailableErrorView } from './index-BWfc6Cpd.js';
+import { T as TokenImage } from './TokenImage-DbUvHwQu.js';
+import { F as FeesBreakdown } from './FeesBreakdown-fJTHV_Lg.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(ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const closeWidgetEvent = new CustomEvent(oo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: Ro.CLOSE_WIDGET,
+            type: Co.CLOSE_WIDGET,
             data: {},
         },
     });
@@ -305,9 +305,9 @@ function sendAddTokensCloseEvent(eventTarget) {
         eventTarget.dispatchEvent(closeWidgetEvent);
 }
 function sendConnectProviderSuccessEvent(eventTarget, providerType, provider, providerInfo) {
-    const successEvent = new CustomEvent(ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(oo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: Ro.CONNECT_SUCCESS,
+            type: Co.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(ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(oo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: Ro.SUCCESS,
+            type: Co.SUCCESS,
             data: {
                 transactionHash,
             },
@@ -335,9 +335,9 @@ const sendAddTokensSuccessEvent = (eventTarget, transactionHash) => {
         eventTarget.dispatchEvent(successEvent);
 };
 const sendAddTokensFailedEvent = (eventTarget, reason) => {
-    const failedEvent = new CustomEvent(ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
+    const failedEvent = new CustomEvent(oo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {
         detail: {
-            type: Ro.FAILURE,
+            type: Co.FAILURE,
             data: {
                 reason,
                 timestamp: new Date().getTime(),
@@ -4708,7 +4708,7 @@ function AddTokens({ checkout, toAmount, config, toTokenAddress, showOnrampOptio
             showBackButton: true,
             provider: toProvider,
         };
-        orchestrationEvents.sendRequestOnrampEvent(eventTarget, ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
+        orchestrationEvents.sendRequestOnrampEvent(eventTarget, oo.IMTBL_ADD_TOKENS_WIDGET_EVENT, data);
     };
     const handleCardClick = () => {
         setPayWithCardClicked(true);
@@ -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, ro.IMTBL_ADD_TOKENS_WIDGET_EVENT, {});
+                            orchestrationEvents.sendRequestGoBackEvent(eventTarget, oo.IMTBL_ADD_TOKENS_WIDGET_EVENT, {});
                         } })), viewState.view.type === AddTokensWidgetViews.REVIEW && (jsx(Review, { data: viewState.view.data, onCloseButtonClick: () => sendAddTokensCloseEvent(eventTarget), onBackButtonClick: () => {
                             viewDispatch({
                                 payload: {

package/dist/browser/{BridgeWidget-B1Wu23zB.js → BridgeWidget-BJmgypMt.js}

@@ -1,9 +1,9 @@
-import { co as axios, cp as toQuantity, cq as toBeHex, cr as getAddress, cs as keccak256, ct as AbiCoder, cu as concat, cv as ZeroAddress, d as Contract, _ as isAddress, bN as K$1, aQ as Y, cw as nt$1, cx as S, cy as q$1, b as reactExports, r as ro, l as lo, x as jsxs, w as jsx, cz as ShimmerBox, aP as MenuItem, S as Stack, k as useTranslation, D as Body, y as Button, B as Box, cA as PASSPORT_URL, L as Link, cB as getChainImage, b1 as FramedImage, b7 as EllipsizedText, bd as Icon, cC as getChainIdBySlug, F as useAnalytics, U as UserJourney, aB as Divider, aU as ViewContext, aF as Fragment, V as ViewActions, cD as useWalletConnect, cE as Logo, cF as RawImage, cG as isWalletConnectProvider, I as CryptoFiatContext, cH as AXELAR_SCAN_URL, a$ as isNativeToken, b0 as getTokenImageByAddress, cI as getNativeSymbolByChainSlug, ca as formatUnits, j as calculateCryptoToFiat, G as EventTargetContext, e as ae$1, aJ as D$1, bp as useInjectedProviders, cJ as retry, M as HeaderNavigation, c4 as FooterLogo, aD as WalletDrawer, z as SimpleLayout, aK as isPassportProvider, cK as JsonRpcProvider, a1 as CryptoFiatActions, cL as DEFAULT_TRANSACTIONS_RETRY_POLICY, cM as getChainSlugById, aG as qt, a0 as LoadingView, Q as useTheme, H as Heading, cN as getChainNameById, cO as getWalletProviderNameByProvider, cP as isMetaMaskProvider, cQ as fe$1, aA as Drawer, b3 as ButtCon, cR as ButtonNavigationStyles, O as orchestrationEvents, J as tokenValueFormat, h as formatZeroAmount, cS as NATIVE, bm as Ot, P as amountInputValidation, W as CloudImage, cT as ETH_TOKEN_SYMBOL, X as getRemoteImage, bH as PriceDisplay, c as parseUnits, cU as st, cV as DEFAULT_QUOTE_REFRESH_INTERVAL, cW as addChainChangedListener, cX as removeChainChangedListener, bn as xt, cY as IMX_TOKEN_SYMBOL, a5 as SharedViews, cZ as DEFAULT_TOKEN_DECIMALS, q as dist, c_ as CHECKOUT_CDN_BASE_URL, c$ as heroBackGroundStyles, d0 as heroImageStyles, be as Badge, d1 as SimpleTextBody, d2 as FooterButton, d3 as getEthTokenImage, d4 as WITHDRAWAL_CLAIM_GAS_LIMIT, d5 as Ct, bI as viewReducer, bJ as initialViewState, d6 as r, d7 as StatusView, c5 as StatusType, a6 as ErrorView, bR as ServiceUnavailableErrorView, Y as CryptoFiatProvider, K as getDefaultTokenImage } from './index-CuJhn9sR.js';
-import { T as TokenImage } from './TokenImage-Bw5JLoGQ.js';
-import { A as Accordion, S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, b as gasAmountAccordionStyles, c as gasAmountHeadingStyles, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-DZlFc1Nj.js';
-import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-DESM41IF.js';
-import { u as useInterval } from './useInterval-BxDw5ss0.js';
-import { F as FeesBreakdown } from './FeesBreakdown-BYJrY7h0.js';
+import { co as axios, cp as toQuantity, cq as toBeHex, cr as getAddress, cs as keccak256, ct as AbiCoder, cu as concat, cv as ZeroAddress, d as Contract, _ as isAddress, bN as K$1, aQ as Y, cw as nt$1, cx as S, cy as q$1, r as reactExports, o as oo, p as po, x as jsxs, v as jsx, cz as ShimmerBox, aP as MenuItem, S as Stack, k as useTranslation, A as Body, y as Button, B as Box, cA as PASSPORT_URL, L as Link, cB as getChainImage, b1 as FramedImage, b7 as EllipsizedText, bd as Icon, cC as getChainIdBySlug, D as useAnalytics, U as UserJourney, aB as Divider, aU as ViewContext, aF as Fragment, V as ViewActions, cD as useWalletConnect, cE as Logo, cF as RawImage, cG as isWalletConnectProvider, G as CryptoFiatContext, cH as AXELAR_SCAN_URL, a$ as isNativeToken, b0 as getTokenImageByAddress, cI as getNativeSymbolByChainSlug, ca as formatUnits, j as calculateCryptoToFiat, F as EventTargetContext, e as ae$1, aJ as D$1, bp as useInjectedProviders, cJ as retry, K as HeaderNavigation, c4 as FooterLogo, aD as WalletDrawer, z as SimpleLayout, aK as isPassportProvider, cK as JsonRpcProvider, a1 as CryptoFiatActions, cL as DEFAULT_TRANSACTIONS_RETRY_POLICY, cM as getChainSlugById, aG as qt, a0 as LoadingView, Q as useTheme, H as Heading, cN as getChainNameById, cO as getWalletProviderNameByProvider, cP as isMetaMaskProvider, cQ as fe$1, aA as Drawer, b3 as ButtCon, cR as ButtonNavigationStyles, N as orchestrationEvents, I as tokenValueFormat, h as formatZeroAmount, cS as NATIVE, bm as Ot, O as amountInputValidation, W as CloudImage, cT as ETH_TOKEN_SYMBOL, X as getRemoteImage, bH as PriceDisplay, b as parseUnits, cU as st, cV as DEFAULT_QUOTE_REFRESH_INTERVAL, cW as addChainChangedListener, cX as removeChainChangedListener, bn as xt, cY as IMX_TOKEN_SYMBOL, a5 as SharedViews, cZ as DEFAULT_TOKEN_DECIMALS, l as dist, c_ as CHECKOUT_CDN_BASE_URL, c$ as heroBackGroundStyles, d0 as heroImageStyles, be as Badge, d1 as SimpleTextBody, d2 as FooterButton, d3 as getEthTokenImage, d4 as WITHDRAWAL_CLAIM_GAS_LIMIT, d5 as Ct, bI as viewReducer, bJ as initialViewState, d6 as r, d7 as StatusView, c5 as StatusType, a6 as ErrorView, bR as ServiceUnavailableErrorView, Y as CryptoFiatProvider, J as getDefaultTokenImage } from './index-BWfc6Cpd.js';
+import { T as TokenImage } from './TokenImage-DbUvHwQu.js';
+import { A as Accordion, S as SelectForm, T as TextInputForm, a as TransactionRejected, g as getAllowedBalances, b as gasAmountAccordionStyles, c as gasAmountHeadingStyles, N as NetworkSwitchDrawer, W as WalletApproveHero } from './WalletApproveHero-jWpWMnYc.js';
+import { B as BridgeWidgetViews, T as TopUpView } from './TopUpView-BBUbRwzH.js';
+import { u as useInterval } from './useInterval-D1jYmB3c.js';
+import { F as FeesBreakdown } from './FeesBreakdown-fJTHV_Lg.js';
 
 // This module is intended to unwrap Axios default export as named.
 // Keep top-level export same with static properties
@@ -230,9 +230,9 @@ const bridgeReducer = (state, action) => {
 };
 
 const sendBridgeTransactionSentEvent = (eventTarget, transactionHash) => {
-    const successEvent = new CustomEvent(ro.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(oo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: lo.TRANSACTION_SENT,
+            type: po.TRANSACTION_SENT,
             data: {
                 transactionHash,
             },
@@ -244,9 +244,9 @@ const sendBridgeTransactionSentEvent = (eventTarget, transactionHash) => {
         eventTarget.dispatchEvent(successEvent);
 };
 const sendBridgeFailedEvent = (eventTarget, reason) => {
-    const failedEvent = new CustomEvent(ro.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const failedEvent = new CustomEvent(oo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: lo.FAILURE,
+            type: po.FAILURE,
             data: {
                 reason,
                 timestamp: new Date().getTime(),
@@ -259,9 +259,9 @@ const sendBridgeFailedEvent = (eventTarget, reason) => {
         eventTarget.dispatchEvent(failedEvent);
 };
 function sendBridgeWidgetCloseEvent(eventTarget) {
-    const closeWidgetEvent = new CustomEvent(ro.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const closeWidgetEvent = new CustomEvent(oo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: lo.CLOSE_WIDGET,
+            type: po.CLOSE_WIDGET,
             data: {},
         },
     });
@@ -271,9 +271,9 @@ function sendBridgeWidgetCloseEvent(eventTarget) {
         eventTarget.dispatchEvent(closeWidgetEvent);
 }
 const sendBridgeClaimWithdrawalSuccessEvent = (eventTarget, transactionHash) => {
-    const successEvent = new CustomEvent(ro.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const successEvent = new CustomEvent(oo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: lo.CLAIM_WITHDRAWAL_SUCCESS,
+            type: po.CLAIM_WITHDRAWAL_SUCCESS,
             data: {
                 transactionHash,
             },
@@ -285,9 +285,9 @@ const sendBridgeClaimWithdrawalSuccessEvent = (eventTarget, transactionHash) =>
         eventTarget.dispatchEvent(successEvent);
 };
 const sendBridgeClaimWithdrawalFailedEvent = (eventTarget, transactionHash, reason) => {
-    const failedEvent = new CustomEvent(ro.IMTBL_BRIDGE_WIDGET_EVENT, {
+    const failedEvent = new CustomEvent(oo.IMTBL_BRIDGE_WIDGET_EVENT, {
         detail: {
-            type: lo.CLAIM_WITHDRAWAL_FAILURE,
+            type: po.CLAIM_WITHDRAWAL_FAILURE,
             data: {
                 transactionHash,
                 reason,
@@ -1499,7 +1499,7 @@ function WalletNetworkSelectionView({ showBackButton, }) {
                         },
                     });
                 }, testId: "move-transactions-button" })), showBack: showBackButton, onBackButtonClick: () => {
-                orchestrationEvents.sendRequestGoBackEvent(eventTarget, ro.IMTBL_BRIDGE_WIDGET_EVENT, {});
+                orchestrationEvents.sendRequestGoBackEvent(eventTarget, oo.IMTBL_BRIDGE_WIDGET_EVENT, {});
             } })), footer: jsx(FooterLogo, {}), children: jsx(WalletAndNetworkSelector, {}) }));
 }
 
@@ -3089,7 +3089,7 @@ function BridgeWidget({ checkout, browserProvider, config, amount, tokenAddress,
                                 userJourney: UserJourney.BRIDGE,
                                 screen: 'Error',
                             });
-                        } })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx(TopUpView, { analytics: { userJourney: UserJourney.BRIDGE }, widgetEvent: ro.IMTBL_BRIDGE_WIDGET_EVENT, checkout: checkout, provider: browserProvider, showOnrampOption: isOnRampEnabled, showSwapOption: isSwapEnabled, showBridgeOption: isBridgeEnabled, onCloseButtonClick: () => sendBridgeWidgetCloseEvent(eventTarget) })), viewState.view.type === BridgeWidgetViews.CLAIM_WITHDRAWAL_IN_PROGRESS && (jsx(ClaimWithdrawalInProgress, { transactionResponse: viewState.view.transactionResponse })), viewState.view.type === BridgeWidgetViews.CLAIM_WITHDRAWAL_SUCCESS && (jsx(StatusView, { statusText: t('views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.text'), actionText: t('views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.actionText'), onRenderEvent: () => {
+                        } })), viewState.view.type === SharedViews.TOP_UP_VIEW && (jsx(TopUpView, { analytics: { userJourney: UserJourney.BRIDGE }, widgetEvent: oo.IMTBL_BRIDGE_WIDGET_EVENT, checkout: checkout, provider: browserProvider, showOnrampOption: isOnRampEnabled, showSwapOption: isSwapEnabled, showBridgeOption: isBridgeEnabled, onCloseButtonClick: () => sendBridgeWidgetCloseEvent(eventTarget) })), viewState.view.type === BridgeWidgetViews.CLAIM_WITHDRAWAL_IN_PROGRESS && (jsx(ClaimWithdrawalInProgress, { transactionResponse: viewState.view.transactionResponse })), viewState.view.type === BridgeWidgetViews.CLAIM_WITHDRAWAL_SUCCESS && (jsx(StatusView, { statusText: t('views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.text'), actionText: t('views.CLAIM_WITHDRAWAL.IN_PROGRESS.success.actionText'), onRenderEvent: () => {
                             page({
                                 userJourney: UserJourney.BRIDGE,
                                 screen: 'ClaimWithdrawalSuccess',