@lifi/widget 4.0.0-beta.0 → 4.0.0-beta.10

package/dist/esm/components/TransactionDetails.js

@@ -1,117 +1,262 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEthereumContext } from '@lifi/widget-provider';
-import ExpandLess from '@mui/icons-material/ExpandLess';
-import ExpandMore from '@mui/icons-material/ExpandMore';
-import LocalGasStationRounded from '@mui/icons-material/LocalGasStationRounded';
-import { Box, Collapse, Tooltip, Typography } from '@mui/material';
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
-import { isRouteDone } from '../stores/routes/utils.js';
-import { getAccumulatedFeeCostsBreakdown } from '../utils/fees.js';
-import { formatTokenAmount, formatTokenPrice } from '../utils/format.js';
-import { getPriceImpact } from '../utils/getPriceImpact.js';
-import { Card } from './Card/Card.js';
-import { CardIconButton } from './Card/CardIconButton.js';
-import { FeeBreakdownTooltip } from './FeeBreakdownTooltip.js';
-import { IconTypography } from './IconTypography.js';
-import { TokenRate } from './TokenRate/TokenRate.js';
-export const TransactionDetails = ({ route, ...props }) => {
-    const { t } = useTranslation();
-    const { feeConfig, defaultUI } = useWidgetConfig();
-    const [cardExpanded, setCardExpanded] = useState(defaultUI?.transactionDetailsExpanded ?? false);
-    const { isGaslessStep } = useEthereumContext();
-    const toggleCard = () => {
-        setCardExpanded((cardExpanded) => !cardExpanded);
-    };
-    const { gasCosts, feeCosts, gasCostUSD, feeCostUSD, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
-    const priceImpact = getPriceImpact({
-        fromAmount: BigInt(route.fromAmount),
-        toAmount: BigInt(route.toAmount),
-        fromToken: route.fromToken,
-        toToken: route.toToken,
-    });
-    const feeCollectionStep = route.steps[0].includedSteps.find((includedStep) => includedStep.tool === 'feeCollection');
-    let feeAmountUSD = 0;
-    let feePercentage = 0;
-    if (feeCollectionStep) {
-        const estimatedFromAmount = BigInt(feeCollectionStep.estimate.fromAmount) -
-            BigInt(feeCollectionStep.estimate.toAmount);
-        feeAmountUSD = formatTokenPrice(estimatedFromAmount, feeCollectionStep.action.fromToken.priceUSD, feeCollectionStep.action.fromToken.decimals);
-        feePercentage =
-            feeCollectionStep.estimate.feeCosts?.reduce((percentage, feeCost) => percentage + Number.parseFloat(feeCost.percentage || '0'), 0) ?? 0;
-    }
-    const hasGaslessSupport = route.steps.every((step) => isGaslessStep?.(step));
-    const showIntegratorFeeCollectionDetails = (feeAmountUSD || Number.isFinite(feeConfig?.fee)) && !hasGaslessSupport;
-    return (_jsxs(Card, { selectionColor: "secondary", ...props, children: [_jsxs(Box, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    px: 2,
-                    py: 1.75,
-                }, children: [_jsx(Box, { sx: {
-                            display: 'flex',
-                            flex: 1,
-                            alignItems: 'center',
-                            justifyContent: 'left',
-                        }, children: _jsx(TokenRate, { route: route }) }), _jsx(Collapse, { timeout: 100, in: !cardExpanded, mountOnEnter: true, children: _jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, feeCosts: feeCosts, gasless: hasGaslessSupport, children: _jsxs(Box, { onClick: toggleCard, role: "button", sx: {
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    px: 1,
-                                    cursor: 'pointer',
-                                }, children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(LocalGasStationRounded, { fontSize: "inherit" }) }), _jsx(Typography, { "data-value": combinedFeesUSD, sx: {
-                                            fontSize: 14,
-                                            color: 'text.primary',
-                                            fontWeight: 600,
-                                            lineHeight: 1.429,
-                                        }, children: !combinedFeesUSD
-                                            ? t('main.fees.free')
-                                            : t('format.currency', { value: combinedFeesUSD }) })] }) }) }), _jsx(CardIconButton, { onClick: toggleCard, size: "small", children: cardExpanded ? (_jsx(ExpandLess, { fontSize: "inherit" })) : (_jsx(ExpandMore, { fontSize: "inherit" })) })] }), _jsx(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, children: _jsxs(Box, { sx: {
-                        px: 2,
-                        pb: 2,
-                    }, children: [_jsxs(Box, { sx: {
-                                display: 'flex',
-                                justifyContent: 'space-between',
-                                mb: 0.5,
-                            }, children: [_jsx(Typography, { variant: "body2", children: t('main.fees.network') }), _jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, gasless: hasGaslessSupport, children: _jsx(Typography, { variant: "body2", sx: { fontWeight: 600, cursor: 'help' }, children: !gasCostUSD
-                                            ? t('main.fees.free')
-                                            : t('format.currency', {
-                                                value: gasCostUSD,
-                                            }) }) })] }), feeCosts.length ? (_jsxs(Box, { sx: {
-                                display: 'flex',
-                                justifyContent: 'space-between',
-                                mb: 0.5,
-                            }, children: [_jsx(Typography, { variant: "body2", children: t('main.fees.provider') }), _jsx(FeeBreakdownTooltip, { feeCosts: feeCosts, children: _jsx(Typography, { variant: "body2", sx: { fontWeight: 600, cursor: 'help' }, children: t('format.currency', {
-                                            value: feeCostUSD,
-                                        }) }) })] })) : null, showIntegratorFeeCollectionDetails ? (_jsxs(Box, { sx: {
-                                display: 'flex',
-                                justifyContent: 'space-between',
-                                mb: 0.5,
-                            }, children: [_jsxs(Typography, { variant: "body2", children: [feeConfig?.name || t('main.fees.defaultIntegrator'), feeConfig?.showFeePercentage && (_jsxs(_Fragment, { children: [" (", t('format.percent', { value: feePercentage }), ")"] }))] }), feeConfig?.showFeeTooltip &&
-                                    (feeConfig?.name || feeConfig?.feeTooltipComponent) ? (_jsx(Tooltip, { title: feeConfig?.feeTooltipComponent ||
-                                        t('tooltip.feeCollection', { tool: feeConfig.name }), children: _jsx(Typography, { variant: "body2", sx: { fontWeight: 600, cursor: 'help' }, children: t('format.currency', {
-                                            value: feeAmountUSD,
-                                        }) }) })) : (_jsx(Typography, { variant: "body2", sx: { fontWeight: 600 }, children: t('format.currency', {
-                                        value: feeAmountUSD,
-                                    }) }))] })) : null, _jsxs(Box, { sx: {
-                                display: 'flex',
-                                justifyContent: 'space-between',
-                                mb: 0.5,
-                            }, children: [_jsx(Typography, { variant: "body2", children: t('main.priceImpact') }), _jsx(Tooltip, { title: t('tooltip.priceImpact'), children: _jsx(Typography, { variant: "body2", sx: { fontWeight: 600, cursor: 'help' }, children: t('format.percent', {
-                                            value: priceImpact,
-                                            usePlusSign: true,
-                                        }) }) })] }), !isRouteDone(route) ? (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: {
-                                        display: 'flex',
-                                        justifyContent: 'space-between',
-                                        mb: 0.5,
-                                    }, children: [_jsx(Typography, { variant: "body2", children: t('main.maxSlippage') }), _jsx(Tooltip, { title: t('tooltip.slippage'), children: _jsx(Typography, { variant: "body2", sx: { fontWeight: 600, cursor: 'help' }, children: route.steps[0].action.slippage
-                                                    ? t('format.percent', {
-                                                        value: route.steps[0].action.slippage,
-                                                    })
-                                                    : t('button.auto') }) })] }), _jsxs(Box, { sx: {
-                                        display: 'flex',
-                                        justifyContent: 'space-between',
-                                    }, children: [_jsx(Typography, { variant: "body2", children: t('main.minReceived') }), _jsx(Tooltip, { title: t('tooltip.minReceived'), children: _jsxs(Typography, { variant: "body2", sx: { fontWeight: 600, cursor: 'help' }, children: [t('format.tokenAmount', {
-                                                        value: formatTokenAmount(BigInt(route.toAmountMin), route.toToken.decimals),
-                                                    }), ' ', route.toToken.symbol] }) })] })] })) : null] }) })] }));
+import { useWidgetConfig } from "../providers/WidgetProvider/WidgetProvider.js";
+import { formatTokenAmount, formatTokenPrice } from "../utils/format.js";
+import { Card as Card$1 } from "./Card/Card.js";
+import { isRouteDone } from "../stores/routes/utils.js";
+import { getAccumulatedFeeCostsBreakdown } from "../utils/fees.js";
+import { CardIconButton } from "./Card/CardIconButton.js";
+import { getPriceImpact } from "../utils/getPriceImpact.js";
+import { FeeBreakdownTooltip } from "./FeeBreakdownTooltip.js";
+import { IconTypography } from "./IconTypography.js";
+import { TokenRate } from "./TokenRate/TokenRate.js";
+import { useState } from "react";
+import { Box, Collapse, Tooltip, Typography } from "@mui/material";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useEthereumContext } from "@lifi/widget-provider";
+import { useTranslation } from "react-i18next";
+import ExpandLess from "@mui/icons-material/ExpandLess";
+import ExpandMore from "@mui/icons-material/ExpandMore";
+import LocalGasStationRounded from "@mui/icons-material/LocalGasStationRounded";
+//#region src/components/TransactionDetails.tsx
+const TransactionDetails = ({ route, ...props }) => {
+	const { t } = useTranslation();
+	const { feeConfig, defaultUI } = useWidgetConfig();
+	const [cardExpanded, setCardExpanded] = useState(defaultUI?.transactionDetailsExpanded ?? false);
+	const { isGaslessStep } = useEthereumContext();
+	const toggleCard = () => {
+		setCardExpanded((cardExpanded) => !cardExpanded);
+	};
+	const { gasCosts, feeCosts, gasCostUSD, feeCostUSD, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
+	const priceImpact = getPriceImpact({
+		fromAmount: BigInt(route.fromAmount),
+		toAmount: BigInt(route.toAmount),
+		fromToken: route.fromToken,
+		toToken: route.toToken
+	});
+	const feeCollectionStep = route.steps[0].includedSteps.find((includedStep) => includedStep.tool === "feeCollection");
+	let feeAmountUSD = 0;
+	let feePercentage = 0;
+	if (feeCollectionStep) {
+		feeAmountUSD = formatTokenPrice(BigInt(feeCollectionStep.estimate.fromAmount) - BigInt(feeCollectionStep.estimate.toAmount), feeCollectionStep.action.fromToken.priceUSD, feeCollectionStep.action.fromToken.decimals);
+		feePercentage = feeCollectionStep.estimate.feeCosts?.reduce((percentage, feeCost) => percentage + Number.parseFloat(feeCost.percentage || "0"), 0) ?? 0;
+	}
+	const hasGaslessSupport = route.steps.every((step) => isGaslessStep?.(step));
+	const showIntegratorFeeCollectionDetails = (feeAmountUSD || Number.isFinite(feeConfig?.fee)) && !hasGaslessSupport;
+	return /* @__PURE__ */ jsxs(Card$1, {
+		selectionColor: "secondary",
+		...props,
+		children: [/* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				px: 2,
+				py: 1.75
+			},
+			children: [
+				/* @__PURE__ */ jsx(Box, {
+					sx: {
+						display: "flex",
+						flex: 1,
+						alignItems: "center",
+						justifyContent: "left"
+					},
+					children: /* @__PURE__ */ jsx(TokenRate, { route })
+				}),
+				/* @__PURE__ */ jsx(Collapse, {
+					timeout: 100,
+					in: !cardExpanded,
+					mountOnEnter: true,
+					children: /* @__PURE__ */ jsx(FeeBreakdownTooltip, {
+						gasCosts,
+						feeCosts,
+						gasless: hasGaslessSupport,
+						children: /* @__PURE__ */ jsxs(Box, {
+							onClick: toggleCard,
+							role: "button",
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								px: 1,
+								cursor: "pointer"
+							},
+							children: [/* @__PURE__ */ jsx(IconTypography, {
+								mr: .5,
+								fontSize: 16,
+								children: /* @__PURE__ */ jsx(LocalGasStationRounded, { fontSize: "inherit" })
+							}), /* @__PURE__ */ jsx(Typography, {
+								"data-value": combinedFeesUSD,
+								sx: {
+									fontSize: 14,
+									color: "text.primary",
+									fontWeight: 600,
+									lineHeight: 1.429
+								},
+								children: !combinedFeesUSD ? t("main.fees.free") : t("format.currency", { value: combinedFeesUSD })
+							})]
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx(CardIconButton, {
+					onClick: toggleCard,
+					size: "small",
+					children: cardExpanded ? /* @__PURE__ */ jsx(ExpandLess, { fontSize: "inherit" }) : /* @__PURE__ */ jsx(ExpandMore, { fontSize: "inherit" })
+				})
+			]
+		}), /* @__PURE__ */ jsx(Collapse, {
+			timeout: 225,
+			in: cardExpanded,
+			mountOnEnter: true,
+			children: /* @__PURE__ */ jsxs(Box, {
+				sx: {
+					px: 2,
+					pb: 2
+				},
+				children: [
+					/* @__PURE__ */ jsxs(Box, {
+						sx: {
+							display: "flex",
+							justifyContent: "space-between",
+							mb: .5
+						},
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							children: t("main.fees.network")
+						}), /* @__PURE__ */ jsx(FeeBreakdownTooltip, {
+							gasCosts,
+							gasless: hasGaslessSupport,
+							children: /* @__PURE__ */ jsx(Typography, {
+								variant: "body2",
+								sx: {
+									fontWeight: 600,
+									cursor: "help"
+								},
+								children: !gasCostUSD ? t("main.fees.free") : t("format.currency", { value: gasCostUSD })
+							})
+						})]
+					}),
+					feeCosts.length ? /* @__PURE__ */ jsxs(Box, {
+						sx: {
+							display: "flex",
+							justifyContent: "space-between",
+							mb: .5
+						},
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							children: t("main.fees.provider")
+						}), /* @__PURE__ */ jsx(FeeBreakdownTooltip, {
+							feeCosts,
+							children: /* @__PURE__ */ jsx(Typography, {
+								variant: "body2",
+								sx: {
+									fontWeight: 600,
+									cursor: "help"
+								},
+								children: t("format.currency", { value: feeCostUSD })
+							})
+						})]
+					}) : null,
+					showIntegratorFeeCollectionDetails ? /* @__PURE__ */ jsxs(Box, {
+						sx: {
+							display: "flex",
+							justifyContent: "space-between",
+							mb: .5
+						},
+						children: [/* @__PURE__ */ jsxs(Typography, {
+							variant: "body2",
+							children: [feeConfig?.name || t("main.fees.defaultIntegrator"), feeConfig?.showFeePercentage && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+								" (",
+								t("format.percent", { value: feePercentage }),
+								")"
+							] })]
+						}), feeConfig?.showFeeTooltip && (feeConfig?.name || feeConfig?.feeTooltipComponent) ? /* @__PURE__ */ jsx(Tooltip, {
+							title: feeConfig?.feeTooltipComponent || t("tooltip.feeCollection", { tool: feeConfig.name }),
+							children: /* @__PURE__ */ jsx(Typography, {
+								variant: "body2",
+								sx: {
+									fontWeight: 600,
+									cursor: "help"
+								},
+								children: t("format.currency", { value: feeAmountUSD })
+							})
+						}) : /* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							sx: { fontWeight: 600 },
+							children: t("format.currency", { value: feeAmountUSD })
+						})]
+					}) : null,
+					/* @__PURE__ */ jsxs(Box, {
+						sx: {
+							display: "flex",
+							justifyContent: "space-between",
+							mb: .5
+						},
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							children: t("main.priceImpact")
+						}), /* @__PURE__ */ jsx(Tooltip, {
+							title: t("tooltip.priceImpact"),
+							children: /* @__PURE__ */ jsx(Typography, {
+								variant: "body2",
+								sx: {
+									fontWeight: 600,
+									cursor: "help"
+								},
+								children: t("format.percent", {
+									value: priceImpact,
+									usePlusSign: true
+								})
+							})
+						})]
+					}),
+					!isRouteDone(route) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Box, {
+						sx: {
+							display: "flex",
+							justifyContent: "space-between",
+							mb: .5
+						},
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							children: t("main.maxSlippage")
+						}), /* @__PURE__ */ jsx(Tooltip, {
+							title: t("tooltip.slippage"),
+							children: /* @__PURE__ */ jsx(Typography, {
+								variant: "body2",
+								sx: {
+									fontWeight: 600,
+									cursor: "help"
+								},
+								children: route.steps[0].action.slippage ? t("format.percent", { value: route.steps[0].action.slippage }) : t("button.auto")
+							})
+						})]
+					}), /* @__PURE__ */ jsxs(Box, {
+						sx: {
+							display: "flex",
+							justifyContent: "space-between"
+						},
+						children: [/* @__PURE__ */ jsx(Typography, {
+							variant: "body2",
+							children: t("main.minReceived")
+						}), /* @__PURE__ */ jsx(Tooltip, {
+							title: t("tooltip.minReceived"),
+							children: /* @__PURE__ */ jsxs(Typography, {
+								variant: "body2",
+								sx: {
+									fontWeight: 600,
+									cursor: "help"
+								},
+								children: [
+									t("format.tokenAmount", { value: formatTokenAmount(BigInt(route.toAmountMin), route.toToken.decimals) }),
+									" ",
+									route.toToken.symbol
+								]
+							})
+						})]
+					})] }) : null
+				]
+			})
+		})]
+	});
 };
