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

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressToNextUpdate.js","sourceRoot":"","sources":["../../../src/components/ProgressToNextUpdate.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProgressToNextUpdate.js","names":[],"sources":["../../../src/components/ProgressToNextUpdate.tsx"],"sourcesContent":["import type { IconButtonProps } from '@mui/material'\nimport { Box, CircularProgress, IconButton, Tooltip } from '@mui/material'\nimport { useEffect, useState } from 'react'\nimport { Trans } from 'react-i18next'\n\nconst getProgressValue = (updatedAt: number, timeToUpdate: number) =>\n  updatedAt ? Math.min(100, ((Date.now() - updatedAt) / timeToUpdate) * 100) : 0\n\nconst getSecondsToUpdate = (updatedAt: number, timeToUpdate: number) =>\n  Math.max(Math.round((timeToUpdate - (Date.now() - updatedAt)) / 1000), 0)\n\nexport const ProgressToNextUpdate: React.FC<\n  {\n    updatedAt: number\n    timeToUpdate: number\n    isLoading?: boolean\n  } & IconButtonProps\n> = ({ updatedAt, timeToUpdate, isLoading, onClick, ...other }) => {\n  const [value, setValue] = useState(() =>\n    getProgressValue(updatedAt, timeToUpdate)\n  )\n\n  useEffect(() => {\n    setValue(getProgressValue(updatedAt, timeToUpdate))\n    const id = setInterval(() => {\n      const time = getProgressValue(updatedAt, timeToUpdate)\n      setValue(time)\n      if (time >= 100) {\n        clearInterval(id)\n      }\n    }, 1000)\n    return () => clearInterval(id)\n  }, [timeToUpdate, updatedAt])\n\n  useEffect(() => {\n    if (isLoading) {\n      setValue(0)\n    }\n  }, [isLoading])\n\n  return (\n    <IconButton onClick={onClick} disabled={isLoading} {...other}>\n      <Tooltip\n        title={\n          <Trans\n            i18nKey=\"tooltip.progressToNextUpdate\"\n            values={{\n              value: getSecondsToUpdate(updatedAt, timeToUpdate),\n            }}\n            // biome-ignore lint/correctness/useJsxKeyInIterable: allowed in react-i18next\n            components={[<br />]}\n          />\n        }\n      >\n        <Box\n          sx={{\n            display: 'grid',\n            position: 'relative',\n            placeItems: 'center',\n            width: 24,\n            height: 24,\n          }}\n        >\n          <CircularProgress\n            variant=\"determinate\"\n            size={24}\n            value={100}\n            sx={(theme) => ({\n              position: 'absolute',\n              color: theme.vars.palette.grey[300],\n              ...theme.applyStyles('dark', {\n                color: theme.vars.palette.grey[800],\n              }),\n            })}\n          />\n          <CircularProgress\n            variant={isLoading ? 'indeterminate' : 'determinate'}\n            size={24}\n            value={value}\n            sx={(theme) => ({\n              opacity: value === 100 && !isLoading ? 0.5 : 1,\n              color: theme.vars.palette.primary.main,\n              ...theme.applyStyles('dark', {\n                color: theme.vars.palette.primary.light,\n              }),\n            })}\n          />\n        </Box>\n      </Tooltip>\n    </IconButton>\n  )\n}\n"],"mappings":";;;;;AAKA,MAAM,oBAAoB,WAAmB,iBAC3C,YAAY,KAAK,IAAI,MAAO,KAAK,KAAK,GAAG,aAAa,eAAgB,IAAI,GAAG;AAE/E,MAAM,sBAAsB,WAAmB,iBAC7C,KAAK,IAAI,KAAK,OAAO,gBAAgB,KAAK,KAAK,GAAG,cAAc,IAAK,EAAE,EAAE;AAE3E,MAAa,wBAMR,EAAE,WAAW,cAAc,WAAW,SAAS,GAAG,YAAY;CACjE,MAAM,CAAC,OAAO,YAAY,eACxB,iBAAiB,WAAW,aAAa,CAC1C;AAED,iBAAgB;AACd,WAAS,iBAAiB,WAAW,aAAa,CAAC;EACnD,MAAM,KAAK,kBAAkB;GAC3B,MAAM,OAAO,iBAAiB,WAAW,aAAa;AACtD,YAAS,KAAK;AACd,OAAI,QAAQ,IACV,eAAc,GAAG;KAElB,IAAK;AACR,eAAa,cAAc,GAAG;IAC7B,CAAC,cAAc,UAAU,CAAC;AAE7B,iBAAgB;AACd,MAAI,UACF,UAAS,EAAE;IAEZ,CAAC,UAAU,CAAC;AAEf,QACE,oBAAC,YAAD;EAAqB;EAAS,UAAU;EAAW,GAAI;YACrD,oBAAC,SAAD;GACE,OACE,oBAAC,OAAD;IACE,SAAQ;IACR,QAAQ,EACN,OAAO,mBAAmB,WAAW,aAAa,EACnD;IAED,YAAY,CAAC,oBAAC,MAAD,EAAM,CAAA,CAAC;IACpB,CAAA;aAGJ,qBAAC,KAAD;IACE,IAAI;KACF,SAAS;KACT,UAAU;KACV,YAAY;KACZ,OAAO;KACP,QAAQ;KACT;cAPH,CASE,oBAAC,kBAAD;KACE,SAAQ;KACR,MAAM;KACN,OAAO;KACP,KAAK,WAAW;MACd,UAAU;MACV,OAAO,MAAM,KAAK,QAAQ,KAAK;MAC/B,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,MAAM,KAAK,QAAQ,KAAK,MAChC,CAAC;MACH;KACD,CAAA,EACF,oBAAC,kBAAD;KACE,SAAS,YAAY,kBAAkB;KACvC,MAAM;KACC;KACP,KAAK,WAAW;MACd,SAAS,UAAU,OAAO,CAAC,YAAY,KAAM;MAC7C,OAAO,MAAM,KAAK,QAAQ,QAAQ;MAClC,GAAG,MAAM,YAAY,QAAQ,EAC3B,OAAO,MAAM,KAAK,QAAQ,QAAQ,OACnC,CAAC;MACH;KACD,CAAA,CACE;;GACE,CAAA;EACC,CAAA"}

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.js

@@ -1,42 +1,39 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import ArrowDownward from '@mui/icons-material/ArrowDownward';
-import ArrowForward from '@mui/icons-material/ArrowForward';
-import { useAvailableChains } from '../../hooks/useAvailableChains.js';
-import { useToAddressAutoPopulate } from '../../hooks/useToAddressAutoPopulate.js';
-import { useToAddressReset } from '../../hooks/useToAddressReset.js';
-import { useFieldActions } from '../../stores/form/useFieldActions.js';
-import { IconCard, ReverseContainer } from './ReverseTokensButton.style.js';
-export const ReverseTokensButton = ({ vertical, }) => {
-    const { setFieldValue, getFieldValues } = useFieldActions();
-    const { getChainById } = useAvailableChains();
-    const { tryResetToAddress } = useToAddressReset();
-    const autoPopulateToAddress = useToAddressAutoPopulate();
-    const handleClick = () => {
-        const [fromChainId, fromToken, toChainId, toToken, toAddress] = getFieldValues('fromChain', 'fromToken', 'toChain', 'toToken', 'toAddress');
-        setFieldValue('fromAmount', '', { isTouched: true });
-        setFieldValue('fromChain', toChainId, { isTouched: true });
-        setFieldValue('fromToken', toToken, { isTouched: true });
-        setFieldValue('toChain', fromChainId, { isTouched: true });
-        setFieldValue('toToken', fromToken, { isTouched: true });
-        const autoPopulatedToAddress = autoPopulateToAddress({
-            formType: 'from',
-            selectedToAddress: toAddress,
-            selectedChainId: toChainId,
-            selectedOppositeChainId: fromChainId,
-            selectedOppositeTokenAddress: fromToken,
-        });
-        // Returning early as a compatible connected wallet was found, and toAddress has been populated
-        if (autoPopulatedToAddress) {
-            return;
-        }
-        // Auto-population applies in certain scenarios, but otherwise,
-        // we attempt to reset `toAddress` when bridging across ecosystems
-        // fromChainId becomes toChainId after using reverse
-        const toChain = getChainById(fromChainId);
-        if (toChain) {
-            tryResetToAddress(toChain);
-        }
-    };
-    return (_jsx(ReverseContainer, { children: _jsx(IconCard, { onClick: handleClick, children: vertical ? (_jsx(ArrowDownward, { fontSize: "inherit" })) : (_jsx(ArrowForward, { fontSize: "inherit" })) }) }));
+import { useAvailableChains } from "../../hooks/useAvailableChains.js";
+import { useFieldActions } from "../../stores/form/useFieldActions.js";
+import { useToAddressReset } from "../../hooks/useToAddressReset.js";
+import { useToAddressAutoPopulate } from "../../hooks/useToAddressAutoPopulate.js";
+import { IconCard, ReverseContainer } from "./ReverseTokensButton.style.js";
+import { jsx } from "react/jsx-runtime";
+import ArrowForward from "@mui/icons-material/ArrowForward";
+//#region src/components/ReverseTokensButton/ReverseTokensButton.tsx
+const ReverseTokensButton = () => {
+	const { setFieldValue, getFieldValues } = useFieldActions();
+	const { getChainById } = useAvailableChains();
+	const { tryResetToAddress } = useToAddressReset();
+	const autoPopulateToAddress = useToAddressAutoPopulate();
+	const handleClick = () => {
+		const [fromChainId, fromToken, toChainId, toToken, toAddress] = getFieldValues("fromChain", "fromToken", "toChain", "toToken", "toAddress");
+		setFieldValue("fromAmount", "", { isTouched: true });
+		setFieldValue("fromChain", toChainId, { isTouched: true });
+		setFieldValue("fromToken", toToken, { isTouched: true });
+		setFieldValue("toChain", fromChainId, { isTouched: true });
+		setFieldValue("toToken", fromToken, { isTouched: true });
+		if (autoPopulateToAddress({
+			formType: "from",
+			selectedToAddress: toAddress,
+			selectedChainId: toChainId,
+			selectedOppositeChainId: fromChainId,
+			selectedOppositeTokenAddress: fromToken
+		})) return;
+		const toChain = getChainById(fromChainId);
+		if (toChain) tryResetToAddress(toChain);
+	};
+	return /* @__PURE__ */ jsx(ReverseContainer, { children: /* @__PURE__ */ jsx(IconCard, {
+		onClick: handleClick,
+		children: /* @__PURE__ */ jsx(ArrowForward, { fontSize: "inherit" })
+	}) });
 };
+//#endregion
+export { ReverseTokensButton };
+
 //# sourceMappingURL=ReverseTokensButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReverseTokensButton.js","sourceRoot":"","sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,mCAAmC,CAAA;AAC7D,OAAO,YAAY,MAAM,kCAAkC,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAE3E,MAAM,CAAC,MAAM,mBAAmB,GAAqC,CAAC,EACpE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAA;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC7C,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACjD,MAAM,qBAAqB,GAAG,wBAAwB,EAAE,CAAA;IAExD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,GAC3D,cAAc,CACZ,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,EACT,WAAW,CACZ,CAAA;QACH,aAAa,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QACpD,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAC1D,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QACxD,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAC1D,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;QAExD,MAAM,sBAAsB,GAAG,qBAAqB,CAAC;YACnD,QAAQ,EAAE,MAAM;YAChB,iBAAiB,EAAE,SAAS;YAC5B,eAAe,EAAE,SAAS;YAC1B,uBAAuB,EAAE,WAAW;YACpC,4BAA4B,EAAE,SAAS;SACxC,CAAC,CAAA;QAEF,+FAA+F;QAC/F,IAAI,sBAAsB,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QAED,+DAA+D;QAC/D,kEAAkE;QAClE,oDAAoD;QACpD,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;QACzC,IAAI,OAAO,EAAE,CAAC;YACZ,iBAAiB,CAAC,OAAO,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,CAAA;IACD,OAAO,CACL,KAAC,gBAAgB,cACf,KAAC,QAAQ,IAAC,OAAO,EAAE,WAAW,YAC3B,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,aAAa,IAAC,QAAQ,EAAC,SAAS,GAAG,CACrC,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IAAC,QAAQ,EAAC,SAAS,GAAG,CACpC,GACQ,GACM,CACpB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ReverseTokensButton.js","names":[],"sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.tsx"],"sourcesContent":["import ArrowForward from '@mui/icons-material/ArrowForward'\nimport type { JSX } from 'react'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useToAddressAutoPopulate } from '../../hooks/useToAddressAutoPopulate.js'\nimport { useToAddressReset } from '../../hooks/useToAddressReset.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { IconCard, ReverseContainer } from './ReverseTokensButton.style.js'\n\nexport const ReverseTokensButton = (): JSX.Element => {\n  const { setFieldValue, getFieldValues } = useFieldActions()\n  const { getChainById } = useAvailableChains()\n  const { tryResetToAddress } = useToAddressReset()\n  const autoPopulateToAddress = useToAddressAutoPopulate()\n\n  const handleClick = () => {\n    const [fromChainId, fromToken, toChainId, toToken, toAddress] =\n      getFieldValues(\n        'fromChain',\n        'fromToken',\n        'toChain',\n        'toToken',\n        'toAddress'\n      )\n    setFieldValue('fromAmount', '', { isTouched: true })\n    setFieldValue('fromChain', toChainId, { isTouched: true })\n    setFieldValue('fromToken', toToken, { isTouched: true })\n    setFieldValue('toChain', fromChainId, { isTouched: true })\n    setFieldValue('toToken', fromToken, { isTouched: true })\n\n    const autoPopulatedToAddress = autoPopulateToAddress({\n      formType: 'from',\n      selectedToAddress: toAddress,\n      selectedChainId: toChainId,\n      selectedOppositeChainId: fromChainId,\n      selectedOppositeTokenAddress: fromToken,\n    })\n\n    // Returning early as a compatible connected wallet was found, and toAddress has been populated\n    if (autoPopulatedToAddress) {\n      return\n    }\n\n    // Auto-population applies in certain scenarios, but otherwise,\n    // we attempt to reset `toAddress` when bridging across ecosystems\n    // fromChainId becomes toChainId after using reverse\n    const toChain = getChainById(fromChainId)\n    if (toChain) {\n      tryResetToAddress(toChain)\n    }\n  }\n  return (\n    <ReverseContainer>\n      <IconCard onClick={handleClick}>\n        <ArrowForward fontSize=\"inherit\" />\n      </IconCard>\n    </ReverseContainer>\n  )\n}\n"],"mappings":";;;;;;;;AAQA,MAAa,4BAAyC;CACpD,MAAM,EAAE,eAAe,mBAAmB,iBAAiB;CAC3D,MAAM,EAAE,iBAAiB,oBAAoB;CAC7C,MAAM,EAAE,sBAAsB,mBAAmB;CACjD,MAAM,wBAAwB,0BAA0B;CAExD,MAAM,oBAAoB;EACxB,MAAM,CAAC,aAAa,WAAW,WAAW,SAAS,aACjD,eACE,aACA,aACA,WACA,WACA,YACD;AACH,gBAAc,cAAc,IAAI,EAAE,WAAW,MAAM,CAAC;AACpD,gBAAc,aAAa,WAAW,EAAE,WAAW,MAAM,CAAC;AAC1D,gBAAc,aAAa,SAAS,EAAE,WAAW,MAAM,CAAC;AACxD,gBAAc,WAAW,aAAa,EAAE,WAAW,MAAM,CAAC;AAC1D,gBAAc,WAAW,WAAW,EAAE,WAAW,MAAM,CAAC;AAWxD,MAT+B,sBAAsB;GACnD,UAAU;GACV,mBAAmB;GACnB,iBAAiB;GACjB,yBAAyB;GACzB,8BAA8B;GAC/B,CAAC,CAIA;EAMF,MAAM,UAAU,aAAa,YAAY;AACzC,MAAI,QACF,mBAAkB,QAAQ;;AAG9B,QACE,oBAAC,kBAAD,EAAA,UACE,oBAAC,UAAD;EAAU,SAAS;YACjB,oBAAC,cAAD,EAAc,UAAS,WAAY,CAAA;EAC1B,CAAA,EACM,CAAA"}

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.js

@@ -1,29 +1,33 @@
-import { Box, styled } from '@mui/material';
-import { Card } from '../Card/Card.js';
-export const IconCard = styled(Card)(({ theme }) => ({
-    height: 32,
-    width: 32,
-    fontSize: 16,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderRadius: theme.vars.shape.borderRadiusTertiary,
-    zIndex: 1110,
+import { Card as Card$1 } from "../Card/Card.js";
+import { Box, styled } from "@mui/material";
+//#region src/components/ReverseTokensButton/ReverseTokensButton.style.tsx
+const IconCard = styled(Card$1)(({ theme }) => ({
+	height: 32,
+	width: 32,
+	fontSize: 16,
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	borderRadius: theme.vars.shape.borderRadiusTertiary,
+	zIndex: 1110
 }));
-export const ReverseContainer = styled(Box)(({ theme }) => {
-    return {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        margin: theme.spacing(-1),
-    };
+const ReverseContainer = styled(Box)(({ theme }) => {
+	return {
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		margin: theme.spacing(-1)
+	};
 });
-export const ReverseTokensButtonEmpty = styled(Box)(({ theme }) => {
-    return {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        margin: theme.spacing(1),
-    };
+const ReverseTokensButtonEmpty = styled(Box)(({ theme }) => {
+	return {
+		display: "flex",
+		justifyContent: "center",
+		alignItems: "center",
+		margin: theme.spacing(1)
+	};
 });
+//#endregion
+export { IconCard, ReverseContainer, ReverseTokensButtonEmpty };
+
 //# sourceMappingURL=ReverseTokensButton.style.js.map

package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReverseTokensButton.style.js","sourceRoot":"","sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB;IACnD,MAAM,EAAE,IAAI;CACb,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,OAAO;QACL,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;KAC1B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,OAAO;QACL,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ReverseTokensButton.style.js","names":["Card"],"sources":["../../../../src/components/ReverseTokensButton/ReverseTokensButton.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\nimport { Card } from '../Card/Card.js'\n\nexport const IconCard: React.FC<React.ComponentProps<typeof Card>> = styled(\n  Card\n)(({ theme }) => ({\n  height: 32,\n  width: 32,\n  fontSize: 16,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: theme.vars.shape.borderRadiusTertiary,\n  zIndex: 1110,\n}))\n\nexport const ReverseContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => {\n    return {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      margin: theme.spacing(-1),\n    }\n  })\n\nexport const ReverseTokensButtonEmpty: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => {\n  return {\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    margin: theme.spacing(1),\n  }\n})\n"],"mappings":";;;AAIA,MAAa,WAAwD,OACnEA,OACD,EAAE,EAAE,aAAa;CAChB,QAAQ;CACR,OAAO;CACP,UAAU;CACV,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,cAAc,MAAM,KAAK,MAAM;CAC/B,QAAQ;CACT,EAAE;AAEH,MAAa,mBACX,OAAO,IAAI,EAAE,EAAE,YAAY;AACzB,QAAO;EACL,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,QAAQ,GAAG;EAC1B;EACD;AAEJ,MAAa,2BAET,OAAO,IAAI,EAAE,EAAE,YAAY;AAC7B,QAAO;EACL,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,QAAQ,EAAE;EACzB;EACD"}

package/dist/esm/components/RouteCard/RouteCard.js

@@ -1,69 +1,87 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ExpandLess from '@mui/icons-material/ExpandLess';
-import ExpandMore from '@mui/icons-material/ExpandMore';
-import { Box, Collapse, Tooltip } from '@mui/material';
-import { useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
-import { HiddenUI } from '../../types/widget.js';
-import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
-import { Card } from '../Card/Card.js';
-import { CardIconButton } from '../Card/CardIconButton.js';
-import { CardLabel, CardLabelTypography } from '../Card/CardLabel.js';
-import { StepActions } from '../StepActions/StepActions.js';
-import { Token } from '../Token/Token.js';
-import { getMatchingLabels } from './getMatchingLabels.js';
-import { TokenContainer } from './RouteCard.style.js';
-import { RouteCardEssentials } from './RouteCardEssentials.js';
-import { RouteCardEssentialsExpanded } from './RouteCardEssentialsExpanded.js';
-export const RouteCard = ({ route, active, variant = 'default', expanded: defaultExpanded, ...other }) => {
-    const { t } = useTranslation();
-    const { subvariant, subvariantOptions, routeLabels, hiddenUI } = useWidgetConfig();
-    const [cardExpanded, setCardExpanded] = useState(defaultExpanded);
-    const handleExpand = (e) => {
-        e.stopPropagation();
-        setCardExpanded((expanded) => !expanded);
-    };
-    const token = subvariant === 'custom' && subvariantOptions?.custom !== 'deposit'
-        ? { ...route.fromToken, amount: BigInt(route.fromAmount) }
-        : { ...route.toToken, amount: BigInt(route.toAmount) };
-    const impactToken = subvariant !== 'custom' &&
-        !hiddenUI?.includes(HiddenUI.RouteCardPriceImpact)
-        ? { ...route.fromToken, amount: BigInt(route.fromAmount) }
-        : undefined;
-    const [tags, customLabels] = useMemo(() => {
-        const mainTag = route.tags?.find((tag) => tag === 'CHEAPEST' || tag === 'FASTEST');
-        const tags = mainTag ? [mainTag] : [];
-        const { combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
-        if (!combinedFeesUSD) {
-            tags.push('gasless');
-        }
-        if (route.steps.length > 1) {
-            tags.push('multistep');
-        }
-        const customLabels = getMatchingLabels(route, routeLabels);
-        return [tags, customLabels];
-    }, [route.tags, route, routeLabels]);
-    const cardContent = (_jsxs(Box, { sx: {
-            flex: 1,
-        }, children: [subvariant !== 'refuel' && (tags.length || customLabels.length) ? (_jsxs(Box, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                    mb: 2,
-                    gap: 1,
-                    flexWrap: 'wrap',
-                }, children: [tags?.map((tag) => {
-                        const formattedTag = tag.toLowerCase();
-                        const tooltipKey = `tooltip.${formattedTag}`;
-                        const tooltipText = t(tooltipKey);
-                        const hasTooltip = tooltipText !== tooltipKey;
-                        const cardLabel = (_jsx(CardLabel, { variant: tag === 'gasless'
-                                ? 'success'
-                                : active
-                                    ? 'secondary'
-                                    : undefined, children: _jsx(CardLabelTypography, { children: t(`main.tags.${formattedTag}`) }) }, tag));
-                        return hasTooltip ? (_jsx(Tooltip, { title: tooltipText, arrow: true, placement: "top", children: cardLabel }, tag)) : (cardLabel);
-                    }), customLabels.map((label, index) => (_jsx(CardLabel, { sx: label.sx, children: _jsx(CardLabelTypography, { children: label.text }) }, index)))] })) : null, _jsxs(TokenContainer, { children: [_jsx(Token, { token: token, impactToken: impactToken, step: route.steps[0], stepVisible: !cardExpanded, disableDescription: hiddenUI?.includes(HiddenUI.RouteTokenDescription) }), !defaultExpanded ? (_jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? (_jsx(ExpandLess, { fontSize: "inherit" })) : (_jsx(ExpandMore, { fontSize: "inherit" })) })) : null] }), _jsxs(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: [route.steps.map((step) => (_jsx(StepActions, { step: step, mt: 2 }, step.id))), _jsx(RouteCardEssentialsExpanded, { route: route })] }), _jsx(RouteCardEssentials, { route: route })] }));
-    return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (_jsx(Card, { type: active ? 'selected' : 'default', selectionColor: "secondary", indented: true, ...other, children: cardContent }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { HiddenUI } from "../../types/widget.js";
+import { Card as Card$1 } from "../Card/Card.js";
+import { getAccumulatedFeeCostsBreakdown } from "../../utils/fees.js";
+import { CardLabel, CardLabelTypography } from "../Card/CardLabel.js";
+import { getMatchingLabels } from "./getMatchingLabels.js";
+import { RouteToken } from "./RouteToken.js";
+import { useMemo } from "react";
+import { Box, Tooltip } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/RouteCard/RouteCard.tsx
+const RouteCard = ({ route, active, variant = "default", expanded: defaultExpanded, ...other }) => {
+	const { t } = useTranslation();
+	const { subvariant, subvariantOptions, routeLabels, hiddenUI } = useWidgetConfig();
+	const token = subvariant === "custom" && subvariantOptions?.custom !== "deposit" ? {
+		...route.fromToken,
+		amount: BigInt(route.fromAmount)
+	} : {
+		...route.toToken,
+		amount: BigInt(route.toAmount)
+	};
+	const impactToken = subvariant !== "custom" && !hiddenUI?.includes(HiddenUI.RouteCardPriceImpact) ? {
+		...route.fromToken,
+		amount: BigInt(route.fromAmount)
+	} : void 0;
+	const [tags, customLabels] = useMemo(() => {
+		const mainTag = route.tags?.find((tag) => tag === "CHEAPEST" || tag === "FASTEST");
+		const tags = mainTag ? [mainTag] : [];
+		const { combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
+		if (!combinedFeesUSD) tags.push("gasless");
+		if (route.steps.length > 1) tags.push("multistep");
+		return [tags, getMatchingLabels(route, routeLabels)];
+	}, [
+		route.tags,
+		route,
+		routeLabels
+	]);
+	const cardContent = /* @__PURE__ */ jsxs(Box, {
+		sx: { flex: 1 },
+		children: [subvariant !== "refuel" && (tags.length || customLabels.length) ? /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				alignItems: "center",
+				mb: 2,
+				gap: 1,
+				flexWrap: "wrap"
+			},
+			children: [tags?.map((tag) => {
+				const formattedTag = tag.toLowerCase();
+				const tooltipKey = `tooltip.${formattedTag}`;
+				const tooltipText = t(tooltipKey);
+				const hasTooltip = tooltipText !== tooltipKey;
+				const cardLabel = /* @__PURE__ */ jsx(CardLabel, {
+					variant: tag === "gasless" ? "success" : active ? "secondary" : void 0,
+					children: /* @__PURE__ */ jsx(CardLabelTypography, { children: t(`main.tags.${formattedTag}`) })
+				}, tag);
+				return hasTooltip ? /* @__PURE__ */ jsx(Tooltip, {
+					title: tooltipText,
+					arrow: true,
+					placement: "top",
+					children: cardLabel
+				}, tag) : cardLabel;
+			}), customLabels.map((label, index) => /* @__PURE__ */ jsx(CardLabel, {
+				sx: label.sx,
+				children: /* @__PURE__ */ jsx(CardLabelTypography, { children: label.text })
+			}, index))]
+		}) : null, /* @__PURE__ */ jsx(RouteToken, {
+			route,
+			token,
+			impactToken,
+			defaultExpanded,
+			showEssentials: true
+		})]
+	});
+	return subvariant === "refuel" || variant === "cardless" ? cardContent : /* @__PURE__ */ jsx(Card$1, {
+		type: active ? "selected" : "default",
+		selectionColor: "secondary",
+		indented: true,
+		...other,
+		children: cardContent
+	});
 };
+//#endregion
+export { RouteCard };
+
 //# sourceMappingURL=RouteCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RouteCard.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RouteCard.js","names":["Card"],"sources":["../../../../src/components/RouteCard/RouteCard.tsx"],"sourcesContent":["import type { TokenAmount } from '@lifi/sdk'\nimport { Box, Tooltip } from '@mui/material'\nimport { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI, type RouteLabel } from '../../types/widget.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport type { CardProps } from '../Card/Card.js'\nimport { Card } from '../Card/Card.js'\nimport { CardLabel, CardLabelTypography } from '../Card/CardLabel.js'\nimport { getMatchingLabels } from './getMatchingLabels.js'\nimport { RouteToken } from './RouteToken.js'\nimport type { RouteCardProps } from './types.js'\n\nexport const RouteCard: React.FC<\n  RouteCardProps & Omit<CardProps, 'variant'>\n> = ({\n  route,\n  active,\n  variant = 'default',\n  expanded: defaultExpanded,\n  ...other\n}) => {\n  const { t } = useTranslation()\n  const { subvariant, subvariantOptions, routeLabels, hiddenUI } =\n    useWidgetConfig()\n\n  const token: TokenAmount =\n    subvariant === 'custom' && subvariantOptions?.custom !== 'deposit'\n      ? { ...route.fromToken, amount: BigInt(route.fromAmount) }\n      : { ...route.toToken, amount: BigInt(route.toAmount) }\n  const impactToken: TokenAmount | undefined =\n    subvariant !== 'custom' &&\n    !hiddenUI?.includes(HiddenUI.RouteCardPriceImpact)\n      ? { ...route.fromToken, amount: BigInt(route.fromAmount) }\n      : undefined\n\n  const [tags, customLabels]: [string[], RouteLabel[]] = useMemo(() => {\n    const mainTag = route.tags?.find(\n      (tag) => tag === 'CHEAPEST' || tag === 'FASTEST'\n    )\n    const tags: string[] = mainTag ? [mainTag] : []\n    const { combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route)\n    if (!combinedFeesUSD) {\n      tags.push('gasless')\n    }\n    if (route.steps.length > 1) {\n      tags.push('multistep')\n    }\n    const customLabels = getMatchingLabels(route, routeLabels)\n    return [tags, customLabels]\n  }, [route.tags, route, routeLabels])\n\n  const cardContent = (\n    <Box\n      sx={{\n        flex: 1,\n      }}\n    >\n      {subvariant !== 'refuel' && (tags.length || customLabels.length) ? (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            mb: 2,\n            gap: 1,\n            flexWrap: 'wrap',\n          }}\n        >\n          {tags?.map((tag) => {\n            const formattedTag = tag.toLowerCase()\n            const tooltipKey = `tooltip.${formattedTag}` as any\n            const tooltipText = t(tooltipKey)\n            const hasTooltip = tooltipText !== tooltipKey\n\n            const cardLabel = (\n              <CardLabel\n                variant={\n                  tag === 'gasless'\n                    ? 'success'\n                    : active\n                      ? 'secondary'\n                      : undefined\n                }\n                key={tag}\n              >\n                <CardLabelTypography>\n                  {t(`main.tags.${formattedTag}` as any)}\n                </CardLabelTypography>\n              </CardLabel>\n            )\n\n            return hasTooltip ? (\n              <Tooltip key={tag} title={tooltipText} arrow placement=\"top\">\n                {cardLabel}\n              </Tooltip>\n            ) : (\n              cardLabel\n            )\n          })}\n          {customLabels.map((label, index) => (\n            <CardLabel key={index} sx={label.sx}>\n              <CardLabelTypography>{label.text}</CardLabelTypography>\n            </CardLabel>\n          ))}\n        </Box>\n      ) : null}\n      <RouteToken\n        route={route}\n        token={token}\n        impactToken={impactToken}\n        defaultExpanded={defaultExpanded}\n        showEssentials\n      />\n    </Box>\n  )\n\n  return subvariant === 'refuel' || variant === 'cardless' ? (\n    cardContent\n  ) : (\n    <Card\n      type={active ? 'selected' : 'default'}\n      selectionColor=\"secondary\"\n      indented\n      {...other}\n    >\n      {cardContent}\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAcA,MAAa,aAER,EACH,OACA,QACA,UAAU,WACV,UAAU,iBACV,GAAG,YACC;CACJ,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,YAAY,mBAAmB,aAAa,aAClD,iBAAiB;CAEnB,MAAM,QACJ,eAAe,YAAY,mBAAmB,WAAW,YACrD;EAAE,GAAG,MAAM;EAAW,QAAQ,OAAO,MAAM,WAAW;EAAE,GACxD;EAAE,GAAG,MAAM;EAAS,QAAQ,OAAO,MAAM,SAAS;EAAE;CAC1D,MAAM,cACJ,eAAe,YACf,CAAC,UAAU,SAAS,SAAS,qBAAqB,GAC9C;EAAE,GAAG,MAAM;EAAW,QAAQ,OAAO,MAAM,WAAW;EAAE,GACxD,KAAA;CAEN,MAAM,CAAC,MAAM,gBAA0C,cAAc;EACnE,MAAM,UAAU,MAAM,MAAM,MACzB,QAAQ,QAAQ,cAAc,QAAQ,UACxC;EACD,MAAM,OAAiB,UAAU,CAAC,QAAQ,GAAG,EAAE;EAC/C,MAAM,EAAE,oBAAoB,gCAAgC,MAAM;AAClE,MAAI,CAAC,gBACH,MAAK,KAAK,UAAU;AAEtB,MAAI,MAAM,MAAM,SAAS,EACvB,MAAK,KAAK,YAAY;AAGxB,SAAO,CAAC,MADa,kBAAkB,OAAO,YAAY,CAC/B;IAC1B;EAAC,MAAM;EAAM;EAAO;EAAY,CAAC;CAEpC,MAAM,cACJ,qBAAC,KAAD;EACE,IAAI,EACF,MAAM,GACP;YAHH,CAKG,eAAe,aAAa,KAAK,UAAU,aAAa,UACvD,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,IAAI;IACJ,KAAK;IACL,UAAU;IACX;aAPH,CASG,MAAM,KAAK,QAAQ;IAClB,MAAM,eAAe,IAAI,aAAa;IACtC,MAAM,aAAa,WAAW;IAC9B,MAAM,cAAc,EAAE,WAAW;IACjC,MAAM,aAAa,gBAAgB;IAEnC,MAAM,YACJ,oBAAC,WAAD;KACE,SACE,QAAQ,YACJ,YACA,SACE,cACA,KAAA;eAIR,oBAAC,qBAAD,EAAA,UACG,EAAE,aAAa,eAAsB,EAClB,CAAA;KACZ,EALL,IAKK;AAGd,WAAO,aACL,oBAAC,SAAD;KAAmB,OAAO;KAAa,OAAA;KAAM,WAAU;eACpD;KACO,EAFI,IAEJ,GAEV;KAEF,EACD,aAAa,KAAK,OAAO,UACxB,oBAAC,WAAD;IAAuB,IAAI,MAAM;cAC/B,oBAAC,qBAAD,EAAA,UAAsB,MAAM,MAA2B,CAAA;IAC7C,EAFI,MAEJ,CACZ,CACE;OACJ,MACJ,oBAAC,YAAD;GACS;GACA;GACM;GACI;GACjB,gBAAA;GACA,CAAA,CACE;;AAGR,QAAO,eAAe,YAAY,YAAY,aAC5C,cAEA,oBAACA,QAAD;EACE,MAAM,SAAS,aAAa;EAC5B,gBAAe;EACf,UAAA;EACA,GAAI;YAEH;EACI,CAAA"}

package/dist/esm/components/RouteCard/RouteCardEssentials.js

@@ -1,47 +1,83 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import AccessTimeFilled from '@mui/icons-material/AccessTimeFilled';
-import LocalGasStationRounded from '@mui/icons-material/LocalGasStationRounded';
-import { Box, Tooltip, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
-import { formatDuration } from '../../utils/format.js';
-import { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js';
-import { IconTypography } from '../IconTypography.js';
-import { TokenRate } from '../TokenRate/TokenRate.js';
-export const RouteCardEssentials = ({ route, }) => {
-    const { t, i18n } = useTranslation();
-    const executionTimeSeconds = Math.floor(route.steps.reduce((duration, step) => duration + step.estimate.executionDuration, 0));
-    const { gasCosts, feeCosts, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
-    return (_jsxs(Box, { sx: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            flex: 1,
-            mt: 2,
-        }, children: [_jsx(TokenRate, { route: route }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                }, children: [_jsx(FeeBreakdownTooltip, { gasCosts: gasCosts, feeCosts: feeCosts, gasless: !combinedFeesUSD, children: _jsxs(Box, { sx: {
-                                display: 'flex',
-                                mr: 1.5,
-                                alignItems: 'center',
-                            }, 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,
-                                    }, children: !combinedFeesUSD
-                                        ? t('main.fees.free')
-                                        : t('format.currency', {
-                                            value: combinedFeesUSD,
-                                        }) })] }) }), _jsx(Tooltip, { title: t('tooltip.estimatedTime'), sx: { cursor: 'help' }, children: _jsxs(Box, { sx: {
-                                display: 'flex',
-                                alignItems: 'center',
-                            }, children: [_jsx(IconTypography, { mr: 0.5, fontSize: 16, children: _jsx(AccessTimeFilled, { fontSize: "inherit" }) }), _jsx(Typography, { sx: {
-                                        fontSize: 14,
-                                        color: 'text.primary',
-                                        fontWeight: 600,
-                                        lineHeight: 1,
-                                    }, children: formatDuration(executionTimeSeconds, i18n.language) })] }) })] })] }));
+import { formatDuration } from "../../utils/format.js";
+import { getAccumulatedFeeCostsBreakdown } from "../../utils/fees.js";
+import { FeeBreakdownTooltip } from "../FeeBreakdownTooltip.js";
+import { IconTypography } from "../IconTypography.js";
+import { TokenRate } from "../TokenRate/TokenRate.js";
+import { Box, Tooltip, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import AccessTimeFilled from "@mui/icons-material/AccessTimeFilled";
+import LocalGasStationRounded from "@mui/icons-material/LocalGasStationRounded";
+//#region src/components/RouteCard/RouteCardEssentials.tsx
+const RouteCardEssentials = ({ route }) => {
+	const { t, i18n } = useTranslation();
+	const executionTimeSeconds = Math.floor(route.steps.reduce((duration, step) => duration + step.estimate.executionDuration, 0));
+	const { gasCosts, feeCosts, combinedFeesUSD } = getAccumulatedFeeCostsBreakdown(route);
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			flex: 1,
+			mt: 2
+		},
+		children: [/* @__PURE__ */ jsx(TokenRate, { route }), /* @__PURE__ */ jsxs(Box, {
+			sx: {
+				display: "flex",
+				alignItems: "center"
+			},
+			children: [/* @__PURE__ */ jsx(FeeBreakdownTooltip, {
+				gasCosts,
+				feeCosts,
+				gasless: !combinedFeesUSD,
+				children: /* @__PURE__ */ jsxs(Box, {
+					sx: {
+						display: "flex",
+						mr: 1.5,
+						alignItems: "center"
+					},
+					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
+						},
+						children: !combinedFeesUSD ? t("main.fees.free") : t("format.currency", { value: combinedFeesUSD })
+					})]
+				})
+			}), /* @__PURE__ */ jsx(Tooltip, {
+				title: t("tooltip.estimatedTime"),
+				sx: { cursor: "help" },
+				children: /* @__PURE__ */ jsxs(Box, {
+					sx: {
+						display: "flex",
+						alignItems: "center"
+					},
+					children: [/* @__PURE__ */ jsx(IconTypography, {
+						mr: .5,
+						fontSize: 16,
+						children: /* @__PURE__ */ jsx(AccessTimeFilled, { fontSize: "inherit" })
+					}), /* @__PURE__ */ jsx(Typography, {
+						sx: {
+							fontSize: 14,
+							color: "text.primary",
+							fontWeight: 600,
+							lineHeight: 1
+						},
+						children: formatDuration(executionTimeSeconds, i18n.language)
+					})]
+				})
+			})]
+		})]
+	});
 };
