@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.5

package/dist/esm/pages/TransactionPage/TransactionPage.js

@@ -1,162 +1,189 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Delete from '@mui/icons-material/Delete';
-import { Box, Button, Tooltip } from '@mui/material';
-import { useLocation, useNavigate } from '@tanstack/react-router';
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ContractComponent } from '../../components/ContractComponent/ContractComponent.js';
-import { WarningMessages } from '../../components/Messages/WarningMessages.js';
-import { PageContainer } from '../../components/PageContainer.js';
-import { getStepList } from '../../components/Step/StepList.js';
-import { TransactionDetails } from '../../components/TransactionDetails.js';
-import { useAddressActivity } from '../../hooks/useAddressActivity.js';
-import { useHeader } from '../../hooks/useHeader.js';
-import { useNavigateBack } from '../../hooks/useNavigateBack.js';
-import { useRouteExecution } from '../../hooks/useRouteExecution.js';
-import { useWidgetEvents } from '../../hooks/useWidgetEvents.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { useFieldActions } from '../../stores/form/useFieldActions.js';
-import { useHeaderStore } from '../../stores/header/useHeaderStore.js';
-import { RouteExecutionStatus } from '../../stores/routes/types.js';
-import { WidgetEvent } from '../../types/events.js';
-import { HiddenUI } from '../../types/widget.js';
-import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
-import { navigationRoutes } from '../../utils/navigationRoutes.js';
-import { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js';
-import { ExchangeRateBottomSheet } from './ExchangeRateBottomSheet.js';
-import { RouteTracker } from './RouteTracker.js';
-import { StartTransactionButton } from './StartTransactionButton.js';
-import { StatusBottomSheet } from './StatusBottomSheet.js';
-import { TokenValueBottomSheet } from './TokenValueBottomSheet.js';
-import { calculateValueLossPercentage, getTokenValueLossThreshold, } from './utils.js';
-export const TransactionPage = () => {
-    const { t } = useTranslation();
-    const { setFieldValue } = useFieldActions();
-    const emitter = useWidgetEvents();
-    const setBackAction = useHeaderStore((state) => state.setBackAction);
-    const navigate = useNavigate();
-    const navigateBack = useNavigateBack();
-    const { subvariant, subvariantOptions, contractSecondaryComponent, hiddenUI, } = useWidgetConfig();
-    const { search } = useLocation();
-    const stateRouteId = search?.routeId;
-    const [routeId, setRouteId] = useState(stateRouteId);
-    const [routeRefreshing, setRouteRefreshing] = useState(false);
-    const tokenValueBottomSheetRef = useRef(null);
-    const exchangeRateBottomSheetRef = useRef(null);
-    const confirmToAddressSheetRef = useRef(null);
-    const onAcceptExchangeRateUpdate = (resolver, data) => {
-        exchangeRateBottomSheetRef.current?.open(resolver, data);
-    };
-    const { route, status, executeRoute, restartRoute, deleteRoute } = useRouteExecution({
-        routeId: routeId,
-        onAcceptExchangeRateUpdate,
-    });
-    const { toAddress, hasActivity, isLoading: isLoadingAddressActivity, isFetched: isActivityAddressFetched, } = useAddressActivity(route?.toChainId);
-    const getHeaderTitle = () => {
-        if (subvariant === 'custom') {
-            return t(`header.${subvariantOptions?.custom ?? 'checkout'}`);
-        }
-        if (route) {
-            const transactionType = route.fromChainId === route.toChainId ? 'swap' : 'bridge';
-            return status === RouteExecutionStatus.Idle
-                ? t(`button.${transactionType}Review`)
-                : t(`header.${transactionType}`);
-        }
-        return t('header.exchange');
-    };
-    const headerAction = useMemo(() => status === RouteExecutionStatus.Idle ? (_jsx(RouteTracker, { observableRouteId: stateRouteId, onChange: setRouteId, onFetching: setRouteRefreshing })) : undefined, [stateRouteId, status]);
-    useHeader(getHeaderTitle(), headerAction);
-    // biome-ignore lint/correctness/useExhaustiveDependencies: We want to emit event only when the page is mounted
-    useEffect(() => {
-        if (status === RouteExecutionStatus.Idle) {
-            emitter.emit(WidgetEvent.ReviewTransactionPageEntered, route);
-        }
-    }, []);
-    if (!route) {
-        return null;
-    }
-    const handleExecuteRoute = () => {
-        if (tokenValueBottomSheetRef.current?.isOpen()) {
-            const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
-            const fromAmountUSD = Number.parseFloat(route.fromAmountUSD);
-            const toAmountUSD = Number.parseFloat(route.toAmountUSD);
-            emitter.emit(WidgetEvent.RouteHighValueLoss, {
-                fromAmountUSD,
-                toAmountUSD,
-                gasCostUSD,
-                feeCostUSD,
-                valueLoss: calculateValueLossPercentage(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD),
-            });
-        }
-        tokenValueBottomSheetRef.current?.close();
-        executeRoute();
-        setFieldValue('fromAmount', '');
-        if (subvariant === 'custom') {
-            setFieldValue('fromToken', '');
-            setFieldValue('toToken', '');
-        }
-        // Once transaction is started, set the back action to navigate to the home page
-        setBackAction(() => {
-            navigate({ to: navigationRoutes.home, replace: true });
-        });
-    };
-    const handleStartClick = async () => {
-        if (status === RouteExecutionStatus.Idle) {
-            if (toAddress &&
-                !hasActivity &&
-                !isLoadingAddressActivity &&
-                isActivityAddressFetched &&
-                !hiddenUI?.includes(HiddenUI.LowAddressActivityConfirmation)) {
-                confirmToAddressSheetRef.current?.open();
-                return;
-            }
-            const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
-            const fromAmountUSD = Number.parseFloat(route.fromAmountUSD);
-            const toAmountUSD = Number.parseFloat(route.toAmountUSD);
-            const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD);
-            if (tokenValueLossThresholdExceeded && subvariant !== 'custom') {
-                tokenValueBottomSheetRef.current?.open();
-            }
-            else {
-                handleExecuteRoute();
-            }
-        }
-        if (status === RouteExecutionStatus.Failed) {
-            restartRoute();
-        }
-    };
-    const handleRemoveRoute = () => {
-        navigateBack();
-        deleteRoute();
-    };
-    const getButtonText = () => {
-        switch (status) {
-            case RouteExecutionStatus.Idle:
-                switch (subvariant) {
-                    case 'custom':
-                        return subvariantOptions?.custom === 'deposit'
-                            ? t('button.deposit')
-                            : t('button.buy');
-                    case 'refuel':
-                        return t('button.startBridging');
-                    default: {
-                        const transactionType = route.fromChainId === route.toChainId ? 'Swapping' : 'Bridging';
-                        return t(`button.start${transactionType}`);
-                    }
-                }
-            case RouteExecutionStatus.Failed:
-                return t('button.tryAgain');
-            default:
-                return '';
-        }
-    };
-    return (_jsxs(PageContainer, { bottomGutters: true, children: [getStepList(route, subvariant), subvariant === 'custom' && contractSecondaryComponent ? (_jsx(ContractComponent, { sx: { marginTop: 2 }, children: contractSecondaryComponent })) : null, _jsx(TransactionDetails, { route: route, sx: { marginTop: 2 } }), status === RouteExecutionStatus.Idle ||
-                status === RouteExecutionStatus.Failed ? (_jsxs(_Fragment, { children: [_jsx(WarningMessages, { mt: 2, route: route, allowInteraction: true }), _jsxs(Box, { sx: {
-                            mt: 2,
-                            display: 'flex',
-                        }, children: [_jsx(StartTransactionButton, { text: getButtonText(), onClick: handleStartClick, route: route, loading: routeRefreshing || isLoadingAddressActivity }), status === RouteExecutionStatus.Failed ? (_jsx(Tooltip, { title: t('button.removeTransaction'), placement: "bottom-end", children: _jsx(Button, { onClick: handleRemoveRoute, sx: {
-                                        minWidth: 48,
-                                        marginLeft: 1,
-                                    }, children: _jsx(Delete, {}) }) })) : null] })] })) : null, status ? _jsx(StatusBottomSheet, { status: status, route: route }) : null, subvariant !== 'custom' ? (_jsx(TokenValueBottomSheet, { route: route, ref: tokenValueBottomSheetRef, onContinue: handleExecuteRoute })) : null, _jsx(ExchangeRateBottomSheet, { ref: exchangeRateBottomSheetRef }), !hiddenUI?.includes(HiddenUI.LowAddressActivityConfirmation) ? (_jsx(ConfirmToAddressSheet, { ref: confirmToAddressSheetRef, onContinue: handleExecuteRoute, toAddress: toAddress, toChainId: route.toChainId })) : null] }));
+import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
+import { WidgetEvent } from "../../types/events.js";
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { useHeaderStore } from "../../stores/header/useHeaderStore.js";
+import { HiddenUI } from "../../types/widget.js";
+import { navigationRoutes } from "../../utils/navigationRoutes.js";
+import { useFieldActions } from "../../stores/form/useFieldActions.js";
+import { PageContainer } from "../../components/PageContainer.js";
+import { RouteExecutionStatus } from "../../stores/routes/types.js";
+import { getAccumulatedFeeCostsBreakdown } from "../../utils/fees.js";
+import { useNavigateBack } from "../../hooks/useNavigateBack.js";
+import { useHeader } from "../../hooks/useHeader.js";
+import { useRouteExecution } from "../../hooks/useRouteExecution.js";
+import { ContractComponent } from "../../components/ContractComponent/ContractComponent.js";
+import { WarningMessages } from "../../components/Messages/WarningMessages.js";
+import { getStepList } from "../../components/Step/StepList.js";
+import { TransactionDetails } from "../../components/TransactionDetails.js";
+import { useAddressActivity } from "../../hooks/useAddressActivity.js";
+import { ConfirmToAddressSheet } from "./ConfirmToAddressSheet.js";
+import { ExchangeRateBottomSheet } from "./ExchangeRateBottomSheet.js";
+import { RouteTracker } from "./RouteTracker.js";
+import { StartTransactionButton } from "./StartTransactionButton.js";
+import { StatusBottomSheet } from "./StatusBottomSheet.js";
+import { calculateValueLossPercentage, getTokenValueLossThreshold } from "./utils.js";
+import { TokenValueBottomSheet } from "./TokenValueBottomSheet.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useLocation, useNavigate } from "@tanstack/react-router";
+import { Box, Button, Tooltip } from "@mui/material";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Delete from "@mui/icons-material/Delete";
+//#region src/pages/TransactionPage/TransactionPage.tsx
+const TransactionPage = () => {
+	const { t } = useTranslation();
+	const { setFieldValue } = useFieldActions();
+	const emitter = useWidgetEvents();
+	const setBackAction = useHeaderStore((state) => state.setBackAction);
+	const navigate = useNavigate();
+	const navigateBack = useNavigateBack();
+	const { subvariant, subvariantOptions, contractSecondaryComponent, hiddenUI } = useWidgetConfig();
+	const { search } = useLocation();
+	const stateRouteId = search?.routeId;
+	const [routeId, setRouteId] = useState(stateRouteId);
+	const [routeRefreshing, setRouteRefreshing] = useState(false);
+	const tokenValueBottomSheetRef = useRef(null);
+	const exchangeRateBottomSheetRef = useRef(null);
+	const confirmToAddressSheetRef = useRef(null);
+	const onAcceptExchangeRateUpdate = (resolver, data) => {
+		exchangeRateBottomSheetRef.current?.open(resolver, data);
+	};
+	const { route, status, executeRoute, restartRoute, deleteRoute } = useRouteExecution({
+		routeId,
+		onAcceptExchangeRateUpdate
+	});
+	const { toAddress, hasActivity, isLoading: isLoadingAddressActivity, isFetched: isActivityAddressFetched } = useAddressActivity(route?.toChainId);
+	const getHeaderTitle = () => {
+		if (subvariant === "custom") return t(`header.${subvariantOptions?.custom ?? "checkout"}`);
+		if (route) {
+			const transactionType = route.fromChainId === route.toChainId ? "swap" : "bridge";
+			return status === RouteExecutionStatus.Idle ? t(`button.${transactionType}Review`) : t(`header.${transactionType}`);
+		}
+		return t("header.exchange");
+	};
+	const headerAction = useMemo(() => status === RouteExecutionStatus.Idle ? /* @__PURE__ */ jsx(RouteTracker, {
+		observableRouteId: stateRouteId,
+		onChange: setRouteId,
+		onFetching: setRouteRefreshing
+	}) : void 0, [stateRouteId, status]);
+	useHeader(getHeaderTitle(), headerAction);
+	useEffect(() => {
+		if (status === RouteExecutionStatus.Idle) emitter.emit(WidgetEvent.ReviewTransactionPageEntered, route);
+	}, []);
+	if (!route) return null;
+	const handleExecuteRoute = () => {
+		if (tokenValueBottomSheetRef.current?.isOpen()) {
+			const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
+			const fromAmountUSD = Number.parseFloat(route.fromAmountUSD);
+			const toAmountUSD = Number.parseFloat(route.toAmountUSD);
+			emitter.emit(WidgetEvent.RouteHighValueLoss, {
+				fromAmountUSD,
+				toAmountUSD,
+				gasCostUSD,
+				feeCostUSD,
+				valueLoss: calculateValueLossPercentage(fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD)
+			});
+		}
+		tokenValueBottomSheetRef.current?.close();
+		executeRoute();
+		setFieldValue("fromAmount", "");
+		if (subvariant === "custom") {
+			setFieldValue("fromToken", "");
+			setFieldValue("toToken", "");
+		}
+		setBackAction(() => {
+			navigate({
+				to: navigationRoutes.home,
+				replace: true
+			});
+		});
+	};
+	const handleStartClick = async () => {
+		if (status === RouteExecutionStatus.Idle) {
+			if (toAddress && !hasActivity && !isLoadingAddressActivity && isActivityAddressFetched && !hiddenUI?.includes(HiddenUI.LowAddressActivityConfirmation)) {
+				confirmToAddressSheetRef.current?.open();
+				return;
+			}
+			const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route);
+			if (getTokenValueLossThreshold(Number.parseFloat(route.fromAmountUSD), Number.parseFloat(route.toAmountUSD), gasCostUSD, feeCostUSD) && subvariant !== "custom") tokenValueBottomSheetRef.current?.open();
+			else handleExecuteRoute();
+		}
+		if (status === RouteExecutionStatus.Failed) restartRoute();
+	};
+	const handleRemoveRoute = () => {
+		navigateBack();
+		deleteRoute();
+	};
+	const getButtonText = () => {
+		switch (status) {
+			case RouteExecutionStatus.Idle: switch (subvariant) {
+				case "custom": return subvariantOptions?.custom === "deposit" ? t("button.deposit") : t("button.buy");
+				case "refuel": return t("button.startBridging");
+				default: return t(`button.start${route.fromChainId === route.toChainId ? "Swapping" : "Bridging"}`);
+			}
+			case RouteExecutionStatus.Failed: return t("button.tryAgain");
+			default: return "";
+		}
+	};
+	return /* @__PURE__ */ jsxs(PageContainer, {
+		bottomGutters: true,
+		children: [
+			getStepList(route, subvariant),
+			subvariant === "custom" && contractSecondaryComponent ? /* @__PURE__ */ jsx(ContractComponent, {
+				sx: { marginTop: 2 },
+				children: contractSecondaryComponent
+			}) : null,
+			/* @__PURE__ */ jsx(TransactionDetails, {
+				route,
+				sx: { marginTop: 2 }
+			}),
+			status === RouteExecutionStatus.Idle || status === RouteExecutionStatus.Failed ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(WarningMessages, {
+				mt: 2,
+				route,
+				allowInteraction: true
+			}), /* @__PURE__ */ jsxs(Box, {
+				sx: {
+					mt: 2,
+					display: "flex"
+				},
+				children: [/* @__PURE__ */ jsx(StartTransactionButton, {
+					text: getButtonText(),
+					onClick: handleStartClick,
+					route,
+					loading: routeRefreshing || isLoadingAddressActivity
+				}), status === RouteExecutionStatus.Failed ? /* @__PURE__ */ jsx(Tooltip, {
+					title: t("button.clearTransaction"),
+					placement: "bottom-end",
+					children: /* @__PURE__ */ jsx(Button, {
+						onClick: handleRemoveRoute,
+						sx: {
+							minWidth: 48,
+							marginLeft: 1
+						},
+						children: /* @__PURE__ */ jsx(Delete, {})
+					})
+				}) : null]
+			})] }) : null,
+			status ? /* @__PURE__ */ jsx(StatusBottomSheet, {
+				status,
+				route
+			}) : null,
+			subvariant !== "custom" ? /* @__PURE__ */ jsx(TokenValueBottomSheet, {
+				route,
+				ref: tokenValueBottomSheetRef,
+				onContinue: handleExecuteRoute
+			}) : null,
+			/* @__PURE__ */ jsx(ExchangeRateBottomSheet, { ref: exchangeRateBottomSheetRef }),
+			!hiddenUI?.includes(HiddenUI.LowAddressActivityConfirmation) ? /* @__PURE__ */ jsx(ConfirmToAddressSheet, {
+				ref: confirmToAddressSheetRef,
+				onContinue: handleExecuteRoute,
+				toAddress,
+				toChainId: route.toChainId
+			}) : null
+		]
+	});
 };