+//#endregion
+export { TransactionDetails };
+
 //# sourceMappingURL=TransactionDetails.js.map

package/dist/esm/components/TransactionDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionDetails.js","sourceRoot":"","sources":["../../../src/components/TransactionDetails.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TransactionDetails.js","names":["Card"],"sources":["../../../src/components/TransactionDetails.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { useEthereumContext } from '@lifi/widget-provider'\nimport ExpandLess from '@mui/icons-material/ExpandLess'\nimport ExpandMore from '@mui/icons-material/ExpandMore'\nimport LocalGasStationRounded from '@mui/icons-material/LocalGasStationRounded'\nimport type { CardProps } from '@mui/material'\nimport { Box, Collapse, Tooltip, Typography } from '@mui/material'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js'\nimport { isRouteDone } from '../stores/routes/utils.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../utils/fees.js'\nimport { formatTokenAmount, formatTokenPrice } from '../utils/format.js'\nimport { getPriceImpact } from '../utils/getPriceImpact.js'\nimport { Card } from './Card/Card.js'\nimport { CardIconButton } from './Card/CardIconButton.js'\nimport { FeeBreakdownTooltip } from './FeeBreakdownTooltip.js'\nimport { IconTypography } from './IconTypography.js'\nimport { TokenRate } from './TokenRate/TokenRate.js'\n\ninterface TransactionDetailsProps extends CardProps {\n  route: RouteExtended\n}\n\nexport const TransactionDetails: React.FC<TransactionDetailsProps> = ({\n  route,\n  ...props\n}) => {\n  const { t } = useTranslation()\n  const { feeConfig, defaultUI } = useWidgetConfig()\n  const [cardExpanded, setCardExpanded] = useState(\n    defaultUI?.transactionDetailsExpanded ?? false\n  )\n  const { isGaslessStep } = useEthereumContext()\n\n  const toggleCard = () => {\n    setCardExpanded((cardExpanded) => !cardExpanded)\n  }\n  const { gasCosts, feeCosts, gasCostUSD, feeCostUSD, combinedFeesUSD } =\n    getAccumulatedFeeCostsBreakdown(route)\n\n  const priceImpact = getPriceImpact({\n    fromAmount: BigInt(route.fromAmount),\n    toAmount: BigInt(route.toAmount),\n    fromToken: route.fromToken,\n    toToken: route.toToken,\n  })\n\n  const feeCollectionStep = route.steps[0].includedSteps.find(\n    (includedStep) => includedStep.tool === 'feeCollection'\n  )\n\n  let feeAmountUSD = 0\n  let feePercentage = 0\n\n  if (feeCollectionStep) {\n    const estimatedFromAmount =\n      BigInt(feeCollectionStep.estimate.fromAmount) -\n      BigInt(feeCollectionStep.estimate.toAmount)\n\n    feeAmountUSD = formatTokenPrice(\n      estimatedFromAmount,\n      feeCollectionStep.action.fromToken.priceUSD,\n      feeCollectionStep.action.fromToken.decimals\n    )\n\n    feePercentage =\n      feeCollectionStep.estimate.feeCosts?.reduce(\n        (percentage, feeCost) =>\n          percentage + Number.parseFloat(feeCost.percentage || '0'),\n        0\n      ) ?? 0\n  }\n\n  const hasGaslessSupport = route.steps.every((step) => isGaslessStep?.(step))\n\n  const showIntegratorFeeCollectionDetails =\n    (feeAmountUSD || Number.isFinite(feeConfig?.fee)) && !hasGaslessSupport\n\n  return (\n    <Card selectionColor=\"secondary\" {...props}>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          px: 2,\n          py: 1.75,\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            flex: 1,\n            alignItems: 'center',\n            justifyContent: 'left',\n          }}\n        >\n          <TokenRate route={route} />\n        </Box>\n        <Collapse timeout={100} in={!cardExpanded} mountOnEnter>\n          <FeeBreakdownTooltip\n            gasCosts={gasCosts}\n            feeCosts={feeCosts}\n            gasless={hasGaslessSupport}\n          >\n            <Box\n              onClick={toggleCard}\n              role=\"button\"\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                px: 1,\n                cursor: 'pointer',\n              }}\n            >\n              <IconTypography mr={0.5} fontSize={16}>\n                <LocalGasStationRounded fontSize=\"inherit\" />\n              </IconTypography>\n              <Typography\n                data-value={combinedFeesUSD}\n                sx={{\n                  fontSize: 14,\n                  color: 'text.primary',\n                  fontWeight: 600,\n                  lineHeight: 1.429,\n                }}\n              >\n                {!combinedFeesUSD\n                  ? t('main.fees.free')\n                  : t('format.currency', { value: combinedFeesUSD })}\n              </Typography>\n            </Box>\n          </FeeBreakdownTooltip>\n        </Collapse>\n        <CardIconButton onClick={toggleCard} size=\"small\">\n          {cardExpanded ? (\n            <ExpandLess fontSize=\"inherit\" />\n          ) : (\n            <ExpandMore fontSize=\"inherit\" />\n          )}\n        </CardIconButton>\n      </Box>\n      <Collapse timeout={225} in={cardExpanded} mountOnEnter>\n        <Box\n          sx={{\n            px: 2,\n            pb: 2,\n          }}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              mb: 0.5,\n            }}\n          >\n            <Typography variant=\"body2\">{t('main.fees.network')}</Typography>\n            <FeeBreakdownTooltip\n              gasCosts={gasCosts}\n              gasless={hasGaslessSupport}\n            >\n              <Typography\n                variant=\"body2\"\n                sx={{ fontWeight: 600, cursor: 'help' }}\n              >\n                {!gasCostUSD\n                  ? t('main.fees.free')\n                  : t('format.currency', {\n                      value: gasCostUSD,\n                    })}\n              </Typography>\n            </FeeBreakdownTooltip>\n          </Box>\n          {feeCosts.length ? (\n            <Box\n              sx={{\n                display: 'flex',\n                justifyContent: 'space-between',\n                mb: 0.5,\n              }}\n            >\n              <Typography variant=\"body2\">{t('main.fees.provider')}</Typography>\n              <FeeBreakdownTooltip feeCosts={feeCosts}>\n                <Typography\n                  variant=\"body2\"\n                  sx={{ fontWeight: 600, cursor: 'help' }}\n                >\n                  {t('format.currency', {\n                    value: feeCostUSD,\n                  })}\n                </Typography>\n              </FeeBreakdownTooltip>\n            </Box>\n          ) : null}\n          {showIntegratorFeeCollectionDetails ? (\n            <Box\n              sx={{\n                display: 'flex',\n                justifyContent: 'space-between',\n                mb: 0.5,\n              }}\n            >\n              <Typography variant=\"body2\">\n                {feeConfig?.name || t('main.fees.defaultIntegrator')}\n                {feeConfig?.showFeePercentage && (\n                  <> ({t('format.percent', { value: feePercentage })})</>\n                )}\n              </Typography>\n              {feeConfig?.showFeeTooltip &&\n              (feeConfig?.name || feeConfig?.feeTooltipComponent) ? (\n                <Tooltip\n                  title={\n                    feeConfig?.feeTooltipComponent ||\n                    t('tooltip.feeCollection', { tool: feeConfig.name })\n                  }\n                >\n                  <Typography\n                    variant=\"body2\"\n                    sx={{ fontWeight: 600, cursor: 'help' }}\n                  >\n                    {t('format.currency', {\n                      value: feeAmountUSD,\n                    })}\n                  </Typography>\n                </Tooltip>\n              ) : (\n                <Typography variant=\"body2\" sx={{ fontWeight: 600 }}>\n                  {t('format.currency', {\n                    value: feeAmountUSD,\n                  })}\n                </Typography>\n              )}\n            </Box>\n          ) : null}\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              mb: 0.5,\n            }}\n          >\n            <Typography variant=\"body2\">{t('main.priceImpact')}</Typography>\n            <Tooltip title={t('tooltip.priceImpact')}>\n              <Typography\n                variant=\"body2\"\n                sx={{ fontWeight: 600, cursor: 'help' }}\n              >\n                {t('format.percent', {\n                  value: priceImpact,\n                  usePlusSign: true,\n                })}\n              </Typography>\n            </Tooltip>\n          </Box>\n          {!isRouteDone(route) ? (\n            <>\n              <Box\n                sx={{\n                  display: 'flex',\n                  justifyContent: 'space-between',\n                  mb: 0.5,\n                }}\n              >\n                <Typography variant=\"body2\">{t('main.maxSlippage')}</Typography>\n                <Tooltip title={t('tooltip.slippage')}>\n                  <Typography\n                    variant=\"body2\"\n                    sx={{ fontWeight: 600, cursor: 'help' }}\n                  >\n                    {route.steps[0].action.slippage\n                      ? t('format.percent', {\n                          value: route.steps[0].action.slippage,\n                        })\n                      : t('button.auto')}\n                  </Typography>\n                </Tooltip>\n              </Box>\n              <Box\n                sx={{\n                  display: 'flex',\n                  justifyContent: 'space-between',\n                }}\n              >\n                <Typography variant=\"body2\">{t('main.minReceived')}</Typography>\n                <Tooltip title={t('tooltip.minReceived')}>\n                  <Typography\n                    variant=\"body2\"\n                    sx={{ fontWeight: 600, cursor: 'help' }}\n                  >\n                    {t('format.tokenAmount', {\n                      value: formatTokenAmount(\n                        BigInt(route.toAmountMin),\n                        route.toToken.decimals\n                      ),\n                    })}{' '}\n                    {route.toToken.symbol}\n                  </Typography>\n                </Tooltip>\n              </Box>\n            </>\n          ) : null}\n        </Box>\n      </Collapse>\n    </Card>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/config/constants.d.ts