+//#endregion
+export { RouteCardEssentials };
+
 //# sourceMappingURL=RouteCardEssentials.js.map

package/dist/esm/components/RouteCard/RouteCardEssentials.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteCardEssentials.js","sourceRoot":"","sources":["../../../../src/components/RouteCard/RouteCardEssentials.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,sCAAsC,CAAA;AACnE,OAAO,sBAAsB,MAAM,4CAA4C,CAAA;AAC/E,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,+BAA+B,EAAE,MAAM,qBAAqB,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAGrD,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CACrC,KAAK,CAAC,KAAK,CAAC,MAAM,CAChB,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAC9D,CAAC,CACF,CACF,CAAA;IAED,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,GAC3C,+BAA+B,CAAC,KAAK,CAAC,CAAA;IACxC,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,IAAI,EAAE,CAAC;YACP,EAAE,EAAE,CAAC;SACN,aAED,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,EAC3B,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;iBACrB,aAED,KAAC,mBAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,eAAe,YAEzB,MAAC,GAAG,IACF,EAAE,EAAE;gCACF,OAAO,EAAE,MAAM;gCACf,EAAE,EAAE,GAAG;gCACP,UAAU,EAAE,QAAQ;6BACrB,aAED,KAAC,cAAc,IAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,YACnC,KAAC,sBAAsB,IAAC,QAAQ,EAAC,SAAS,GAAG,GAC9B,EACjB,KAAC,UAAU,kBACG,eAAe,EAC3B,EAAE,EAAE;wCACF,QAAQ,EAAE,EAAE;wCACZ,KAAK,EAAE,cAAc;wCACrB,UAAU,EAAE,GAAG;wCACf,UAAU,EAAE,CAAC;qCACd,YAEA,CAAC,eAAe;wCACf,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;wCACrB,CAAC,CAAC,CAAC,CAAC,iBAAiB,EAAE;4CACnB,KAAK,EAAE,eAAe;yCACvB,CAAC,GACK,IACT,GACc,EACtB,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAChE,MAAC,GAAG,IACF,EAAE,EAAE;gCACF,OAAO,EAAE,MAAM;gCACf,UAAU,EAAE,QAAQ;6BACrB,aAED,KAAC,cAAc,IAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,YACnC,KAAC,gBAAgB,IAAC,QAAQ,EAAC,SAAS,GAAG,GACxB,EACjB,KAAC,UAAU,IACT,EAAE,EAAE;wCACF,QAAQ,EAAE,EAAE;wCACZ,KAAK,EAAE,cAAc;wCACrB,UAAU,EAAE,GAAG;wCACf,UAAU,EAAE,CAAC;qCACd,YAEA,cAAc,CAAC,oBAAoB,EAAE,IAAI,CAAC,QAAQ,CAAC,GACzC,IACT,GACE,IACN,IACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"RouteCardEssentials.js","names":[],"sources":["../../../../src/components/RouteCard/RouteCardEssentials.tsx"],"sourcesContent":["import AccessTimeFilled from '@mui/icons-material/AccessTimeFilled'\nimport LocalGasStationRounded from '@mui/icons-material/LocalGasStationRounded'\nimport { Box, Tooltip, Typography } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { formatDuration } from '../../utils/format.js'\nimport { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js'\nimport { IconTypography } from '../IconTypography.js'\nimport { TokenRate } from '../TokenRate/TokenRate.js'\nimport type { RouteCardEssentialsProps } from './types.js'\n\nexport const RouteCardEssentials: React.FC<RouteCardEssentialsProps> = ({\n  route,\n}) => {\n  const { t, i18n } = useTranslation()\n  const executionTimeSeconds = Math.floor(\n    route.steps.reduce(\n      (duration, step) => duration + step.estimate.executionDuration,\n      0\n    )\n  )\n\n  const { gasCosts, feeCosts, combinedFeesUSD } =\n    getAccumulatedFeeCostsBreakdown(route)\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        flex: 1,\n        mt: 2,\n      }}\n    >\n      <TokenRate route={route} />\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n        }}\n      >\n        <FeeBreakdownTooltip\n          gasCosts={gasCosts}\n          feeCosts={feeCosts}\n          gasless={!combinedFeesUSD}\n        >\n          <Box\n            sx={{\n              display: 'flex',\n              mr: 1.5,\n              alignItems: 'center',\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,\n              }}\n            >\n              {!combinedFeesUSD\n                ? t('main.fees.free')\n                : t('format.currency', {\n                    value: combinedFeesUSD,\n                  })}\n            </Typography>\n          </Box>\n        </FeeBreakdownTooltip>\n        <Tooltip title={t('tooltip.estimatedTime')} sx={{ cursor: 'help' }}>\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n            }}\n          >\n            <IconTypography mr={0.5} fontSize={16}>\n              <AccessTimeFilled fontSize=\"inherit\" />\n            </IconTypography>\n            <Typography\n              sx={{\n                fontSize: 14,\n                color: 'text.primary',\n                fontWeight: 600,\n                lineHeight: 1,\n              }}\n            >\n              {formatDuration(executionTimeSeconds, i18n.language)}\n            </Typography>\n          </Box>\n        </Tooltip>\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,uBAA2D,EACtE,YACI;CACJ,MAAM,EAAE,GAAG,SAAS,gBAAgB;CACpC,MAAM,uBAAuB,KAAK,MAChC,MAAM,MAAM,QACT,UAAU,SAAS,WAAW,KAAK,SAAS,mBAC7C,EACD,CACF;CAED,MAAM,EAAE,UAAU,UAAU,oBAC1B,gCAAgC,MAAM;AACxC,QACE,qBAAC,KAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,MAAM;GACN,IAAI;GACL;YAPH,CASE,oBAAC,WAAD,EAAkB,OAAS,CAAA,EAC3B,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACb;aAJH,CAME,oBAAC,qBAAD;IACY;IACA;IACV,SAAS,CAAC;cAEV,qBAAC,KAAD;KACE,IAAI;MACF,SAAS;MACT,IAAI;MACJ,YAAY;MACb;eALH,CAOE,oBAAC,gBAAD;MAAgB,IAAI;MAAK,UAAU;gBACjC,oBAAC,wBAAD,EAAwB,UAAS,WAAY,CAAA;MAC9B,CAAA,EACjB,oBAAC,YAAD;MACE,cAAY;MACZ,IAAI;OACF,UAAU;OACV,OAAO;OACP,YAAY;OACZ,YAAY;OACb;gBAEA,CAAC,kBACE,EAAE,iBAAiB,GACnB,EAAE,mBAAmB,EACnB,OAAO,iBACR,CAAC;MACK,CAAA,CACT;;IACc,CAAA,EACtB,oBAAC,SAAD;IAAS,OAAO,EAAE,wBAAwB;IAAE,IAAI,EAAE,QAAQ,QAAQ;cAChE,qBAAC,KAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;MACb;eAJH,CAME,oBAAC,gBAAD;MAAgB,IAAI;MAAK,UAAU;gBACjC,oBAAC,kBAAD,EAAkB,UAAS,WAAY,CAAA;MACxB,CAAA,EACjB,oBAAC,YAAD;MACE,IAAI;OACF,UAAU;OACV,OAAO;OACP,YAAY;OACZ,YAAY;OACb;gBAEA,eAAe,sBAAsB,KAAK,SAAS;MACzC,CAAA,CACT;;IACE,CAAA,CACN;KACF"}