@lifi/widget 3.0.2 → 3.1.0

package/_esm/components/Insurance/InsuranceCollapsed.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Collapse } from '@mui/material';
-import { useRoutes } from '../../hooks/useRoutes.js';
-import { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js';
-import { RouteExecutionStatus } from '../../stores/routes/types.js';
-import { useSetExecutableRoute } from '../../stores/routes/useSetExecutableRoute.js';
-import { formatTokenAmount } from '../../utils/format.js';
-import { InsuranceCard } from './InsuranceCard.js';
-export const InsuranceCollapsed = ({ status, insurableRouteId, onChange, ...props }) => {
-    const setExecutableRoute = useSetExecutableRoute();
-    const routeExecution = useRouteExecutionStore((state) => state.routes[insurableRouteId]);
-    const { routes } = useRoutes({
-        insurableRoute: routeExecution?.route,
-    });
-    const insuredRoute = routes?.[0];
-    const toggleInsurance = (checked) => {
-        if (insuredRoute) {
-            if (checked) {
-                setExecutableRoute(insuredRoute, insurableRouteId);
-            }
-            onChange?.(checked ? insuredRoute.id : insurableRouteId);
-        }
-    };
-    if (!insuredRoute) {
-        return null;
-    }
-    return (_jsx(Collapse, { timeout: 225, in: insuredRoute.insurance.state === 'INSURED', unmountOnExit: true, mountOnEnter: true, appear: status === RouteExecutionStatus.Idle, children: _jsx(InsuranceCard, { ...props, status: status, insuredAmount: formatTokenAmount(BigInt(insuredRoute.toAmountMin), insuredRoute.toToken.decimals), insuredTokenSymbol: insuredRoute.toToken.symbol, onChange: toggleInsurance }) }));
-};
-//# sourceMappingURL=InsuranceCollapsed.js.map

package/_esm/components/Insurance/InsuranceCollapsed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InsuranceCollapsed.js","sourceRoot":"","sources":["../../../components/Insurance/InsuranceCollapsed.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8CAA8C,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,MAAM,CAAC,MAAM,kBAAkB,GAA6B,CAAC,EAC3D,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,cAAc,GAAG,sBAAsB,CAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAC1C,CAAC;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QAC3B,cAAc,EAAE,cAAc,EAAE,KAAK;KACtC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,EAAE;QAC3C,IAAI,YAAY,EAAE,CAAC;YACjB,IAAI,OAAO,EAAE,CAAC;gBACZ,kBAAkB,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;YACrD,CAAC;YACD,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE,YAAY,CAAC,SAAS,CAAC,KAAK,KAAK,SAAS,EAC9C,aAAa,QACb,YAAY,QACZ,MAAM,EAAE,MAAM,KAAK,oBAAoB,CAAC,IAAI,YAE5C,KAAC,aAAa,OACR,KAAK,EACT,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,CAC9B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,EAChC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAC9B,EACD,kBAAkB,EAAE,YAAY,CAAC,OAAO,CAAC,MAAM,EAC/C,QAAQ,EAAE,eAAe,GACzB,GACO,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Insurance/types.d.ts

@@ -1,19 +0,0 @@
-import type { CardProps } from '@mui/material';
-import type { RouteExecutionStatus } from '../../stores/routes/types.js';
-export interface InsuredAmount {
-    insuredAmount: string;
-    insuredTokenSymbol: string;
-}
-interface Insurance extends InsuredAmount {
-    feeAmountUsd: string;
-    insuranceCoverageId?: string;
-    status?: RouteExecutionStatus;
-}
-export interface InsuranceProps extends Insurance, Omit<CardProps, 'onChange'> {
-    insurableRouteId: string;
-    onChange?: (routeId: string) => void;
-}
-export interface InsuranceCardProps extends Insurance, Omit<CardProps, 'onChange'> {
-    onChange?: (checked: boolean) => void;
-}
-export {};

package/_esm/components/Insurance/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/_esm/components/Insurance/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../components/Insurance/types.ts"],"names":[],"mappings":""}

package/_esm/components/StepActions/StepFeeBreakdown.d.ts

@@ -1,4 +0,0 @@
-import type { LiFiStepExtended } from '@lifi/sdk';
-export declare const StepFeeBreakdown: React.FC<{
-    step: LiFiStepExtended;
-}>;

package/_esm/components/StepActions/StepFeeBreakdown.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MonetizationOn } from '@mui/icons-material';
-import { Box, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { formatUnits } from 'viem';
-import { getStepFeeCostsBreakdown } from '../../utils/fees.js';
-import { IconTypography } from './StepActions.style.js';
-export const StepFeeBreakdown = ({ step }) => {
-    const { t } = useTranslation();
-    let fees = 0;
-    const feeComponents = [];
-    const isDone = step.execution?.status === 'DONE';
-    const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts;
-    const feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts;
-    if (gasCosts) {
-        const { token, amount, amountUSD } = getStepFeeCostsBreakdown(gasCosts);
-        const formattedGasAmount = token
-            ? parseFloat(formatUnits(amount, token.decimals))?.toFixed(9)
-            : 0;
-        fees += amountUSD;
-        feeComponents.push(_jsxs(Box, { ml: 7, children: [_jsx(Typography, { fontSize: 12, lineHeight: 2, color: "text.secondary", fontWeight: "500", children: isDone
-                        ? t('main.fees.networkPaid')
-                        : t('main.fees.networkEstimated') }), _jsxs(Typography, { fontSize: 12, lineHeight: 1, fontWeight: "500", color: "text.secondary", children: [t(`format.currency`, { value: amountUSD }), " (", formattedGasAmount, ' ', token.symbol, ")"] })] }, "network"));
-    }
-    if (feeCosts) {
-        const filteredfeeCosts = feeCosts?.filter((fee) => !fee.included);
-        if (filteredfeeCosts?.length) {
-            const { token, amount, amountUSD } = getStepFeeCostsBreakdown(filteredfeeCosts);
-            const formattedFeeAmount = token
-                ? parseFloat(formatUnits(amount, token.decimals))?.toFixed(9)
-                : 0;
-            fees += amountUSD;
-            feeComponents.push(_jsxs(Box, { mt: feeComponents.length ? 0.5 : 0, ml: 7, children: [_jsx(Typography, { fontSize: 12, lineHeight: 2, color: "text.secondary", fontWeight: "500", children: isDone
-                            ? t('main.fees.providerPaid')
-                            : t('main.fees.providerEstimated') }), _jsxs(Typography, { fontSize: 12, lineHeight: 1, fontWeight: "500", color: "text.secondary", children: [t(`format.currency`, { value: amountUSD }), " (", formattedFeeAmount, ' ', token.symbol, ")"] })] }, "bridge"));
-        }
-    }
-    return (_jsxs(Box, { mt: 1.5, children: [_jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { ml: 1, mr: 3, height: 24, children: _jsx(MonetizationOn, {}) }), _jsx(Typography, { fontSize: 16, color: "text.primary", fontWeight: "600", lineHeight: 1.125, children: t(`format.currency`, {
-                            value: fees,
-                        }) })] }), feeComponents] }));
-};
-//# sourceMappingURL=StepFeeBreakdown.js.map