@@ -1,2 +1,5 @@
-export declare const defaultMaxHeight = 686;
-export declare const internalExplorerUrl = "https://scan.li.fi";
+//#region src/config/constants.d.ts
+declare const defaultMaxHeight = 686;
+//#endregion
+export { defaultMaxHeight };
+//# sourceMappingURL=constants.d.ts.map

package/dist/esm/config/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","names":[],"sources":["../../../src/config/constants.ts"],"mappings":";cAAa,gBAAA"}

package/dist/esm/config/constants.js

@@ -1,3 +1,7 @@
-export const defaultMaxHeight = 686;
-export const internalExplorerUrl = 'https://scan.li.fi';
+//#region src/config/constants.ts
+const defaultMaxHeight = 686;
+const internalExplorerUrl = "https://scan.li.fi";
+//#endregion
+export { defaultMaxHeight, internalExplorerUrl };
+
 //# sourceMappingURL=constants.js.map

package/dist/esm/config/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/config/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;AAEnC,MAAM,CAAC,MAAM,mBAAmB,GAAG,oBAAoB,CAAA"}
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/config/constants.ts"],"sourcesContent":["export const defaultMaxHeight = 686\n\nexport const internalExplorerUrl = 'https://scan.li.fi'\n"],"mappings":";AAAA,MAAa,mBAAmB;AAEhC,MAAa,sBAAsB"}