+//#endregion
+export { TransactionPage };
+
 //# sourceMappingURL=TransactionPage.js.map

package/dist/esm/pages/TransactionPage/TransactionPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionPage.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/TransactionPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TransactionPage.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionPage.tsx"],"sourcesContent":["import type { ExchangeRateUpdateParams } from '@lifi/sdk'\nimport Delete from '@mui/icons-material/Delete'\nimport { Box, Button, Tooltip } from '@mui/material'\nimport { useLocation, useNavigate } from '@tanstack/react-router'\nimport { type JSX, useEffect, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { getStepList } from '../../components/Step/StepList.js'\nimport { TransactionDetails } from '../../components/TransactionDetails.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useRouteExecution } from '../../hooks/useRouteExecution.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useHeaderStore } from '../../stores/header/useHeaderStore.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport type { ExchangeRateBottomSheetBase } from './ExchangeRateBottomSheet.js'\nimport { ExchangeRateBottomSheet } from './ExchangeRateBottomSheet.js'\nimport { RouteTracker } from './RouteTracker.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { StatusBottomSheet } from './StatusBottomSheet.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport {\n  calculateValueLossPercentage,\n  getTokenValueLossThreshold,\n} from './utils.js'\n\nexport const TransactionPage = (): JSX.Element | null => {\n  const { t } = useTranslation()\n  const { setFieldValue } = useFieldActions()\n  const emitter = useWidgetEvents()\n  const setBackAction = useHeaderStore((state) => state.setBackAction)\n  const navigate = useNavigate()\n  const navigateBack = useNavigateBack()\n  const {\n    subvariant,\n    subvariantOptions,\n    contractSecondaryComponent,\n    hiddenUI,\n  } = useWidgetConfig()\n  const { search }: any = useLocation()\n  const stateRouteId = search?.routeId\n  const [routeId, setRouteId] = useState<string>(stateRouteId)\n  const [routeRefreshing, setRouteRefreshing] = useState(false)\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const exchangeRateBottomSheetRef = useRef<ExchangeRateBottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const onAcceptExchangeRateUpdate = (\n    resolver: (value: boolean) => void,\n    data: ExchangeRateUpdateParams\n  ) => {\n    exchangeRateBottomSheetRef.current?.open(resolver, data)\n  }\n\n  const { route, status, executeRoute, restartRoute, deleteRoute } =\n    useRouteExecution({\n      routeId: routeId,\n      onAcceptExchangeRateUpdate,\n    })\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route?.toChainId)\n\n  const getHeaderTitle = () => {\n    if (subvariant === 'custom') {\n      return t(`header.${subvariantOptions?.custom ?? 'checkout'}`)\n    }\n    if (route) {\n      const transactionType =\n        route.fromChainId === route.toChainId ? 'swap' : 'bridge'\n      return status === RouteExecutionStatus.Idle\n        ? t(`button.${transactionType}Review`)\n        : t(`header.${transactionType}`)\n    }\n\n    return t('header.exchange')\n  }\n\n  const headerAction = useMemo(\n    () =>\n      status === RouteExecutionStatus.Idle ? (\n        <RouteTracker\n          observableRouteId={stateRouteId}\n          onChange={setRouteId}\n          onFetching={setRouteRefreshing}\n        />\n      ) : undefined,\n    [stateRouteId, status]\n  )\n\n  useHeader(getHeaderTitle(), headerAction)\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: We want to emit event only when the page is mounted\n  useEffect(() => {\n    if (status === RouteExecutionStatus.Idle) {\n      emitter.emit(WidgetEvent.ReviewTransactionPageEntered, route)\n    }\n  }, [])\n\n  if (!route) {\n    return null\n  }\n\n  const handleExecuteRoute = () => {\n    if (tokenValueBottomSheetRef.current?.isOpen()) {\n      const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n      const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n      const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n      emitter.emit(WidgetEvent.RouteHighValueLoss, {\n        fromAmountUSD,\n        toAmountUSD,\n        gasCostUSD,\n        feeCostUSD,\n        valueLoss: calculateValueLossPercentage(\n          fromAmountUSD,\n          toAmountUSD,\n          gasCostUSD,\n          feeCostUSD\n        ),\n      })\n    }\n    tokenValueBottomSheetRef.current?.close()\n    executeRoute()\n    setFieldValue('fromAmount', '')\n    if (subvariant === 'custom') {\n      setFieldValue('fromToken', '')\n      setFieldValue('toToken', '')\n    }\n    // Once transaction is started, set the back action to navigate to the home page\n    setBackAction(() => {\n      navigate({ to: navigationRoutes.home, replace: true })\n    })\n  }\n\n  const handleStartClick = async () => {\n    if (status === RouteExecutionStatus.Idle) {\n      if (\n        toAddress &&\n        !hasActivity &&\n        !isLoadingAddressActivity &&\n        isActivityAddressFetched &&\n        !hiddenUI?.includes(HiddenUI.LowAddressActivityConfirmation)\n      ) {\n        confirmToAddressSheetRef.current?.open()\n        return\n      }\n\n      const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n      const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n      const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n      const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(\n        fromAmountUSD,\n        toAmountUSD,\n        gasCostUSD,\n        feeCostUSD\n      )\n      if (tokenValueLossThresholdExceeded && subvariant !== 'custom') {\n        tokenValueBottomSheetRef.current?.open()\n      } else {\n        handleExecuteRoute()\n      }\n    }\n    if (status === RouteExecutionStatus.Failed) {\n      restartRoute()\n    }\n  }\n\n  const handleRemoveRoute = () => {\n    navigateBack()\n    deleteRoute()\n  }\n\n  const getButtonText = (): string => {\n    switch (status) {\n      case RouteExecutionStatus.Idle:\n        switch (subvariant) {\n          case 'custom':\n            return subvariantOptions?.custom === 'deposit'\n              ? t('button.deposit')\n              : t('button.buy')\n          case 'refuel':\n            return t('button.startBridging')\n          default: {\n            const transactionType =\n              route.fromChainId === route.toChainId ? 'Swapping' : 'Bridging'\n            return t(`button.start${transactionType}`)\n          }\n        }\n      case RouteExecutionStatus.Failed:\n        return t('button.tryAgain')\n      default:\n        return ''\n    }\n  }\n\n  return (\n    <PageContainer bottomGutters>\n      {getStepList(route, subvariant)}\n      {subvariant === 'custom' && contractSecondaryComponent ? (\n        <ContractComponent sx={{ marginTop: 2 }}>\n          {contractSecondaryComponent}\n        </ContractComponent>\n      ) : null}\n      <TransactionDetails route={route} sx={{ marginTop: 2 }} />\n      {status === RouteExecutionStatus.Idle ||\n      status === RouteExecutionStatus.Failed ? (\n        <>\n          <WarningMessages mt={2} route={route} allowInteraction />\n          <Box\n            sx={{\n              mt: 2,\n              display: 'flex',\n            }}\n          >\n            <StartTransactionButton\n              text={getButtonText()}\n              onClick={handleStartClick}\n              route={route}\n              loading={routeRefreshing || isLoadingAddressActivity}\n            />\n            {status === RouteExecutionStatus.Failed ? (\n              <Tooltip\n                title={t('button.clearTransaction')}\n                placement=\"bottom-end\"\n              >\n                <Button\n                  onClick={handleRemoveRoute}\n                  sx={{\n                    minWidth: 48,\n                    marginLeft: 1,\n                  }}\n                >\n                  <Delete />\n                </Button>\n              </Tooltip>\n            ) : null}\n          </Box>\n        </>\n      ) : null}\n      {status ? <StatusBottomSheet status={status} route={route} /> : null}\n      {subvariant !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={handleExecuteRoute}\n        />\n      ) : null}\n      <ExchangeRateBottomSheet ref={exchangeRateBottomSheetRef} />\n      {!hiddenUI?.includes(HiddenUI.LowAddressActivityConfirmation) ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={handleExecuteRoute}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </PageContainer>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/pages/TransactionPage/utils.js