package/_esm/components/StepActions/StepFeeBreakdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepFeeBreakdown.js","sourceRoot":"","sources":["../../../components/StepActions/StepFeeBreakdown.tsx"],"names":[],"mappings":"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"}

package/_esm/icons/InsuraceLogo.d.ts

@@ -1,2 +0,0 @@
-import type { SVGProps } from 'react';
-export declare const InsuraceLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/_esm/icons/InsuraceLogo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTheme } from '@mui/material';
-export const InsuraceLogo = (props) => {
-    const theme = useTheme();
-    const insurColor = theme.palette.mode === 'light' ? '#1C4332' : theme.palette.common.white;
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "58", height: "20", fill: "none", ...props, children: [_jsx("path", { fill: insurColor, fillRule: "evenodd", d: "M42.887 3.894a2.104 2.104 0 0 0-1.304.405 1.259 1.259 0 0 0-.544 1.046c0 .683.509 1.15 1.527 1.401.483.12.817.236 1 .345.184.11.276.234.276.373a.36.36 0 0 1-.227.331 1.25 1.25 0 0 1-.568.115c-.66 0-1.292-.25-1.896-.753V8.23c.473.418 1.082.637 1.826.656h.055c.46.01.912-.12 1.297-.37a1.19 1.19 0 0 0 .558-1.053c0-.734-.51-1.229-1.527-1.485a.532.532 0 0 1-.084-.02l-.097-.022a5.483 5.483 0 0 1-.826-.258c-.18-.079-.269-.192-.269-.341a.38.38 0 0 1 .23-.341c.178-.09.374-.133.572-.126.303.006.602.061.886.164a4 4 0 0 1 .906.443V4.41a3.55 3.55 0 0 0-1.791-.516Zm-11.621.056h1.052v4.88h-1.052V3.95Zm5.014 0 1.638 3.876V3.95h1.025v4.88h-1.625l-1.687-4.002V8.83h-1.025V3.95h1.674Zm10.56.007h1.053v2.9c-.007.28.102.55.3.746a.972.972 0 0 0 .711.3.982.982 0 0 0 .715-.3c.2-.196.31-.466.303-.746v-2.9h1.046v2.9c.013.543-.2 1.067-.59 1.447a2.158 2.158 0 0 1-2.941.007 1.934 1.934 0 0 1-.596-1.454v-2.9Zm9.283 1.653a.714.714 0 0 1-.718.71h-1.179V4.891h1.178a.7.7 0 0 1 .51.206.68.68 0 0 1 .209.505v.008ZM53.18 3.95v4.88h1.045V7.226h.823l.969 1.604h1.185l-1.046-1.736c.29-.114.538-.316.708-.578.176-.26.27-.565.268-.879a1.617 1.617 0 0 0-.505-1.185 1.673 1.673 0 0 0-1.224-.502h-2.223Z", clipRule: "evenodd" }), _jsx("path", { fill: "#28DA98", fillRule: "evenodd", d: "M32.366 13.05a1.27 1.27 0 0 0 .37.914c.238.252.57.391.917.383a1.317 1.317 0 0 0 1.296-1.296 1.267 1.267 0 0 0-.383-.913 1.233 1.233 0 0 0-.913-.393 1.216 1.216 0 0 0-.918.388c-.24.245-.373.575-.37.918Zm-.53-1.78a2.274 2.274 0 0 1 1.69-.721c.49-.01.966.166 1.332.493v-.411h1.324v4.838h-1.324v-.401c-.37.318-.845.488-1.333.475a2.252 2.252 0 0 1-1.684-.74 2.45 2.45 0 0 1-.708-1.752 2.471 2.471 0 0 1 .704-1.78v-.001Zm7.093 0c.461-.47 1.095-.73 1.753-.721.5-.006.99.148 1.397.438.408.284.72.685.895 1.15l-1.205.347a1.274 1.274 0 0 0-.434-.543 1.095 1.095 0 0 0-.652-.206 1.174 1.174 0 0 0-.895.393 1.31 1.31 0 0 0-.365.922c-.005.342.127.672.365.918.228.252.554.393.895.388.235.004.466-.068.657-.206a1.3 1.3 0 0 0 .429-.534l1.205.347c-.176.46-.486.858-.89 1.141a2.36 2.36 0 0 1-1.401.439 2.388 2.388 0 0 1-1.767-.736 2.501 2.501 0 0 1 .014-3.537Zm9.495 1.269h-2.346a1.16 1.16 0 0 1 .425-.585c.217-.16.482-.244.753-.237a1.195 1.195 0 0 1 1.168.822Zm.411-1.424a2.477 2.477 0 0 0-3.323.155 2.501 2.501 0 0 0-.013 3.537c.46.48 1.1.747 1.766.735a2.89 2.89 0 0 0 1.351-.342 2.08 2.08 0 0 0 .94-.908l-1.15-.33c-.313.28-.722.428-1.141.412a1.327 1.327 0 0 1-.758-.215 1.043 1.043 0 0 1-.429-.616h3.633c.037-.156.056-.315.055-.475a2.338 2.338 0 0 0-.064-.53 2.467 2.467 0 0 0-.867-1.423Z", clipRule: "evenodd" }), _jsx("path", { fill: "#28DA98", d: "M16.951 10a2.139 2.139 0 0 0-2.139-2.139l1.908-1.907c0 1.18.958 2.139 2.139 2.139L16.95 10ZM12.905 5.954a2.139 2.139 0 0 0-2.14-2.139l1.908-1.907c0 1.18.958 2.138 2.139 2.138l-1.907 1.908Z" }), _jsx("path", { fill: insurColor, d: "M16.951 18.093a2.139 2.139 0 0 0-2.138-2.14l1.907-1.907c0 1.181.958 2.139 2.139 2.139l-1.908 1.908ZM12.905 14.046a2.139 2.139 0 0 0-2.14-2.138L12.674 10c0 1.181.958 2.139 2.139 2.139l-1.907 1.907ZM16.938 2.147c.008-.078.013-.158.013-.24l-.014.24Z" }), _jsx("path", { fill: "#28DA98", d: "M20.207 8.651a1.907 1.907 0 0 0-2.698 0 1.901 1.901 0 0 0-.558 1.35c-.001 1.181-.958 2.138-2.14 2.138h.001c-.488 0-.976.186-1.349.559a1.9 1.9 0 0 0-.558 1.35c-.001 1.18-.957 2.135-2.136 2.137h-.004a2.139 2.139 0 0 1-2.138-2.138c0-.489-.186-.977-.559-1.35a1.901 1.901 0 0 0-1.349-.558 2.139 2.139 0 0 1-2.138-2.137v-.004c0-1.18.957-2.136 2.137-2.137.488 0 .977-.185 1.35-.558.373-.373.559-.861.559-1.35 0-1.18.958-2.138 2.139-2.138a1.907 1.907 0 1 0-1.907-1.907A2.139 2.139 0 0 1 6.72 4.046c-.488 0-.977.186-1.35.56-.372.372-.558.86-.558 1.348a2.139 2.139 0 0 1-2.138 2.139 1.907 1.907 0 1 0 .001 3.815 2.139 2.139 0 0 1 2.137 2.136c0 .489.185.978.559 1.351a1.9 1.9 0 0 0 1.354.559 2.139 2.139 0 0 1 2.133 2.139 1.908 1.908 0 0 0 3.815 0c0-1.182.958-2.14 2.139-2.14.488 0 .976-.185 1.349-.558.374-.374.56-.864.558-1.354a2.139 2.139 0 0 1 2.137-2.133 1.908 1.908 0 0 0 1.35-3.256Z" }), _jsx("path", { fill: insurColor, d: "M28.3 8.651a1.901 1.901 0 0 0-1.348-.558 2.139 2.139 0 0 1-2.139-2.139 1.9 1.9 0 0 0-.559-1.349 1.901 1.901 0 0 0-1.349-.559 2.139 2.139 0 0 1-2.138-2.135 1.907 1.907 0 1 0-3.815-.003c0 .082-.005.164-.014.244v-.005a2.13 2.13 0 0 1-.999 1.579l-.002.001a2.112 2.112 0 0 1-.16.09l-.012.006a2.11 2.11 0 0 1-.163.072l-.018.008c-.055.02-.11.04-.167.056l-.02.006c-.057.016-.115.03-.174.042l-.02.003c-.06.011-.12.02-.182.026l-.013.001c-.064.006-.129.01-.194.01-.06 0-.118.002-.176.008h-.007a1.909 1.909 0 0 0-.526.128l-.01.003a1.92 1.92 0 0 0-.166.077l-.003.002c-.046.024-.09.051-.135.08l-.027.016c-.045.029-.087.061-.13.095-.008.006-.017.011-.025.018a1.912 1.912 0 0 0-.39.43l-.046.08c-.016.027-.034.054-.05.083-.011.023-.02.047-.032.07-.015.033-.032.066-.046.1-.01.025-.018.053-.028.08-.01.03-.023.062-.033.094-.01.036-.018.073-.027.11-.005.023-.012.046-.016.068a1.9 1.9 0 0 0-.02.137l-.007.045a1.935 1.935 0 0 0-.007.154l-.001.029a2.139 2.139 0 0 1-2.138 2.139A1.907 1.907 0 1 0 12.675 10c0-1.18.956-2.138 2.136-2.139.243 0 .485-.045.713-.137l.006-.002c.052-.02.102-.045.152-.07l.018-.009c.045-.023.089-.05.132-.078l.03-.018c.042-.027.083-.058.123-.09l.032-.023a1.953 1.953 0 0 0 .276-.277c.01-.01.017-.023.026-.034.03-.04.06-.08.088-.12l.017-.03c.028-.044.055-.088.079-.133l.009-.02c.025-.049.049-.1.07-.15l.003-.01c.09-.227.136-.468.136-.71l.013-.236a2.139 2.139 0 0 1 4.264.237c0 .49.186.978.559 1.352.373.373.862.559 1.35.558a2.139 2.139 0 0 1-.001 4.278c-.488 0-.977.186-1.35.559-.372.373-.558.862-.558 1.35a2.139 2.139 0 0 1-2.136 2.137 1.908 1.908 0 0 0-1.352 3.256 1.908 1.908 0 0 0 3.257-1.349c0-1.18.958-2.138 2.139-2.138.488 0 .976-.186 1.349-.559.372-.372.558-.86.558-1.35 0-1.18.957-2.136 2.137-2.137a1.907 1.907 0 0 0 1.35-3.256Z" })] }));
-};
-//# sourceMappingURL=InsuraceLogo.js.map