package/dist/esm/config/queryClient.js

@@ -1,21 +1,18 @@
-import { QueryClient } from '@tanstack/react-query';
-export const queryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            enabled: true,
-            refetchInterval: false,
-            refetchIntervalInBackground: false,
-            refetchOnWindowFocus: true,
-            refetchOnReconnect: true,
-            refetchOnMount: true,
-            retryOnMount: true,
-            // suspense: true,
-        },
-        mutations: {
-            onError: (_error) => {
-                //
-            },
-        },
-    },
-});
+import { QueryClient } from "@tanstack/react-query";
+//#region src/config/queryClient.ts
+const queryClient = new QueryClient({ defaultOptions: {
+	queries: {
+		enabled: true,
+		refetchInterval: false,
+		refetchIntervalInBackground: false,
+		refetchOnWindowFocus: true,
+		refetchOnReconnect: true,
+		refetchOnMount: true,
+		retryOnMount: true
+	},
+	mutations: { onError: (_error) => {} }
+} });
+//#endregion
+export { queryClient };
+
 //# sourceMappingURL=queryClient.js.map

package/dist/esm/config/queryClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"queryClient.js","sourceRoot":"","sources":["../../../src/config/queryClient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IACzC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,eAAe,EAAE,KAAK;YACtB,2BAA2B,EAAE,KAAK;YAClC,oBAAoB,EAAE,IAAI;YAC1B,kBAAkB,EAAE,IAAI;YACxB,cAAc,EAAE,IAAI;YACpB,YAAY,EAAE,IAAI;YAClB,kBAAkB;SACnB;QACD,SAAS,EAAE;YACT,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;gBAClB,EAAE;YACJ,CAAC;SACF;KACF;CACF,CAAC,CAAA"}
+{"version":3,"file":"queryClient.js","names":[],"sources":["../../../src/config/queryClient.ts"],"sourcesContent":["import { QueryClient } from '@tanstack/react-query'\n\nexport const queryClient: QueryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      enabled: true,\n      refetchInterval: false,\n      refetchIntervalInBackground: false,\n      refetchOnWindowFocus: true,\n      refetchOnReconnect: true,\n      refetchOnMount: true,\n      retryOnMount: true,\n      // suspense: true,\n    },\n    mutations: {\n      onError: (_error) => {\n        //\n      },\n    },\n  },\n})\n"],"mappings":";;AAEA,MAAa,cAA2B,IAAI,YAAY,EACtD,gBAAgB;CACd,SAAS;EACP,SAAS;EACT,iBAAiB;EACjB,6BAA6B;EAC7B,sBAAsB;EACtB,oBAAoB;EACpB,gBAAgB;EAChB,cAAc;EAEf;CACD,WAAW,EACT,UAAU,WAAW,IAGtB;CACF,EACF,CAAC"}