@@ -1,11 +1,12 @@
-export const calculateValueLossPercentage = (fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD) => {
-    return Number.parseFloat(((toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) - 1) *
-        100).toFixed(2));
+//#region src/pages/TransactionPage/utils.ts
+const calculateValueLossPercentage = (fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD) => {
+	return Number.parseFloat(((toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) - 1) * 100).toFixed(2));
 };
-export const getTokenValueLossThreshold = (fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD) => {
-    if (!fromAmountUSD || !toAmountUSD) {
-        return false;
-    }
-    return toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) < 0.9;
+const getTokenValueLossThreshold = (fromAmountUSD, toAmountUSD, gasCostUSD, feeCostUSD) => {
+	if (!fromAmountUSD || !toAmountUSD) return false;
+	return toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) < .9;
 };
+//#endregion
+export { calculateValueLossPercentage, getTokenValueLossThreshold };
+
 //# sourceMappingURL=utils.js.map

package/dist/esm/pages/TransactionPage/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,aAAqB,EACrB,WAAmB,EACnB,UAAkB,EAClB,UAAkB,EAClB,EAAE;IACF,OAAO,MAAM,CAAC,UAAU,CACtB,CACE,CAAC,WAAW,GAAG,CAAC,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;QAC7D,GAAG,CACJ,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,aAAqB,EACrB,WAAmB,EACnB,UAAkB,EAClB,UAAkB,EAClB,EAAE;IACF,IAAI,CAAC,aAAa,IAAI,CAAC,WAAW,EAAE,CAAC;QACnC,OAAO,KAAK,CAAA;IACd,CAAC;IACD,OAAO,WAAW,GAAG,CAAC,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG,GAAG,CAAA;AACtE,CAAC,CAAA"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/pages/TransactionPage/utils.ts"],"sourcesContent":["export const calculateValueLossPercentage = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): number => {\n  return Number.parseFloat(\n    (\n      (toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) - 1) *\n      100\n    ).toFixed(2)\n  )\n}\n\nexport const getTokenValueLossThreshold = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): boolean => {\n  if (!fromAmountUSD || !toAmountUSD) {\n    return false\n  }\n  return toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) < 0.9\n}\n"],"mappings":";AAAA,MAAa,gCACX,eACA,aACA,YACA,eACW;AACX,QAAO,OAAO,aAET,eAAe,gBAAgB,aAAa,cAAc,KAC3D,KACA,QAAQ,EAAE,CACb;;AAGH,MAAa,8BACX,eACA,aACA,YACA,eACY;AACZ,KAAI,CAAC,iBAAiB,CAAC,YACrB,QAAO;AAET,QAAO,eAAe,gBAAgB,aAAa,cAAc"}