@lifi/widget 4.0.0-beta.1 → 4.0.0-beta.11

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

@@ -1,182 +1,228 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Done from '@mui/icons-material/Done';
-import ErrorRounded from '@mui/icons-material/ErrorRounded';
-import InfoRounded from '@mui/icons-material/InfoRounded';
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Box, Button, Typography } from '@mui/material';
-import { useNavigate } from '@tanstack/react-router';
-import { useCallback, useEffect, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
-import { Card } from '../../components/Card/Card.js';
-import { CardTitle } from '../../components/Card/CardTitle.js';
-import { Token } from '../../components/Token/Token.js';
-import { useAvailableChains } from '../../hooks/useAvailableChains.js';
-import { useSetContentHeight } from '../../hooks/useSetContentHeight.js';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { useFieldActions } from '../../stores/form/useFieldActions.js';
-import { RouteExecutionStatus, } from '../../stores/routes/types.js';
-import { getSourceTxHash } from '../../stores/routes/utils.js';
-import { hasEnumFlag } from '../../utils/enum.js';
-import { formatTokenAmount } from '../../utils/format.js';
-import { getErrorMessage } from '../../utils/getErrorMessage.js';
-import { navigationRoutes } from '../../utils/navigationRoutes.js';
-import { CenterContainer, IconCircle } from './StatusBottomSheet.style.js';
-export const StatusBottomSheet = ({ status, route, }) => {
-    const ref = useRef(null);
-    const onClose = useCallback(() => {
-        ref.current?.close();
-    }, []);
-    useEffect(() => {
-        const hasSuccessFlag = hasEnumFlag(status, RouteExecutionStatus.Done);
-        const hasFailedFlag = hasEnumFlag(status, RouteExecutionStatus.Failed);
-        if ((hasSuccessFlag || hasFailedFlag) && !ref.current?.isOpen()) {
-            ref.current?.open();
-        }
-    }, [status]);
-    return (_jsx(BottomSheet, { ref: ref, children: _jsx(StatusBottomSheetContent, { status: status, route: route, onClose: onClose }) }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { navigationRoutes } from "../../utils/navigationRoutes.js";
+import { useAvailableChains } from "../../hooks/useAvailableChains.js";
+import { useFieldActions } from "../../stores/form/useFieldActions.js";
+import { formatTokenAmount } from "../../utils/format.js";
+import { Card as Card$1 } from "../../components/Card/Card.js";
+import { hasEnumFlag } from "../../utils/enum.js";
+import { RouteExecutionStatus } from "../../stores/routes/types.js";
+import { getSourceTxHash } from "../../stores/routes/utils.js";
+import { Token } from "../../components/Token/Token.js";
+import { getErrorMessage } from "../../utils/getErrorMessage.js";
+import { CardTitle } from "../../components/Card/CardTitle.js";
+import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
+import { useSetContentHeight } from "../../hooks/useSetContentHeight.js";
+import { CenterContainer, IconCircle } from "./StatusBottomSheet.style.js";
+import { useCallback, useEffect, useRef } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { Box, Button, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import ErrorRounded from "@mui/icons-material/ErrorRounded";
+import Done from "@mui/icons-material/Done";
+import InfoRounded from "@mui/icons-material/InfoRounded";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/pages/TransactionPage/StatusBottomSheet.tsx
+const StatusBottomSheet = ({ status, route }) => {
+	const ref = useRef(null);
+	const onClose = useCallback(() => {
+		ref.current?.close();
+	}, []);
+	useEffect(() => {
+		const hasSuccessFlag = hasEnumFlag(status, RouteExecutionStatus.Done);
+		const hasFailedFlag = hasEnumFlag(status, RouteExecutionStatus.Failed);
+		if ((hasSuccessFlag || hasFailedFlag) && !ref.current?.isOpen()) ref.current?.open();
+	}, [status]);
+	return /* @__PURE__ */ jsx(BottomSheet, {
+		ref,
+		children: /* @__PURE__ */ jsx(StatusBottomSheetContent, {
+			status,
+			route,
+			onClose
+		})
+	});
 };
-const StatusBottomSheetContent = ({ status, route, onClose, }) => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const { setFieldValue } = useFieldActions();
-    const { subvariant, subvariantOptions, contractSecondaryComponent, contractCompactComponent, feeConfig, } = useWidgetConfig();
-    const { getChainById } = useAvailableChains();
-    const ref = useRef(null);
-    useSetContentHeight(ref);
-    const toToken = {
-        ...(route.steps.at(-1)?.execution?.toToken ?? route.toToken),
-        amount: BigInt(route.steps.at(-1)?.execution?.toAmount ??
-            route.steps.at(-1)?.estimate.toAmount ??
-            route.toAmount),
-    };
-    const cleanFields = () => {
-        setFieldValue('fromAmount', '');
-        setFieldValue('toAmount', '');
-    };
-    const handleDone = () => {
-        cleanFields();
-        navigate({ to: navigationRoutes.home, replace: true });
-    };
-    const handlePartialDone = () => {
-        if (toToken.chainId !== route.toToken.chainId &&
-            toToken.address !== route.toToken.address) {
-            setFieldValue('fromAmount', formatTokenAmount(toToken.amount, toToken.decimals), { isTouched: true });
-            setFieldValue('fromChain', toToken.chainId, { isTouched: true });
-            setFieldValue('fromToken', toToken.address, { isTouched: true });
-            setFieldValue('toChain', route.toToken.chainId, {
-                isTouched: true,
-            });
-            setFieldValue('toToken', route.toToken.address, {
-                isTouched: true,
-            });
-        }
-        else {
-            cleanFields();
-        }
-        navigate({ to: navigationRoutes.home, replace: true });
-    };
-    const handleClose = () => {
-        cleanFields();
-        onClose();
-    };
-    const handleSeeDetails = () => {
-        handleClose();
-        const transactionHash = getSourceTxHash(route);
-        navigate({
-            to: navigationRoutes.transactionDetails,
-            search: {
-                routeId: route.id,
-                transactionHash,
-            },
-            replace: true,
-        });
-    };
-    const transactionType = route.fromChainId === route.toChainId ? 'swap' : 'bridge';
-    let title;
-    let primaryMessage;
-    let failedMessage;
-    let handlePrimaryButton = handleDone;
-    switch (status) {
-        case RouteExecutionStatus.Done: {
-            title =
-                subvariant === 'custom'
-                    ? t(`success.title.${subvariantOptions?.custom ?? 'checkout'}Successful`)
-                    : t(`success.title.${transactionType}Successful`);
-            handlePrimaryButton = handleDone;
-            break;
-        }
-        case RouteExecutionStatus.Done | RouteExecutionStatus.Partial: {
-            title = t(`success.title.${transactionType}PartiallySuccessful`);
-            primaryMessage = t('success.message.exchangePartiallySuccessful', {
-                tool: route.steps.at(-1)?.toolDetails.name,
-                tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,
-            });
-            handlePrimaryButton = handlePartialDone;
-            break;
-        }
-        case RouteExecutionStatus.Done | RouteExecutionStatus.Refunded: {
-            title = t('success.title.refundIssued');
-            primaryMessage = t('success.message.exchangePartiallySuccessful', {
-                tool: route.steps.at(-1)?.toolDetails.name,
-                tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,
-            });
-            break;
-        }
-        case RouteExecutionStatus.Failed: {
-            const step = route.steps.find((step) => step.execution?.status === 'FAILED');
-            if (!step) {
-                break;
-            }
-            const action = step.execution?.actions?.find((action) => action.status === 'FAILED') || {
-                status: 'FAILED',
-                type: 'EXECUTION',
-                error: step.execution?.error,
-            }; // synthetic action to represent a failed execution with no actions
-            const actionMessage = getErrorMessage(t, getChainById, step, action);
-            title = actionMessage.title;
-            failedMessage = actionMessage.message;
-            handlePrimaryButton = handleClose;
-            break;
-        }
-        default:
-            break;
-    }
-    const showContractComponent = subvariant === 'custom' &&
-        hasEnumFlag(status, RouteExecutionStatus.Done) &&
-        (contractCompactComponent || contractSecondaryComponent);
-    const VcComponent = status === RouteExecutionStatus.Done ? feeConfig?._vcComponent : undefined;
-    return (_jsxs(Box, { ref: ref, sx: {
-            p: 3,
-        }, children: [!showContractComponent ? (_jsx(CenterContainer, { children: _jsxs(IconCircle, { status: status, mb: 1, children: [status === RouteExecutionStatus.Idle ? (_jsx(InfoRounded, { color: "primary" })) : null, status === RouteExecutionStatus.Done ? (_jsx(Done, { color: "success" })) : null, hasEnumFlag(status, RouteExecutionStatus.Partial) ||
-                            hasEnumFlag(status, RouteExecutionStatus.Refunded) ? (_jsx(WarningRounded, { color: "warning" })) : null, hasEnumFlag(status, RouteExecutionStatus.Failed) ? (_jsx(ErrorRounded, { color: "error" })) : null] }) })) : null, _jsx(CenterContainer, { children: _jsx(Typography, { sx: {
-                        py: 1,
-                        fontSize: 18,
-                        fontWeight: 700,
-                    }, children: title }) }), showContractComponent ? (contractCompactComponent || contractSecondaryComponent) : hasEnumFlag(status, RouteExecutionStatus.Failed) && failedMessage ? (_jsx(Typography, { sx: {
-                    py: 1,
-                }, children: failedMessage })) : hasEnumFlag(status, RouteExecutionStatus.Done) ? (_jsxs(Box, { sx: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    gap: 2,
-                    marginTop: 2,
-                    marginBottom: VcComponent ? 2 : 3,
-                }, children: [_jsxs(Card, { sx: {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            gap: 2,
-                            padding: 2,
-                        }, children: [_jsx(CardTitle, { sx: { padding: 0 }, children: hasEnumFlag(status, RouteExecutionStatus.Refunded)
-                                    ? t('header.refunded')
-                                    : t('header.received') }), _jsx(Token, { token: toToken, disableDescription: false }), primaryMessage && (_jsx(Typography, { sx: {
-                                    color: 'text.secondary',
-                                    fontSize: '12px',
-                                    lineHeight: '16px',
-                                    fontWeight: 500,
-                                }, children: primaryMessage }))] }), VcComponent ? _jsx(VcComponent, { route: route }) : null] })) : null, _jsxs(Box, { sx: { display: 'flex', marginTop: 2, gap: 1.5 }, children: [hasEnumFlag(status, RouteExecutionStatus.Done) ? (_jsx(Button, { variant: "text", onClick: handleSeeDetails, fullWidth: true, children: t('button.seeDetails') })) : null, _jsxs(Button, { variant: "contained", fullWidth: true, onClick: handlePrimaryButton, children: [status === RouteExecutionStatus.Idle ? t('button.ok') : null, hasEnumFlag(status, RouteExecutionStatus.Done)
-                                ? t('button.done')
-                                : null, status === RouteExecutionStatus.Failed
-                                ? t('button.seeDetails')
-                                : null] })] })] }));
+const StatusBottomSheetContent = ({ status, route, onClose }) => {
+	const { t } = useTranslation();
+	const navigate = useNavigate();
+	const { setFieldValue } = useFieldActions();
+	const { subvariant, subvariantOptions, contractSecondaryComponent, contractCompactComponent, feeConfig } = useWidgetConfig();
+	const { getChainById } = useAvailableChains();
+	const ref = useRef(null);
+	useSetContentHeight(ref);
+	const toToken = {
+		...route.steps.at(-1)?.execution?.toToken ?? route.toToken,
+		amount: BigInt(route.steps.at(-1)?.execution?.toAmount ?? route.steps.at(-1)?.estimate.toAmount ?? route.toAmount)
+	};
+	const cleanFields = () => {
+		setFieldValue("fromAmount", "");
+		setFieldValue("toAmount", "");
+	};
+	const handleDone = () => {
+		cleanFields();
+		navigate({
+			to: navigationRoutes.home,
+			replace: true
+		});
+	};
+	const handlePartialDone = () => {
+		if (toToken.chainId !== route.toToken.chainId && toToken.address !== route.toToken.address) {
+			setFieldValue("fromAmount", formatTokenAmount(toToken.amount, toToken.decimals), { isTouched: true });
+			setFieldValue("fromChain", toToken.chainId, { isTouched: true });
+			setFieldValue("fromToken", toToken.address, { isTouched: true });
+			setFieldValue("toChain", route.toToken.chainId, { isTouched: true });
+			setFieldValue("toToken", route.toToken.address, { isTouched: true });
+		} else cleanFields();
+		navigate({
+			to: navigationRoutes.home,
+			replace: true
+		});
+	};
+	const handleClose = () => {
+		cleanFields();
+		onClose();
+	};
+	const handleSeeDetails = () => {
+		handleClose();
+		const transactionHash = getSourceTxHash(route);
+		navigate({
+			to: navigationRoutes.transactionDetails,
+			search: {
+				routeId: route.id,
+				transactionHash
+			},
+			replace: true
+		});
+	};
+	const transactionType = route.fromChainId === route.toChainId ? "swap" : "bridge";
+	let title;
+	let primaryMessage;
+	let failedMessage;
+	let handlePrimaryButton = handleDone;
+	switch (status) {
+		case RouteExecutionStatus.Done:
+			title = subvariant === "custom" ? t(`success.title.${subvariantOptions?.custom ?? "checkout"}Successful`) : t(`success.title.${transactionType}Successful`);
+			handlePrimaryButton = handleDone;
+			break;
+		case RouteExecutionStatus.Done | RouteExecutionStatus.Partial:
+			title = t(`success.title.${transactionType}PartiallySuccessful`);
+			primaryMessage = t("success.message.exchangePartiallySuccessful", {
+				tool: route.steps.at(-1)?.toolDetails.name,
+				tokenSymbol: route.steps.at(-1)?.action.toToken.symbol
+			});
+			handlePrimaryButton = handlePartialDone;
+			break;
+		case RouteExecutionStatus.Done | RouteExecutionStatus.Refunded:
+			title = t("success.title.refundIssued");
+			primaryMessage = t("success.message.exchangePartiallySuccessful", {
+				tool: route.steps.at(-1)?.toolDetails.name,
+				tokenSymbol: route.steps.at(-1)?.action.toToken.symbol
+			});
+			break;
+		case RouteExecutionStatus.Failed: {
+			const step = route.steps.find((step) => step.execution?.status === "FAILED");
+			if (!step) break;
+			const actionMessage = getErrorMessage(t, getChainById, step, step.execution?.actions?.find((action) => action.status === "FAILED") || {
+				status: "FAILED",
+				type: "EXECUTION",
+				error: step.execution?.error
+			});
+			title = actionMessage.title;
+			failedMessage = actionMessage.message;
+			handlePrimaryButton = handleClose;
+			break;
+		}
+		default: break;
+	}
+	const showContractComponent = subvariant === "custom" && hasEnumFlag(status, RouteExecutionStatus.Done) && (contractCompactComponent || contractSecondaryComponent);
+	const VcComponent = status === RouteExecutionStatus.Done ? feeConfig?._vcComponent : void 0;
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		sx: { p: 3 },
+		children: [
+			!showContractComponent ? /* @__PURE__ */ jsx(CenterContainer, { children: /* @__PURE__ */ jsxs(IconCircle, {
+				status,
+				mb: 1,
+				children: [
+					status === RouteExecutionStatus.Idle ? /* @__PURE__ */ jsx(InfoRounded, { color: "primary" }) : null,
+					status === RouteExecutionStatus.Done ? /* @__PURE__ */ jsx(Done, { color: "success" }) : null,
+					hasEnumFlag(status, RouteExecutionStatus.Partial) || hasEnumFlag(status, RouteExecutionStatus.Refunded) ? /* @__PURE__ */ jsx(WarningRounded, { color: "warning" }) : null,
+					hasEnumFlag(status, RouteExecutionStatus.Failed) ? /* @__PURE__ */ jsx(ErrorRounded, { color: "error" }) : null
+				]
+			}) }) : null,
+			/* @__PURE__ */ jsx(CenterContainer, { children: /* @__PURE__ */ jsx(Typography, {
+				sx: {
+					py: 1,
+					fontSize: 18,
+					fontWeight: 700
+				},
+				children: title
+			}) }),
+			showContractComponent ? contractCompactComponent || contractSecondaryComponent : hasEnumFlag(status, RouteExecutionStatus.Failed) && failedMessage ? /* @__PURE__ */ jsx(Typography, {
+				sx: { py: 1 },
+				children: failedMessage
+			}) : hasEnumFlag(status, RouteExecutionStatus.Done) ? /* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					flexDirection: "column",
+					gap: 2,
+					marginTop: 2,
+					marginBottom: VcComponent ? 2 : 3
+				},
+				children: [/* @__PURE__ */ jsxs(Card$1, {
+					sx: {
+						display: "flex",
+						flexDirection: "column",
+						gap: 2,
+						padding: 2
+					},
+					children: [
+						/* @__PURE__ */ jsx(CardTitle, {
+							sx: { padding: 0 },
+							children: hasEnumFlag(status, RouteExecutionStatus.Refunded) ? t("header.refunded") : t("header.received")
+						}),
+						/* @__PURE__ */ jsx(Token, {
+							token: toToken,
+							disableDescription: false
+						}),
+						primaryMessage && /* @__PURE__ */ jsx(Typography, {
+							sx: {
+								color: "text.secondary",
+								fontSize: "12px",
+								lineHeight: "16px",
+								fontWeight: 500
+							},
+							children: primaryMessage
+						})
+					]
+				}), VcComponent ? /* @__PURE__ */ jsx(VcComponent, { route }) : null]
+			}) : null,
+			/* @__PURE__ */ jsxs(Box, {
+				sx: {
+					display: "flex",
+					marginTop: 2,
+					gap: 1.5
+				},
+				children: [hasEnumFlag(status, RouteExecutionStatus.Done) ? /* @__PURE__ */ jsx(Button, {
+					variant: "text",
+					onClick: handleSeeDetails,
+					fullWidth: true,
+					children: t("button.seeDetails")
+				}) : null, /* @__PURE__ */ jsxs(Button, {
+					variant: "contained",
+					fullWidth: true,
+					onClick: handlePrimaryButton,
+					children: [
+						status === RouteExecutionStatus.Idle ? t("button.ok") : null,
+						hasEnumFlag(status, RouteExecutionStatus.Done) ? t("button.done") : null,
+						status === RouteExecutionStatus.Failed ? t("button.seeDetails") : null
+					]
+				})]
+			})
+		]
+	});
 };