package/dist/esm/config/version.d.ts

@@ -1,2 +1,6 @@
-export declare const name = "@lifi/widget";
-export declare const version = "4.0.0-beta.0";
+//#region src/config/version.d.ts
+declare const name = "@lifi/widget";
+declare const version = "4.0.0-beta.10";
+//#endregion
+export { name, version };
+//# sourceMappingURL=version.d.ts.map

package/dist/esm/config/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","names":[],"sources":["../../../src/config/version.ts"],"mappings":";cAAa,IAAA;AAAA,cACA,OAAA"}

package/dist/esm/config/version.js

@@ -1,3 +1,7 @@
-export const name = '@lifi/widget';
-export const version = '4.0.0-beta.0';
+//#region src/config/version.ts
+const name = "@lifi/widget";
+const version = "4.0.0-beta.10";
+//#endregion
+export { name, version };
+
 //# sourceMappingURL=version.js.map

package/dist/esm/config/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../../../src/config/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG,cAAc,CAAA;AAClC,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAA"}
+{"version":3,"file":"version.js","names":[],"sources":["../../../src/config/version.ts"],"sourcesContent":["export const name = '@lifi/widget'\nexport const version = '4.0.0-beta.10'\n"],"mappings":";AAAA,MAAa,OAAO;AACpB,MAAa,UAAU"}