package/_esm/icons/InsuraceLogo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InsuraceLogo.js","sourceRoot":"","sources":["../../icons/InsuraceLogo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC7D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GACd,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;IAC1E,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,KACP,KAAK,aAET,eACE,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,opCAAopC,EACtpC,QAAQ,EAAC,SAAS,GAClB,EACF,eACE,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,2vCAA2vC,EAC7vC,QAAQ,EAAC,SAAS,GAClB,EACF,eACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,8LAA8L,GAChM,EACF,eACE,IAAI,EAAE,UAAU,EAChB,CAAC,EAAC,wPAAwP,GAC1P,EACF,eACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,g3BAAg3B,GACl3B,EACF,eACE,IAAI,EAAE,UAAU,EAChB,CAAC,EAAC,4sDAA4sD,GAC9sD,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/components/Insurance/Insurance.tsx

@@ -1,22 +0,0 @@
-import { RouteExecutionStatus } from '../../stores/routes/types.js';
-import { InsuranceCard } from './InsuranceCard.js';
-import { InsuranceCollapsed } from './InsuranceCollapsed.js';
-import type { InsuranceProps } from './types.js';
-
-export const Insurance: React.FC<InsuranceProps> = ({
-  status,
-  insurableRouteId,
-  onChange,
-  ...props
-}) => {
-  return status === RouteExecutionStatus.Idle ? (
-    <InsuranceCollapsed
-      status={status}
-      insurableRouteId={insurableRouteId}
-      onChange={onChange}
-      {...props}
-    />
-  ) : (
-    <InsuranceCard status={status} {...props} />
-  );
-};