+//#endregion
+export { StatusBottomSheet };
+
 //# sourceMappingURL=StatusBottomSheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusBottomSheet.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/StatusBottomSheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StatusBottomSheet.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/StatusBottomSheet.tsx"],"sourcesContent":["import type { ExecutionActionType } from '@lifi/sdk'\nimport Done from '@mui/icons-material/Done'\nimport ErrorRounded from '@mui/icons-material/ErrorRounded'\nimport InfoRounded from '@mui/icons-material/InfoRounded'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Box, Button, Typography } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Card } from '../../components/Card/Card.js'\nimport { CardTitle } from '../../components/Card/CardTitle.js'\nimport { Token } from '../../components/Token/Token.js'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport {\n  type RouteExecution,\n  RouteExecutionStatus,\n} from '../../stores/routes/types.js'\nimport { getSourceTxHash } from '../../stores/routes/utils.js'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport { formatTokenAmount } from '../../utils/format.js'\nimport { getErrorMessage } from '../../utils/getErrorMessage.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { CenterContainer, IconCircle } from './StatusBottomSheet.style.js'\n\ninterface StatusBottomSheetContentProps extends RouteExecution {\n  onClose(): void\n}\n\nexport const StatusBottomSheet: React.FC<RouteExecution> = ({\n  status,\n  route,\n}) => {\n  const ref = useRef<BottomSheetBase>(null)\n\n  const onClose = useCallback(() => {\n    ref.current?.close()\n  }, [])\n\n  useEffect(() => {\n    const hasSuccessFlag = hasEnumFlag(status, RouteExecutionStatus.Done)\n    const hasFailedFlag = hasEnumFlag(status, RouteExecutionStatus.Failed)\n    if ((hasSuccessFlag || hasFailedFlag) && !ref.current?.isOpen()) {\n      ref.current?.open()\n    }\n  }, [status])\n\n  return (\n    <BottomSheet ref={ref}>\n      <StatusBottomSheetContent\n        status={status}\n        route={route}\n        onClose={onClose}\n      />\n    </BottomSheet>\n  )\n}\n\nconst StatusBottomSheetContent: React.FC<StatusBottomSheetContentProps> = ({\n  status,\n  route,\n  onClose,\n}) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const {\n    subvariant,\n    subvariantOptions,\n    contractSecondaryComponent,\n    contractCompactComponent,\n    feeConfig,\n  } = useWidgetConfig()\n  const { getChainById } = useAvailableChains()\n\n  const ref = useRef<HTMLElement>(null)\n  useSetContentHeight(ref)\n\n  const toToken = {\n    ...(route.steps.at(-1)?.execution?.toToken ?? route.toToken),\n    amount: BigInt(\n      route.steps.at(-1)?.execution?.toAmount ??\n        route.steps.at(-1)?.estimate.toAmount ??\n        route.toAmount\n    ),\n  }\n\n  const cleanFields = () => {\n    setFieldValue('fromAmount', '')\n    setFieldValue('toAmount', '')\n  }\n\n  const handleDone = () => {\n    cleanFields()\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  const handlePartialDone = () => {\n    if (\n      toToken.chainId !== route.toToken.chainId &&\n      toToken.address !== route.toToken.address\n    ) {\n      setFieldValue(\n        'fromAmount',\n        formatTokenAmount(toToken.amount, toToken.decimals),\n        { isTouched: true }\n      )\n      setFieldValue('fromChain', toToken.chainId, { isTouched: true })\n      setFieldValue('fromToken', toToken.address, { isTouched: true })\n      setFieldValue('toChain', route.toToken.chainId, {\n        isTouched: true,\n      })\n      setFieldValue('toToken', route.toToken.address, {\n        isTouched: true,\n      })\n    } else {\n      cleanFields()\n    }\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  const handleClose = () => {\n    cleanFields()\n    onClose()\n  }\n\n  const handleSeeDetails = () => {\n    handleClose()\n\n    const transactionHash = getSourceTxHash(route)\n\n    navigate({\n      to: navigationRoutes.transactionDetails,\n      search: {\n        routeId: route.id,\n        transactionHash,\n      },\n      replace: true,\n    })\n  }\n\n  const transactionType =\n    route.fromChainId === route.toChainId ? 'swap' : 'bridge'\n\n  let title: string | undefined\n  let primaryMessage: string | undefined\n  let failedMessage: string | undefined\n  let handlePrimaryButton = handleDone\n  switch (status) {\n    case RouteExecutionStatus.Done: {\n      title =\n        subvariant === 'custom'\n          ? t(\n              `success.title.${subvariantOptions?.custom ?? 'checkout'}Successful`\n            )\n          : t(`success.title.${transactionType}Successful`)\n      handlePrimaryButton = handleDone\n      break\n    }\n    case RouteExecutionStatus.Done | RouteExecutionStatus.Partial: {\n      title = t(`success.title.${transactionType}PartiallySuccessful`)\n      primaryMessage = t('success.message.exchangePartiallySuccessful', {\n        tool: route.steps.at(-1)?.toolDetails.name,\n        tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,\n      })\n      handlePrimaryButton = handlePartialDone\n      break\n    }\n    case RouteExecutionStatus.Done | RouteExecutionStatus.Refunded: {\n      title = t('success.title.refundIssued')\n      primaryMessage = t('success.message.exchangePartiallySuccessful', {\n        tool: route.steps.at(-1)?.toolDetails.name,\n        tokenSymbol: route.steps.at(-1)?.action.toToken.symbol,\n      })\n      break\n    }\n    case RouteExecutionStatus.Failed: {\n      const step = route.steps.find(\n        (step) => step.execution?.status === 'FAILED'\n      )\n      if (!step) {\n        break\n      }\n      const action = step.execution?.actions?.find(\n        (action) => action.status === 'FAILED'\n      ) || {\n        status: 'FAILED',\n        type: 'EXECUTION' as ExecutionActionType,\n        error: step.execution?.error,\n      } // synthetic action to represent a failed execution with no actions\n      const actionMessage = getErrorMessage(t, getChainById, step, action)\n      title = actionMessage.title\n      failedMessage = actionMessage.message\n      handlePrimaryButton = handleClose\n      break\n    }\n    default:\n      break\n  }\n\n  const showContractComponent =\n    subvariant === 'custom' &&\n    hasEnumFlag(status, RouteExecutionStatus.Done) &&\n    (contractCompactComponent || contractSecondaryComponent)\n\n  const VcComponent =\n    status === RouteExecutionStatus.Done ? feeConfig?._vcComponent : undefined\n\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        p: 3,\n      }}\n    >\n      {!showContractComponent ? (\n        <CenterContainer>\n          <IconCircle status={status} mb={1}>\n            {status === RouteExecutionStatus.Idle ? (\n              <InfoRounded color=\"primary\" />\n            ) : null}\n            {status === RouteExecutionStatus.Done ? (\n              <Done color=\"success\" />\n            ) : null}\n            {hasEnumFlag(status, RouteExecutionStatus.Partial) ||\n            hasEnumFlag(status, RouteExecutionStatus.Refunded) ? (\n              <WarningRounded color=\"warning\" />\n            ) : null}\n            {hasEnumFlag(status, RouteExecutionStatus.Failed) ? (\n              <ErrorRounded color=\"error\" />\n            ) : null}\n          </IconCircle>\n        </CenterContainer>\n      ) : null}\n      <CenterContainer>\n        <Typography\n          sx={{\n            py: 1,\n            fontSize: 18,\n            fontWeight: 700,\n          }}\n        >\n          {title}\n        </Typography>\n      </CenterContainer>\n      {showContractComponent ? (\n        contractCompactComponent || contractSecondaryComponent\n      ) : hasEnumFlag(status, RouteExecutionStatus.Failed) && failedMessage ? (\n        <Typography\n          sx={{\n            py: 1,\n          }}\n        >\n          {failedMessage}\n        </Typography>\n      ) : hasEnumFlag(status, RouteExecutionStatus.Done) ? (\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 2,\n            marginTop: 2,\n            marginBottom: VcComponent ? 2 : 3,\n          }}\n        >\n          <Card\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 2,\n              padding: 2,\n            }}\n          >\n            <CardTitle sx={{ padding: 0 }}>\n              {hasEnumFlag(status, RouteExecutionStatus.Refunded)\n                ? t('header.refunded')\n                : t('header.received')}\n            </CardTitle>\n            <Token token={toToken} disableDescription={false} />\n            {primaryMessage && (\n              <Typography\n                sx={{\n                  color: 'text.secondary',\n                  fontSize: '12px',\n                  lineHeight: '16px',\n                  fontWeight: 500,\n                }}\n              >\n                {primaryMessage}\n              </Typography>\n            )}\n          </Card>\n          {VcComponent ? <VcComponent route={route} /> : null}\n        </Box>\n      ) : null}\n      <Box sx={{ display: 'flex', marginTop: 2, gap: 1.5 }}>\n        {hasEnumFlag(status, RouteExecutionStatus.Done) ? (\n          <Button variant=\"text\" onClick={handleSeeDetails} fullWidth>\n            {t('button.seeDetails')}\n          </Button>\n        ) : null}\n        <Button variant=\"contained\" fullWidth onClick={handlePrimaryButton}>\n          {status === RouteExecutionStatus.Idle ? t('button.ok') : null}\n          {hasEnumFlag(status, RouteExecutionStatus.Done)\n            ? t('button.done')\n            : null}\n          {status === RouteExecutionStatus.Failed\n            ? t('button.seeDetails')\n            : null}\n        </Button>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,68 +1,64 @@