package/dist/esm/hooks/timer/time.js

@@ -1,25 +1,26 @@
-export function getTimeFromMilliseconds(millisecs, isCountDown = true) {
-    const totalSeconds = isCountDown
-        ? Math.ceil(millisecs / 1000)
-        : Math.floor(millisecs / 1000);
-    const days = Math.floor(totalSeconds / (60 * 60 * 24));
-    const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60));
-    const minutes = Math.floor((totalSeconds % (60 * 60)) / 60);
-    const seconds = Math.floor(totalSeconds % 60);
-    const milliseconds = Math.floor(millisecs % 1000);
-    return {
-        totalMilliseconds: millisecs,
-        totalSeconds,
-        milliseconds,
-        seconds,
-        minutes,
-        hours,
-        days,
-    };
+//#region src/hooks/timer/time.ts
+function getTimeFromMilliseconds(millisecs, isCountDown = true) {
+	const totalSeconds = isCountDown ? Math.ceil(millisecs / 1e3) : Math.floor(millisecs / 1e3);
+	const days = Math.floor(totalSeconds / (3600 * 24));
+	const hours = Math.floor(totalSeconds % (3600 * 24) / 3600);
+	const minutes = Math.floor(totalSeconds % 3600 / 60);
+	const seconds = Math.floor(totalSeconds % 60);
+	return {
+		totalMilliseconds: millisecs,
+		totalSeconds,
+		milliseconds: Math.floor(millisecs % 1e3),
+		seconds,
+		minutes,
+		hours,
+		days
+	};
 }