package/components/Insurance/InsuranceCard.tsx

@@ -1,119 +0,0 @@
-import { VerifiedUser } from '@mui/icons-material';
-import { Box, Collapse, Link, Typography } from '@mui/material';
-import type { ChangeEvent } from 'react';
-import { useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { InsuraceLogo } from '../../icons/InsuraceLogo.js';
-import { RouteExecutionStatus } from '../../stores/routes/types.js';
-import { Card } from '../Card/Card.js';
-import { CardLabel, CardLabelTypography } from '../Card/CardLabel.js';
-import { Switch } from '../Switch.js';
-import type { InsuranceCardProps } from './types.js';
-
-export const InsuranceCard: React.FC<InsuranceCardProps> = ({
-  status,
-  feeAmountUsd,
-  insuredAmount,
-  insuredTokenSymbol,
-  insuranceCoverageId,
-  onChange,
-  ...props
-}) => {
-  const { t } = useTranslation();
-  const [enabled, setEnabled] = useState(false);
-
-  const handleSwitch = (_: ChangeEvent<HTMLInputElement>, checked: boolean) => {
-    setEnabled(checked);
-    onChange?.(checked);
-  };
-
-  return (
-    <Card selectionColor="secondary" indented {...props}>
-      <Box display="flex" alignItems="center" justifyContent="space-between">
-        <CardLabel type={'insurance'}>
-          <VerifiedUser fontSize="inherit" />
-          <CardLabelTypography type="icon">
-            {status === RouteExecutionStatus.Idle
-              ? t('main.tags.insurance')
-              : t('main.tags.insured')}
-          </CardLabelTypography>
-        </CardLabel>
-        <Switch onChange={handleSwitch} value={enabled} />
-      </Box>
-      <Collapse timeout={225} in={enabled} mountOnEnter unmountOnExit>
-        <Box mt={2}>
-          <Box
-            display="flex"
-            alignItems="center"
-            justifyContent="space-between"
-            mb={2}
-          >
-            <Typography fontSize={24} fontWeight={700} lineHeight={1}>
-              {t('format.currency', {
-                value: feeAmountUsd,
-              })}
-            </Typography>
-            <InsuraceLogo />
-          </Box>
-          <Box>
-            <Typography fontSize={14}>
-              <Trans
-                i18nKey={
-                  status === RouteExecutionStatus.Idle
-                    ? 'insurance.insure'
-                    : 'insurance.insured'
-                }
-                values={{
-                  amount: insuredAmount,
-                  tokenSymbol: insuredTokenSymbol,
-                }}
-                components={[<strong />]}
-              />
-            </Typography>
-            <Collapse
-              timeout={225}
-              in={enabled || status !== RouteExecutionStatus.Idle}
-              mountOnEnter
-              unmountOnExit
-            >
-              <Box
-                sx={{
-                  listStyleType: 'disc',
-                  pl: 2,
-                }}
-              >
-                <Typography fontSize={14} display="list-item">
-                  {t('insurance.bridgeExploits')}
-                </Typography>
-                <Typography fontSize={14} display="list-item">
-                  {t('insurance.slippageError')}
-                </Typography>
-              </Box>
-            </Collapse>
-            <Link
-              href={
-                status === RouteExecutionStatus.Idle
-                  ? 'https://docs.insurace.io/landing-page/documentation/cover-products/bridge-cover/li.fi'
-                  : `https://app.insurace.io/bridge-cover?search=${insuranceCoverageId}`
-              }
-              target="_blank"
-              underline="none"
-              color="text.primary"
-            >
-              <Typography
-                pt={0.5}
-                color="primary"
-                fontSize={14}
-                fontWeight={600}
-              >
-                {status === RouteExecutionStatus.Idle
-                  ? t('button.learnMore')
-                  : t('button.viewCoverage')}
-              </Typography>
-            </Link>
-          </Box>
-        </Box>
-      </Collapse>
-    </Card>
-  );
-};

package/components/Insurance/InsuranceCollapsed.tsx

@@ -1,59 +0,0 @@
-import { Collapse } from '@mui/material';
-import { useRoutes } from '../../hooks/useRoutes.js';
-import { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js';
-import { RouteExecutionStatus } from '../../stores/routes/types.js';
-import { useSetExecutableRoute } from '../../stores/routes/useSetExecutableRoute.js';
-import { formatTokenAmount } from '../../utils/format.js';
-import { InsuranceCard } from './InsuranceCard.js';
-import type { InsuranceProps } from './types.js';
-
-export const InsuranceCollapsed: React.FC<InsuranceProps> = ({
-  status,
-  insurableRouteId,
-  onChange,
-  ...props
-}) => {
-  const setExecutableRoute = useSetExecutableRoute();
-  const routeExecution = useRouteExecutionStore(
-    (state) => state.routes[insurableRouteId],
-  );
-  const { routes } = useRoutes({
-    insurableRoute: routeExecution?.route,
-  });
-
-  const insuredRoute = routes?.[0];
-
-  const toggleInsurance = (checked: boolean) => {
-    if (insuredRoute) {
-      if (checked) {
-        setExecutableRoute(insuredRoute, insurableRouteId);
-      }
-      onChange?.(checked ? insuredRoute.id : insurableRouteId);
-    }
-  };
-
-  if (!insuredRoute) {
-    return null;
-  }
-
-  return (
-    <Collapse
-      timeout={225}
-      in={insuredRoute.insurance.state === 'INSURED'}
-      unmountOnExit
-      mountOnEnter
-      appear={status === RouteExecutionStatus.Idle}
-    >
-      <InsuranceCard
-        {...props}
-        status={status}
-        insuredAmount={formatTokenAmount(
-          BigInt(insuredRoute.toAmountMin),
-          insuredRoute.toToken.decimals,
-        )}
-        insuredTokenSymbol={insuredRoute.toToken.symbol}
-        onChange={toggleInsurance}
-      />
-    </Collapse>
-  );
-};

package/components/Insurance/types.ts

@@ -1,24 +0,0 @@
-import type { CardProps } from '@mui/material';
-import type { RouteExecutionStatus } from '../../stores/routes/types.js';
-
-export interface InsuredAmount {
-  insuredAmount: string;
-  insuredTokenSymbol: string;
-}
-
-interface Insurance extends InsuredAmount {
-  feeAmountUsd: string;
-  insuranceCoverageId?: string;
-  status?: RouteExecutionStatus;
-}
-
-export interface InsuranceProps extends Insurance, Omit<CardProps, 'onChange'> {
-  insurableRouteId: string;
-  onChange?: (routeId: string) => void;
-}
-
-export interface InsuranceCardProps
-  extends Insurance,
-    Omit<CardProps, 'onChange'> {
-  onChange?: (checked: boolean) => void;
-}

package/components/StepActions/StepFeeBreakdown.tsx

@@ -1,108 +0,0 @@
-import type { LiFiStepExtended } from '@lifi/sdk';
-import { MonetizationOn } from '@mui/icons-material';
-import { Box, Typography } from '@mui/material';
-import type { ReactNode } from 'react';
-import { useTranslation } from 'react-i18next';
-import { formatUnits } from 'viem';
-import { getStepFeeCostsBreakdown } from '../../utils/fees.js';
-import { IconTypography } from './StepActions.style.js';
-
-export const StepFeeBreakdown: React.FC<{
-  step: LiFiStepExtended;
-}> = ({ step }) => {
-  const { t } = useTranslation();
-
-  let fees = 0;
-  const feeComponents: ReactNode[] = [];
-  const isDone = step.execution?.status === 'DONE';
-
-  const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts;
-  const feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts;
-
-  if (gasCosts) {
-    const { token, amount, amountUSD } = getStepFeeCostsBreakdown(gasCosts);
-    const formattedGasAmount = token
-      ? parseFloat(formatUnits(amount, token.decimals))?.toFixed(9)
-      : 0;
-    fees += amountUSD;
-    feeComponents.push(
-      <Box ml={7} key="network">
-        <Typography
-          fontSize={12}
-          lineHeight={2}
-          color="text.secondary"
-          fontWeight="500"
-        >
-          {isDone
-            ? t('main.fees.networkPaid')
-            : t('main.fees.networkEstimated')}
-        </Typography>
-        <Typography
-          fontSize={12}
-          lineHeight={1}
-          fontWeight="500"
-          color="text.secondary"
-        >
-          {t(`format.currency`, { value: amountUSD })} ({formattedGasAmount}{' '}
-          {token.symbol})
-        </Typography>
-      </Box>,
-    );
-  }
-
-  if (feeCosts) {
-    const filteredfeeCosts = feeCosts?.filter((fee) => !fee.included);
-    if (filteredfeeCosts?.length) {
-      const { token, amount, amountUSD } =
-        getStepFeeCostsBreakdown(filteredfeeCosts);
-      const formattedFeeAmount = token
-        ? parseFloat(formatUnits(amount, token.decimals))?.toFixed(9)
-        : 0;
-      fees += amountUSD;
-      feeComponents.push(
-        <Box mt={feeComponents.length ? 0.5 : 0} ml={7} key="bridge">
-          <Typography
-            fontSize={12}
-            lineHeight={2}
-            color="text.secondary"
-            fontWeight="500"
-          >
-            {isDone
-              ? t('main.fees.providerPaid')
-              : t('main.fees.providerEstimated')}
-          </Typography>
-          <Typography
-            fontSize={12}
-            lineHeight={1}
-            fontWeight="500"
-            color="text.secondary"
-          >
-            {t(`format.currency`, { value: amountUSD })} ({formattedFeeAmount}{' '}
-            {token.symbol})
-          </Typography>
-        </Box>,
-      );
-    }
-  }
-
-  return (
-    <Box mt={1.5}>
-      <Box display="flex" alignItems="center">
-        <IconTypography ml={1} mr={3} height={24}>
-          <MonetizationOn />
-        </IconTypography>
-        <Typography
-          fontSize={16}
-          color="text.primary"
-          fontWeight="600"
-          lineHeight={1.125}
-        >
-          {t(`format.currency`, {
-            value: fees,
-          })}
-        </Typography>
-      </Box>
-      {feeComponents}
-    </Box>
-  );
-};

package/icons/InsuraceLogo.tsx

@@ -1,46 +0,0 @@
-import { useTheme } from '@mui/material';
-import type { SVGProps } from 'react';
-
-export const InsuraceLogo = (props: SVGProps<SVGSVGElement>) => {
-  const theme = useTheme();
-  const insurColor =
-    theme.palette.mode === 'light' ? '#1C4332' : theme.palette.common.white;
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="58"
-      height="20"
-      fill="none"
-      {...props}
-    >
-      <path
-        fill={insurColor}
-        fillRule="evenodd"
-        d="M42.887 3.894a2.104 2.104 0 0 0-1.304.405 1.259 1.259 0 0 0-.544 1.046c0 .683.509 1.15 1.527 1.401.483.12.817.236 1 .345.184.11.276.234.276.373a.36.36 0 0 1-.227.331 1.25 1.25 0 0 1-.568.115c-.66 0-1.292-.25-1.896-.753V8.23c.473.418 1.082.637 1.826.656h.055c.46.01.912-.12 1.297-.37a1.19 1.19 0 0 0 .558-1.053c0-.734-.51-1.229-1.527-1.485a.532.532 0 0 1-.084-.02l-.097-.022a5.483 5.483 0 0 1-.826-.258c-.18-.079-.269-.192-.269-.341a.38.38 0 0 1 .23-.341c.178-.09.374-.133.572-.126.303.006.602.061.886.164a4 4 0 0 1 .906.443V4.41a3.55 3.55 0 0 0-1.791-.516Zm-11.621.056h1.052v4.88h-1.052V3.95Zm5.014 0 1.638 3.876V3.95h1.025v4.88h-1.625l-1.687-4.002V8.83h-1.025V3.95h1.674Zm10.56.007h1.053v2.9c-.007.28.102.55.3.746a.972.972 0 0 0 .711.3.982.982 0 0 0 .715-.3c.2-.196.31-.466.303-.746v-2.9h1.046v2.9c.013.543-.2 1.067-.59 1.447a2.158 2.158 0 0 1-2.941.007 1.934 1.934 0 0 1-.596-1.454v-2.9Zm9.283 1.653a.714.714 0 0 1-.718.71h-1.179V4.891h1.178a.7.7 0 0 1 .51.206.68.68 0 0 1 .209.505v.008ZM53.18 3.95v4.88h1.045V7.226h.823l.969 1.604h1.185l-1.046-1.736c.29-.114.538-.316.708-.578.176-.26.27-.565.268-.879a1.617 1.617 0 0 0-.505-1.185 1.673 1.673 0 0 0-1.224-.502h-2.223Z"
-        clipRule="evenodd"
-      />
-      <path
-        fill="#28DA98"
-        fillRule="evenodd"
-        d="M32.366 13.05a1.27 1.27 0 0 0 .37.914c.238.252.57.391.917.383a1.317 1.317 0 0 0 1.296-1.296 1.267 1.267 0 0 0-.383-.913 1.233 1.233 0 0 0-.913-.393 1.216 1.216 0 0 0-.918.388c-.24.245-.373.575-.37.918Zm-.53-1.78a2.274 2.274 0 0 1 1.69-.721c.49-.01.966.166 1.332.493v-.411h1.324v4.838h-1.324v-.401c-.37.318-.845.488-1.333.475a2.252 2.252 0 0 1-1.684-.74 2.45 2.45 0 0 1-.708-1.752 2.471 2.471 0 0 1 .704-1.78v-.001Zm7.093 0c.461-.47 1.095-.73 1.753-.721.5-.006.99.148 1.397.438.408.284.72.685.895 1.15l-1.205.347a1.274 1.274 0 0 0-.434-.543 1.095 1.095 0 0 0-.652-.206 1.174 1.174 0 0 0-.895.393 1.31 1.31 0 0 0-.365.922c-.005.342.127.672.365.918.228.252.554.393.895.388.235.004.466-.068.657-.206a1.3 1.3 0 0 0 .429-.534l1.205.347c-.176.46-.486.858-.89 1.141a2.36 2.36 0 0 1-1.401.439 2.388 2.388 0 0 1-1.767-.736 2.501 2.501 0 0 1 .014-3.537Zm9.495 1.269h-2.346a1.16 1.16 0 0 1 .425-.585c.217-.16.482-.244.753-.237a1.195 1.195 0 0 1 1.168.822Zm.411-1.424a2.477 2.477 0 0 0-3.323.155 2.501 2.501 0 0 0-.013 3.537c.46.48 1.1.747 1.766.735a2.89 2.89 0 0 0 1.351-.342 2.08 2.08 0 0 0 .94-.908l-1.15-.33c-.313.28-.722.428-1.141.412a1.327 1.327 0 0 1-.758-.215 1.043 1.043 0 0 1-.429-.616h3.633c.037-.156.056-.315.055-.475a2.338 2.338 0 0 0-.064-.53 2.467 2.467 0 0 0-.867-1.423Z"
-        clipRule="evenodd"
-      />
-      <path
-        fill="#28DA98"
-        d="M16.951 10a2.139 2.139 0 0 0-2.139-2.139l1.908-1.907c0 1.18.958 2.139 2.139 2.139L16.95 10ZM12.905 5.954a2.139 2.139 0 0 0-2.14-2.139l1.908-1.907c0 1.18.958 2.138 2.139 2.138l-1.907 1.908Z"
-      />
-      <path
-        fill={insurColor}
-        d="M16.951 18.093a2.139 2.139 0 0 0-2.138-2.14l1.907-1.907c0 1.181.958 2.139 2.139 2.139l-1.908 1.908ZM12.905 14.046a2.139 2.139 0 0 0-2.14-2.138L12.674 10c0 1.181.958 2.139 2.139 2.139l-1.907 1.907ZM16.938 2.147c.008-.078.013-.158.013-.24l-.014.24Z"
-      />
-      <path
-        fill="#28DA98"
-        d="M20.207 8.651a1.907 1.907 0 0 0-2.698 0 1.901 1.901 0 0 0-.558 1.35c-.001 1.181-.958 2.138-2.14 2.138h.001c-.488 0-.976.186-1.349.559a1.9 1.9 0 0 0-.558 1.35c-.001 1.18-.957 2.135-2.136 2.137h-.004a2.139 2.139 0 0 1-2.138-2.138c0-.489-.186-.977-.559-1.35a1.901 1.901 0 0 0-1.349-.558 2.139 2.139 0 0 1-2.138-2.137v-.004c0-1.18.957-2.136 2.137-2.137.488 0 .977-.185 1.35-.558.373-.373.559-.861.559-1.35 0-1.18.958-2.138 2.139-2.138a1.907 1.907 0 1 0-1.907-1.907A2.139 2.139 0 0 1 6.72 4.046c-.488 0-.977.186-1.35.56-.372.372-.558.86-.558 1.348a2.139 2.139 0 0 1-2.138 2.139 1.907 1.907 0 1 0 .001 3.815 2.139 2.139 0 0 1 2.137 2.136c0 .489.185.978.559 1.351a1.9 1.9 0 0 0 1.354.559 2.139 2.139 0 0 1 2.133 2.139 1.908 1.908 0 0 0 3.815 0c0-1.182.958-2.14 2.139-2.14.488 0 .976-.185 1.349-.558.374-.374.56-.864.558-1.354a2.139 2.139 0 0 1 2.137-2.133 1.908 1.908 0 0 0 1.35-3.256Z"
-      />
-      <path
-        fill={insurColor}
-        d="M28.3 8.651a1.901 1.901 0 0 0-1.348-.558 2.139 2.139 0 0 1-2.139-2.139 1.9 1.9 0 0 0-.559-1.349 1.901 1.901 0 0 0-1.349-.559 2.139 2.139 0 0 1-2.138-2.135 1.907 1.907 0 1 0-3.815-.003c0 .082-.005.164-.014.244v-.005a2.13 2.13 0 0 1-.999 1.579l-.002.001a2.112 2.112 0 0 1-.16.09l-.012.006a2.11 2.11 0 0 1-.163.072l-.018.008c-.055.02-.11.04-.167.056l-.02.006c-.057.016-.115.03-.174.042l-.02.003c-.06.011-.12.02-.182.026l-.013.001c-.064.006-.129.01-.194.01-.06 0-.118.002-.176.008h-.007a1.909 1.909 0 0 0-.526.128l-.01.003a1.92 1.92 0 0 0-.166.077l-.003.002c-.046.024-.09.051-.135.08l-.027.016c-.045.029-.087.061-.13.095-.008.006-.017.011-.025.018a1.912 1.912 0 0 0-.39.43l-.046.08c-.016.027-.034.054-.05.083-.011.023-.02.047-.032.07-.015.033-.032.066-.046.1-.01.025-.018.053-.028.08-.01.03-.023.062-.033.094-.01.036-.018.073-.027.11-.005.023-.012.046-.016.068a1.9 1.9 0 0 0-.02.137l-.007.045a1.935 1.935 0 0 0-.007.154l-.001.029a2.139 2.139 0 0 1-2.138 2.139A1.907 1.907 0 1 0 12.675 10c0-1.18.956-2.138 2.136-2.139.243 0 .485-.045.713-.137l.006-.002c.052-.02.102-.045.152-.07l.018-.009c.045-.023.089-.05.132-.078l.03-.018c.042-.027.083-.058.123-.09l.032-.023a1.953 1.953 0 0 0 .276-.277c.01-.01.017-.023.026-.034.03-.04.06-.08.088-.12l.017-.03c.028-.044.055-.088.079-.133l.009-.02c.025-.049.049-.1.07-.15l.003-.01c.09-.227.136-.468.136-.71l.013-.236a2.139 2.139 0 0 1 4.264.237c0 .49.186.978.559 1.352.373.373.862.559 1.35.558a2.139 2.139 0 0 1-.001 4.278c-.488 0-.977.186-1.35.559-.372.373-.558.862-.558 1.35a2.139 2.139 0 0 1-2.136 2.137 1.908 1.908 0 0 0-1.352 3.256 1.908 1.908 0 0 0 3.257-1.349c0-1.18.958-2.138 2.139-2.138.488 0 .976-.186 1.349-.559.372-.372.558-.86.558-1.35 0-1.18.957-2.136 2.137-2.137a1.907 1.907 0 0 0 1.35-3.256Z"
-      />
-    </svg>
-  );
-};