-import { Box, styled } from '@mui/material';
-import { RouteExecutionStatus } from '../../stores/routes/types.js';
+import { RouteExecutionStatus } from "../../stores/routes/types.js";
+import { Box, styled } from "@mui/material";
+//#region src/pages/TransactionPage/StatusBottomSheet.style.tsx
 const getStatusColor = (status, theme) => {
-    switch (status) {
-        case RouteExecutionStatus.Done:
-            return {
-                color: theme.vars.palette.success.mainChannel,
-                alpha: 0.12,
-                lightDarken: 0,
-                darkDarken: 0,
-            };
-        case RouteExecutionStatus.Failed:
-            return {
-                color: theme.vars.palette.error.mainChannel,
-                alpha: 0.12,
-                lightDarken: 0,
-                darkDarken: 0,
-            };
-        case RouteExecutionStatus.Done | RouteExecutionStatus.Partial:
-        case RouteExecutionStatus.Done | RouteExecutionStatus.Refunded:
-        case 'warning':
-            return {
-                color: theme.vars.palette.warning.mainChannel,
-                alpha: 0.48,
-                lightDarken: 0.32,
-                darkDarken: 0,
-            };
-        default:
-            return {
-                color: theme.vars.palette.primary.mainChannel,
-                alpha: 0.12,
-                lightDarken: 0,
-                darkDarken: 0,
-            };
-    }
+	switch (status) {
+		case RouteExecutionStatus.Done: return {
+			color: theme.vars.palette.success.mainChannel,
+			alpha: .12,
+			lightDarken: 0,
+			darkDarken: 0
+		};
+		case RouteExecutionStatus.Failed: return {
+			color: theme.vars.palette.error.mainChannel,
+			alpha: .12,
+			lightDarken: 0,
+			darkDarken: 0
+		};
+		case RouteExecutionStatus.Done | RouteExecutionStatus.Partial:
+		case RouteExecutionStatus.Done | RouteExecutionStatus.Refunded:
+		case "warning": return {
+			color: theme.vars.palette.warning.mainChannel,
+			alpha: .48,
+			lightDarken: .32,
+			darkDarken: 0
+		};
+		default: return {
+			color: theme.vars.palette.primary.mainChannel,
+			alpha: .12,
+			lightDarken: 0,
+			darkDarken: 0
+		};
+	}
 };