-export function getMillisecondsFromExpiry(expiry) {
-    const now = Date.now();
-    const milliSecondsDistance = expiry?.getTime() - now;
-    return milliSecondsDistance > 0 ? milliSecondsDistance : 0;
+function getMillisecondsFromExpiry(expiry) {
+	const now = Date.now();
+	const milliSecondsDistance = expiry?.getTime() - now;
+	return milliSecondsDistance > 0 ? milliSecondsDistance : 0;
 }
+//#endregion
+export { getMillisecondsFromExpiry, getTimeFromMilliseconds };
+
 //# sourceMappingURL=time.js.map

package/dist/esm/hooks/timer/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sourceRoot":"","sources":["../../../../src/hooks/timer/time.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,uBAAuB,CACrC,SAAiB,EACjB,WAAW,GAAG,IAAI;IAElB,MAAM,YAAY,GAAG,WAAW;QAC9B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAChC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IACtD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,EAAE,CAAC,CAAA;IAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,CAAA;IAEjD,OAAO;QACL,iBAAiB,EAAE,SAAS;QAC5B,YAAY;QACZ,YAAY;QACZ,OAAO;QACP,OAAO;QACP,KAAK;QACL,IAAI;KACL,CAAA;AACH,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,MAAY;IACpD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IACtB,MAAM,oBAAoB,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,CAAA;IACpD,OAAO,oBAAoB,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAA;AAC5D,CAAC"}
+{"version":3,"file":"time.js","names":[],"sources":["../../../../src/hooks/timer/time.ts"],"sourcesContent":["export type TimeFromMillisecondsType = {\n  totalMilliseconds: number\n  totalSeconds: number\n  milliseconds: number\n  seconds: number\n  minutes: number\n  hours: number\n  days: number\n}\n\nexport function getTimeFromMilliseconds(\n  millisecs: number,\n  isCountDown = true\n): TimeFromMillisecondsType {\n  const totalSeconds = isCountDown\n    ? Math.ceil(millisecs / 1000)\n    : Math.floor(millisecs / 1000)\n  const days = Math.floor(totalSeconds / (60 * 60 * 24))\n  const hours = Math.floor((totalSeconds % (60 * 60 * 24)) / (60 * 60))\n  const minutes = Math.floor((totalSeconds % (60 * 60)) / 60)\n  const seconds = Math.floor(totalSeconds % 60)\n  const milliseconds = Math.floor(millisecs % 1000)\n\n  return {\n    totalMilliseconds: millisecs,\n    totalSeconds,\n    milliseconds,\n    seconds,\n    minutes,\n    hours,\n    days,\n  }\n}\n\nexport function getMillisecondsFromExpiry(expiry: Date): number {\n  const now = Date.now()\n  const milliSecondsDistance = expiry?.getTime() - now\n  return milliSecondsDistance > 0 ? milliSecondsDistance : 0\n}\n"],"mappings":";AAUA,SAAgB,wBACd,WACA,cAAc,MACY;CAC1B,MAAM,eAAe,cACjB,KAAK,KAAK,YAAY,IAAK,GAC3B,KAAK,MAAM,YAAY,IAAK;CAChC,MAAM,OAAO,KAAK,MAAM,gBAAgB,OAAU,IAAI;CACtD,MAAM,QAAQ,KAAK,MAAO,gBAAgB,OAAU,MAAQ,KAAS;CACrE,MAAM,UAAU,KAAK,MAAO,eAAgB,OAAY,GAAG;CAC3D,MAAM,UAAU,KAAK,MAAM,eAAe,GAAG;AAG7C,QAAO;EACL,mBAAmB;EACnB;EACA,cALmB,KAAK,MAAM,YAAY,IAAK;EAM/C;EACA;EACA;EACA;EACD;;AAGH,SAAgB,0BAA0B,QAAsB;CAC9D,MAAM,MAAM,KAAK,KAAK;CACtB,MAAM,uBAAuB,QAAQ,SAAS,GAAG;AACjD,QAAO,uBAAuB,IAAI,uBAAuB"}