-export const CenterContainer = styled(Box)(() => ({
-    display: 'grid',
-    placeItems: 'center',
-    position: 'relative',
+const CenterContainer = styled(Box)(() => ({
+	display: "grid",
+	placeItems: "center",
+	position: "relative"
 }));
-export const IconCircle = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'status',
-})(({ theme, status }) => {
-    const statusConfig = getStatusColor(status, theme);
-    return {
-        backgroundColor: `rgba(${statusConfig.color} / ${statusConfig.alpha})`,
-        borderRadius: '50%',
-        width: 72,
-        height: 72,
-        display: 'grid',
-        position: 'relative',
-        placeItems: 'center',
-        '& > svg': {
-            color: `color-mix(in srgb, rgb(${statusConfig.color}) ${(1 - statusConfig.lightDarken) * 100}%, black)`,
-            width: 36,
-            height: 36,
-        },
-        ...theme.applyStyles('dark', {
-            '& > svg': {
-                color: `color-mix(in srgb, rgb(${statusConfig.color}) ${(1 - statusConfig.darkDarken) * 100}%, black)`,
-                width: 36,
-                height: 36,
-            },
-        }),
-    };
+const IconCircle = styled(Box, { shouldForwardProp: (prop) => prop !== "status" })(({ theme, status = RouteExecutionStatus.Idle }) => {
+	const statusConfig = getStatusColor(status, theme);
+	return {
+		backgroundColor: `rgba(${statusConfig.color} / ${statusConfig.alpha})`,
+		borderRadius: "50%",
+		width: 72,
+		height: 72,
+		display: "grid",
+		position: "relative",
+		placeItems: "center",
+		"& > svg": {
+			color: `color-mix(in srgb, rgb(${statusConfig.color}) ${(1 - statusConfig.lightDarken) * 100}%, black)`,
+			width: 36,
+			height: 36
+		},
+		...theme.applyStyles("dark", { "& > svg": {
+			color: `color-mix(in srgb, rgb(${statusConfig.color}) ${(1 - statusConfig.darkDarken) * 100}%, black)`,
+			width: 36,
+			height: 36
+		} })
+	};
 });
+//#endregion
+export { CenterContainer, IconCircle };
+
 //# sourceMappingURL=StatusBottomSheet.style.js.map