@lifi/widget 3.0.0-alpha.8 → 3.0.0-beta.0

package/_esm/components/ReverseTokensButton/ReverseTokensButton.style.d.ts

@@ -1,4 +1,10 @@
-/// <reference types="react" />
-export declare const IconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+/// <reference types="react" resolution-mode="require"/>
+export declare const IconCard: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "elevation" | "classes" | "variant" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("../Card/Card.js").CardProps, {}, {}>;
+export declare const ReverseContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ReverseTokensButtonEmpty: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/ReverseTokensButton/ReverseTokensButton.style.js

@@ -1,17 +1,29 @@
-import { IconButton as MuiIconButton } from '@mui/material';
-import { darken, lighten, styled } from '@mui/material/styles';
-export const IconButton = styled(MuiIconButton)(({ theme }) => ({
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid`,
-    borderColor: theme.palette.mode === 'light'
-        ? theme.palette.grey[300]
-        : theme.palette.grey[800],
-    zIndex: 1100,
-    padding: theme.spacing(0.5),
-    '&:hover': {
-        backgroundColor: theme.palette.mode === 'light'
-            ? darken(theme.palette.background.paper, 0.02)
-            : lighten(theme.palette.background.paper, 0.02),
-    },
+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.shape.borderRadiusTertiary,
+    zIndex: 1110,
 }));
+export 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),
+    };
+});
 //# sourceMappingURL=ReverseTokensButton.style.js.map

package/_esm/components/ReverseTokensButton/ReverseTokensButton.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReverseTokensButton.style.js","sourceRoot":"","sources":["../../../components/ReverseTokensButton/ReverseTokensButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC/C,MAAM,EAAE,WAAW;IACnB,WAAW,EACT,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACzB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IAC7B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC3B,SAAS,EAAE;QACT,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC;YAC9C,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC;KACpD;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ReverseTokensButton.style.js","sourceRoot":"","sources":["../../../components/ReverseTokensButton/ReverseTokensButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,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,KAAK,CAAC,oBAAoB;IAC9C,MAAM,EAAE,IAAI;CACb,CAAC,CAAC,CAAC;AAEJ,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,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,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,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/_esm/components/RouteCard/RouteCard.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import type { CardProps } from '../Card';
-import type { RouteCardProps } from './types';
+/// <reference types="react" resolution-mode="require"/>
+import type { CardProps } from '../Card/Card.js';
+import type { RouteCardProps } from './types.js';
 export declare const RouteCard: React.FC<RouteCardProps & Omit<CardProps, 'variant'>>;

package/_esm/components/RouteCard/RouteCard.js

@@ -1,33 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ExpandLessIcon from '@mui/icons-material/esm/ExpandLess';
-import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
-import VerifiedUserIcon from '@mui/icons-material/esm/VerifiedUser';
+import { ExpandLess, ExpandMore, VerifiedUser } from '@mui/icons-material';
 import { Box, Collapse, Tooltip, Typography } from '@mui/material';
-import { Fragment, useState } from 'react';
+import { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useWidgetConfig } from '../../providers';
-import { formatTokenAmount } from '../../utils';
-import { Card, CardIconButton, CardLabel, CardLabelTypography } from '../Card';
-import { StepActions } from '../StepActions';
-import { Token } from '../Token';
-import { RouteCardEssentials } from './RouteCardEssentials';
-export const RouteCard = ({ route, active, variant = 'default', expanded, ...other }) => {
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { formatTokenAmount } from '../../utils/format.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 { TokenContainer } from './RouteCard.style.js';
+import { RouteCardEssentials } from './RouteCardEssentials.js';
+import { RouteCardEssentialsExpanded } from './RouteCardEssentialsExpanded.js';
+export const RouteCard = ({ route, active, variant = 'default', expanded: defaulExpanded, ...other }) => {
     const { t } = useTranslation();
     const { subvariant } = useWidgetConfig();
-    const [cardExpanded, setCardExpanded] = useState(expanded);
-    const insurable = route.insurance?.state === 'INSURABLE';
+    const [cardExpanded, setCardExpanded] = useState(defaulExpanded);
     const handleExpand = (e) => {
         e.stopPropagation();
         setCardExpanded((expanded) => !expanded);
     };
-    const token = subvariant === 'nft'
+    const insurable = route.insurance?.state === 'INSURABLE';
+    const token = subvariant === 'custom'
         ? { ...route.fromToken, amount: BigInt(route.fromAmount) }
         : { ...route.toToken, amount: BigInt(route.toAmount) };
-    const RecommendedTagTooltip = route.tags?.[0] === 'RECOMMENDED' ? RecommendedTooltip : Fragment;
-    const cardContent = (_jsxs(Box, { flex: 1, children: [subvariant !== 'refuel' && (insurable || route.tags?.length) ? (_jsxs(Box, { display: "flex", alignItems: "center", mb: 2, children: [insurable ? (_jsx(InsuranceTooltip, { insuredAmount: formatTokenAmount(BigInt(route.toAmountMin), route.toToken.decimals), insuredTokenSymbol: route.toToken.symbol, children: _jsxs(CardLabel, { type: route.tags?.length && !cardExpanded
-                                ? 'insurance-icon'
-                                : 'insurance', children: [_jsx(VerifiedUserIcon, { fontSize: "inherit" }), cardExpanded || !route.tags?.length ? (_jsx(CardLabelTypography, { type: "icon", children: t(`main.tags.insurable`) })) : null] }) })) : null, route.tags?.length ? (_jsx(RecommendedTagTooltip, { children: _jsx(CardLabel, { type: active ? 'active' : undefined, children: _jsx(CardLabelTypography, { children: t(`main.tags.${route.tags[0].toLowerCase()}`) }) }) })) : null] })) : null, _jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "start", children: [_jsx(Token, { token: token, step: !cardExpanded ? route.steps[0] : undefined }), !expanded ? (_jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? _jsx(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}) })) : null] }), _jsx(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: route.steps.map((step) => (_jsx(StepActions, { step: step, mt: 2 }, step.id))) }), _jsx(RouteCardEssentials, { route: route })] }));
-    return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (_jsx(Card, { variant: active ? 'selected' : 'default', selectionColor: "secondary", indented: true, ...other, children: cardContent }));
+    const tags = route.tags?.filter((tag) => tag === 'CHEAPEST' || tag === 'FASTEST');
+    const cardContent = (_jsxs(Box, { flex: 1, children: [subvariant !== 'refuel' && (insurable || route.tags?.length) ? (_jsxs(Box, { display: "flex", alignItems: "center", mb: 2, children: [tags?.length ? (_jsx(CardLabel, { type: active ? 'active' : undefined, children: _jsx(CardLabelTypography, { children: t(`main.tags.${tags[0].toLowerCase()}`) }) })) : null, insurable ? (_jsx(InsuranceTooltip, { insuredAmount: formatTokenAmount(BigInt(route.toAmountMin), route.toToken.decimals), insuredTokenSymbol: route.toToken.symbol, children: _jsxs(CardLabel, { type: 'insurance', children: [_jsx(VerifiedUser, { fontSize: "inherit" }), _jsx(CardLabelTypography, { type: "icon", children: t(`main.tags.insurable`) })] }) })) : null] })) : null, _jsxs(TokenContainer, { children: [_jsx(Token, { token: token, step: route.steps[0], stepVisible: !cardExpanded }), !defaulExpanded ? (_jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? _jsx(ExpandLess, {}) : _jsx(ExpandMore, {}) })) : 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(Collapse, { timeout: 225, in: !cardExpanded, mountOnEnter: true, unmountOnExit: true, children: _jsx(RouteCardEssentials, { route: route }) })] }));
+    return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (_jsx(Card, { type: active ? 'selected' : 'default', selectionColor: "secondary", indented: true, ...other, children: cardContent }));
 };
 const InsuranceTooltip = ({ insuredAmount, insuredTokenSymbol, children }) => {
     const { t } = useTranslation();
@@ -39,8 +39,4 @@ const InsuranceTooltip = ({ insuredAmount, insuredTokenSymbol, children }) => {
                         pl: 2,
                     }, children: [_jsx(Typography, { fontSize: 12, fontWeight: "500", display: "list-item", children: t('insurance.bridgeExploits') }), _jsx(Typography, { fontSize: 12, fontWeight: "500", display: "list-item", children: t('insurance.slippageError') })] })] }), placement: "top", enterDelay: 400, arrow: true, children: children }));
 };
-const RecommendedTooltip = ({ children, }) => {
-    const { t } = useTranslation();
-    return (_jsx(Tooltip, { title: t('tooltip.recommended'), placement: "top", enterDelay: 400, arrow: true, children: children }));
-};
 //# sourceMappingURL=RouteCard.js.map

package/_esm/components/RouteCard/RouteCard.js.map

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

package/_esm/components/RouteCard/RouteCard.style.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
-export declare const IconTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+/// <reference types="react" resolution-mode="require"/>
+export declare const IconTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const TokenContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/RouteCard/RouteCard.style.js

@@ -1,10 +1,14 @@
-import { Typography } from '@mui/material';
-import { alpha, styled } from '@mui/material/styles';
+import { Box, Typography, alpha, styled } from '@mui/material';
 export const IconTypography = styled(Typography)(({ theme }) => ({
     color: theme.palette.mode === 'light'
-        ? alpha(theme.palette.common.black, 0.24)
-        : alpha(theme.palette.common.white, 0.32),
+        ? alpha(theme.palette.common.black, 0.32)
+        : alpha(theme.palette.common.white, 0.4),
     lineHeight: 0,
-    marginRight: theme.spacing(0.5),
+}));
+export const TokenContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: 40,
 }));
 //# sourceMappingURL=RouteCard.style.js.map

package/_esm/components/RouteCard/RouteCard.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteCard.style.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCard.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;QACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;IAC7C,UAAU,EAAE,CAAC;IACb,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CAChC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"RouteCard.style.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCard.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;QACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC;IAC5C,UAAU,EAAE,CAAC;CACd,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,eAAe;IAC/B,MAAM,EAAE,EAAE;CACX,CAAC,CAAC,CAAC"}

package/_esm/components/RouteCard/RouteCardEssentials.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import type { RouteCardEssentialsProps } from './types';
+/// <reference types="react" resolution-mode="require"/>
+import type { RouteCardEssentialsProps } from './types.js';
 export declare const RouteCardEssentials: React.FC<RouteCardEssentialsProps>;

package/_esm/components/RouteCard/RouteCardEssentials.js

@@ -1,25 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import AccessTimeIcon from '@mui/icons-material/esm/AccessTimeFilled';
-import EvStationIcon from '@mui/icons-material/esm/EvStation';
-import LayersIcon from '@mui/icons-material/esm/Layers';
-import MonetizationOnIcon from '@mui/icons-material/esm/MonetizationOn';
+import { AccessTimeFilled, MonetizationOn } from '@mui/icons-material';
 import { Box, Tooltip, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { formatUnits } from 'viem';
-import { IconTypography } from './RouteCard.style';
-import { getFeeCostsBreakdown, getGasCostsBreakdown } from './utils';
-export const RouteCardEssentials = ({ route, dense, }) => {
-    const { t } = useTranslation();
+import { getFeeCostsBreakdown, getGasCostsBreakdown, } from '../../utils/fees.js';
+import { IconTypography } from './RouteCard.style.js';
+export const RouteCardEssentials = ({ route, }) => {
+    const { t, i18n } = useTranslation();
     const executionTimeMinutes = Math.ceil(route.steps
         .map((step) => step.estimate.executionDuration)
         .reduce((duration, x) => duration + x, 0) / 60);
     const gasCostUSD = parseFloat(route.gasCostUSD ?? '') || 0.01;
     const gasCosts = getGasCostsBreakdown(route);
     const feeCosts = getFeeCostsBreakdown(route, false);
-    return (_jsxs(Box, { display: "flex", justifyContent: 'space-between', flex: 1, mt: 2, children: [_jsx(Tooltip, { title: _jsxs(Box, { component: "span", children: [t(`tooltip.estimatedNetworkFee`), gasCosts.map((gas, index) => (_jsxs(Typography, { fontSize: 12, fontWeight: "500", children: [parseFloat(formatUnits(gas.amount, gas.token.decimals))?.toFixed(9), ' ', gas.token.symbol, " (", t(`format.currency`, { value: gas.amountUSD }), ")"] }, `${gas.token.address}${index}`)))] }), placement: "top", enterDelay: 400, arrow: true, children: _jsxs(Box, { display: "flex", alignItems: "center", mr: dense ? 0 : 2, children: [_jsx(IconTypography, { children: _jsx(EvStationIcon, { fontSize: "small" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: "500", lineHeight: 1, children: t(`format.currency`, { value: gasCostUSD }) })] }) }), _jsx(Tooltip, { title: _jsxs(Box, { component: "span", children: [t(`tooltip.additionalProviderFee`), feeCosts.map((fee, index) => (_jsxs(Typography, { fontSize: 12, fontWeight: "500", children: [parseFloat(formatUnits(fee.amount, fee.token.decimals))?.toFixed(9), ' ', fee.token.symbol, " (", t(`format.currency`, { value: fee.amountUSD }), ")"] }, `${fee.token.address}${index}`)))] }), placement: "top", enterDelay: 400, arrow: true, children: _jsxs(Box, { display: "flex", alignItems: "center", mr: dense ? 0 : 2, children: [_jsx(IconTypography, { children: _jsx(MonetizationOnIcon, { fontSize: "small" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: "500", lineHeight: 1, children: t(`format.currency`, {
-                                value: feeCosts.reduce((sum, feeCost) => sum + feeCost.amountUSD, 0),
-                            }) })] }) }), _jsx(Tooltip, { title: t(`tooltip.estimatedTime`), placement: "top", enterDelay: 400, arrow: true, children: _jsxs(Box, { display: "flex", alignItems: "center", mr: dense ? 0 : 2, children: [_jsx(IconTypography, { children: _jsx(AccessTimeIcon, { fontSize: "small" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: "500", lineHeight: 1, children: t('main.estimatedTime', {
-                                value: executionTimeMinutes,
-                            }) })] }) }), _jsx(Tooltip, { title: t(`tooltip.numberOfSteps`), placement: "top", enterDelay: 400, arrow: true, children: _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { children: _jsx(LayersIcon, { fontSize: "small" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: "500", lineHeight: 1, children: route.steps.length })] }) })] }));
+    const fees = gasCostUSD + feeCosts.reduce((sum, feeCost) => sum + feeCost.amountUSD, 0);
+    return (_jsxs(Box, { display: "flex", justifyContent: 'space-between', flex: 1, mt: 2, children: [_jsx(Tooltip, { title: _jsxs(Box, { component: "span", children: [t('main.fees.networkEstimated'), getFeeBreakdownTypography(gasCosts, t), feeCosts.length ? (_jsxs(Box, { mt: 1, children: [t('main.fees.providerEstimated'), getFeeBreakdownTypography(feeCosts, t)] })) : null] }), placement: "top", enterDelay: 400, arrow: true, children: _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { mr: 0.5, children: _jsx(MonetizationOn, { fontSize: "small" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: "500", lineHeight: 1, children: t(`format.currency`, {
+                                value: fees,
+                            }) })] }) }), _jsx(Tooltip, { title: t(`tooltip.estimatedTime`), placement: "top", enterDelay: 400, arrow: true, children: _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { mr: 0.5, children: _jsx(AccessTimeFilled, { fontSize: "small" }) }), _jsx(Typography, { fontSize: 14, color: "text.primary", fontWeight: "500", lineHeight: 1, children: new Intl.NumberFormat(i18n.language, {
+                                style: 'unit',
+                                unit: 'minute',
+                                unitDisplay: 'narrow',
+                            }).format(executionTimeMinutes) })] }) })] }));
 };
+const getFeeBreakdownTypography = (fees, t) => fees.map((fee, index) => (_jsxs(Typography, { fontSize: 12, fontWeight: "500", children: [t(`format.currency`, { value: fee.amountUSD }), " (", parseFloat(formatUnits(fee.amount, fee.token.decimals))?.toFixed(9), ' ', fee.token.symbol, ")"] }, `${fee.token.address}${index}`)));
 //# sourceMappingURL=RouteCardEssentials.js.map

package/_esm/components/RouteCard/RouteCardEssentials.js.map

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

package/_esm/components/RouteCard/RouteCardEssentialsExpanded.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { RouteCardEssentialsProps } from './types.js';
+export declare const RouteCardEssentialsExpanded: React.FC<RouteCardEssentialsProps>;

package/_esm/components/RouteCard/RouteCardEssentialsExpanded.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccessTimeFilled, Layers, MonetizationOn } from '@mui/icons-material';
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { formatUnits } from 'viem';
+import { getFeeCostsBreakdown, getGasCostsBreakdown, } from '../../utils/fees.js';
+import { IconTypography } from './RouteCard.style.js';
+export const RouteCardEssentialsExpanded = ({ route }) => {
+    const { t, i18n } = useTranslation();
+    const executionTimeMinutes = Math.ceil(route.steps
+        .map((step) => step.estimate.executionDuration)
+        .reduce((duration, x) => duration + x, 0) / 60);
+    const gasCostUSD = parseFloat(route.gasCostUSD ?? '') || 0.01;
+    const gasCosts = getGasCostsBreakdown(route);
+    const feeCosts = getFeeCostsBreakdown(route, false);
+    const fees = gasCostUSD + feeCosts.reduce((sum, feeCost) => sum + feeCost.amountUSD, 0);
+    return (_jsxs(Box, { flex: 1, mt: 2, children: [_jsxs(Box, { children: [_jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { ml: 1, mr: 3, children: _jsx(MonetizationOn, {}) }), _jsx(Typography, { fontSize: 16, color: "text.primary", fontWeight: "600", lineHeight: 1.125, children: t(`format.currency`, {
+                                    value: fees,
+                                }) })] }), _jsxs(Box, { mt: 0.5, ml: 7, children: [_jsx(Typography, { fontSize: 12, color: "text.secondary", fontWeight: "500", lineHeight: 1.125, children: t('main.fees.networkEstimated') }), getFeeBreakdownTypography(gasCosts, t), feeCosts.length ? (_jsxs(Box, { mt: 0.5, children: [_jsx(Typography, { fontSize: 12, color: "text.secondary", fontWeight: "500", lineHeight: 1.125, children: t('main.fees.providerEstimated') }), getFeeBreakdownTypography(feeCosts, t)] })) : null] })] }), _jsxs(Box, { mt: 2, children: [_jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(IconTypography, { ml: 1, mr: 3, children: _jsx(Layers, {}) }), _jsx(Typography, { fontSize: 16, color: "text.primary", fontWeight: "600", lineHeight: 1.125, children: route.steps.length })] }), _jsx(Box, { mt: 0.5, ml: 7, children: _jsx(Typography, { fontSize: 12, color: "text.secondary", fontWeight: "500", lineHeight: 1.125, children: t(`tooltip.numberOfSteps`) }) })] }), _jsxs(Box, { display: "flex", alignItems: "center", mt: 2, children: [_jsx(IconTypography, { ml: 1, mr: 3, children: _jsx(AccessTimeFilled, {}) }), _jsx(Typography, { fontSize: 16, color: "text.primary", fontWeight: "600", lineHeight: 1.125, children: new Intl.NumberFormat(i18n.language, {
+                            style: 'unit',
+                            unit: 'minute',
+                            unitDisplay: 'long',
+                        }).format(executionTimeMinutes) })] })] }));
+};
+const getFeeBreakdownTypography = (fees, t) => fees.map((fee, index) => (_jsxs(Typography, { fontSize: 12, fontWeight: "500", color: "text.secondary", children: [t(`format.currency`, { value: fee.amountUSD }), " (", parseFloat(formatUnits(fee.amount, fee.token.decimals))?.toFixed(9), ' ', fee.token.symbol, ")"] }, `${fee.token.address}${index}`)));
+//# sourceMappingURL=RouteCardEssentialsExpanded.js.map

package/_esm/components/RouteCard/RouteCardEssentialsExpanded.js.map

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

package/_esm/components/RouteCard/RouteCardSkeleton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import type { BoxProps } from '@mui/material';
-import type { RouteCardSkeletonProps } from './types';
-export declare const RouteCardSkeleton: React.FC<RouteCardSkeletonProps & BoxProps>;
+/// <reference types="react" resolution-mode="require"/>
+import type { CardProps } from '../Card/Card.js';
+import type { RouteCardSkeletonProps } from './types.js';
+export declare const RouteCardSkeleton: React.FC<RouteCardSkeletonProps & Omit<CardProps, 'variant'>>;

package/_esm/components/RouteCard/RouteCardSkeleton.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Skeleton } from '@mui/material';
-import { useWidgetConfig } from '../../providers';
-import { Card } from '../Card';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { Card } from '../Card/Card.js';
+import { TokenSkeleton } from '../Token/Token.js';
 export const RouteCardSkeleton = ({ variant, ...other }) => {
     const { subvariant } = useWidgetConfig();
-    const cardContent = (_jsxs(Box, { flex: 1, children: [subvariant !== 'refuel' && subvariant !== 'nft' ? (_jsx(Box, { display: "flex", alignItems: "center", mb: 2, children: _jsx(Skeleton, { variant: "rectangular", width: 112, height: 24, sx: (theme) => ({
+    const cardContent = (_jsxs(Box, { flex: 1, children: [subvariant !== 'refuel' && subvariant !== 'custom' ? (_jsx(Box, { display: "flex", alignItems: "center", mb: 2, children: _jsx(Skeleton, { variant: "rectangular", width: 112, height: 24, sx: (theme) => ({
                         borderRadius: `${theme.shape.borderRadius}px`,
-                    }) }) })) : null, _jsxs(Box, { children: [_jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(Box, { mr: 2, children: _jsx(Skeleton, { variant: "circular", width: 32, height: 32 }) }), _jsx(Skeleton, { variant: "text", width: 96, height: 32 })] }), _jsxs(Box, { ml: 6, display: "flex", alignItems: "center", children: [_jsx(Skeleton, { variant: "text", width: 102, height: 16 }), _jsx(Skeleton, { variant: "text", width: 72, height: 16, sx: { marginLeft: 1 } })] })] }), _jsxs(Box, { mt: 2, display: "flex", justifyContent: "space-between", children: [_jsx(Skeleton, { variant: "text", width: 64, height: 20 }), _jsx(Skeleton, { variant: "text", width: 64, height: 20 }), _jsx(Skeleton, { variant: "text", width: 48, height: 20 }), _jsx(Skeleton, { variant: "text", width: 32, height: 20 })] })] }));
+                    }) }) })) : null, _jsx(TokenSkeleton, {}), _jsxs(Box, { mt: 2, display: "flex", justifyContent: "space-between", children: [_jsx(Skeleton, { variant: "text", width: 64, height: 20 }), _jsx(Skeleton, { variant: "text", width: 56, height: 20 })] })] }));
     return subvariant === 'refuel' || variant === 'cardless' ? (cardContent) : (_jsx(Card, { indented: true, ...other, children: cardContent }));
 };
 //# sourceMappingURL=RouteCardSkeleton.js.map

package/_esm/components/RouteCard/RouteCardSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteCardSkeleton.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCardSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,MAAM,CAAC,MAAM,iBAAiB,GAAgD,CAAC,EAC7E,OAAO,EACP,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,CAClB,MAAC,GAAG,IAAC,IAAI,EAAE,CAAC,aACT,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,KAAK,CAAC,CAAC,CAAC,CACjD,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YAC3C,KAAC,QAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;qBAC9C,CAAC,GACF,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,GAAG,eACF,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,aACrC,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACR,KAAC,QAAQ,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAClD,EACN,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,EACN,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,aAC5C,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAI,EACnD,KAAC,QAAQ,IACP,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,GACrB,IACE,IACF,EACN,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,aACvD,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,IACF,CACP,CAAC;IAEF,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,QAAQ,WAAK,KAAK,YACrB,WAAW,GACP,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"RouteCardSkeleton.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteCardSkeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AAEnF,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,MAAM,CAAC,MAAM,iBAAiB,GAE1B,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEzC,MAAM,WAAW,GAAG,CAClB,MAAC,GAAG,IAAC,IAAI,EAAE,CAAC,aACT,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YAC3C,KAAC,QAAQ,IACP,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACd,YAAY,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI;qBAC9C,CAAC,GACF,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,aAAa,KAAG,EACjB,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,eAAe,aACvD,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAClD,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,IAC9C,IACF,CACP,CAAC;IAEF,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CACzD,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,QAAQ,WAAK,KAAK,YACrB,WAAW,GACP,CACR,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/RouteCard/RouteNotFoundCard.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
+/// <reference types="react" resolution-mode="require"/>
 export declare const RouteNotFoundCard: React.FC;

package/_esm/components/RouteCard/RouteNotFoundCard.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import RouteIcon from '@mui/icons-material/esm/Route';
+import { Route } from '@mui/icons-material';
 import { Box, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 export const RouteNotFoundCard = () => {
@@ -10,6 +10,6 @@ export const RouteNotFoundCard = () => {
             justifyContent: 'center',
             flexDirection: 'column',
             flex: 1,
-        }, py: 1.625, children: [_jsx(Typography, { fontSize: 48, children: _jsx(RouteIcon, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 18, fontWeight: 700, children: t('info.title.routeNotFound') }), _jsx(Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('info.message.routeNotFound') })] }));
+        }, py: 1.625, children: [_jsx(Typography, { fontSize: 48, children: _jsx(Route, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 18, fontWeight: 700, children: t('info.title.routeNotFound') }), _jsx(Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('info.message.routeNotFound') })] }));
 };
 //# sourceMappingURL=RouteNotFoundCard.js.map

package/_esm/components/RouteCard/RouteNotFoundCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"RouteNotFoundCard.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteNotFoundCard.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC9C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR,EACD,EAAE,EAAE,KAAK,aAET,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,YACtB,KAAC,SAAS,IAAC,QAAQ,EAAC,SAAS,GAAG,GACrB,EACb,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtC,CAAC,CAAC,0BAA0B,CAAC,GACnB,EACb,KAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,CAAC,YAEJ,CAAC,CAAC,4BAA4B,CAAC,GACrB,IACT,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"RouteNotFoundCard.js","sourceRoot":"","sources":["../../../components/RouteCard/RouteNotFoundCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC9C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR,EACD,EAAE,EAAE,KAAK,aAET,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,YACtB,KAAC,KAAK,IAAC,QAAQ,EAAC,SAAS,GAAG,GACjB,EACb,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtC,CAAC,CAAC,0BAA0B,CAAC,GACnB,EACb,KAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,gBAAgB,EACtB,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,CAAC,YAEJ,CAAC,CAAC,4BAA4B,CAAC,GACrB,IACT,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { Route } from '@lifi/sdk';
+import type { Route, Token } from '@lifi/sdk';
 export interface RouteCardProps {
     route: Route;
     variant?: 'default' | 'cardless';
@@ -7,8 +7,12 @@ export interface RouteCardProps {
 }
 export interface RouteCardEssentialsProps {
     route: Route;
-    dense?: boolean;
 }
 export interface RouteCardSkeletonProps {
     variant?: 'default' | 'cardless';
 }
+export interface FeesBreakdown {
+    amount: bigint;
+    amountUSD: number;
+    token: Token;
+}

package/_esm/components/Routes/Routes.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import type { BoxProps } from '@mui/material';
-export declare const Routes: React.FC<BoxProps>;
+/// <reference types="react" resolution-mode="require"/>
+import type { CardProps } from '../Card/Card.js';
+export declare const Routes: React.FC<CardProps>;

package/_esm/components/Routes/Routes.js

@@ -1,19 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, Collapse } from '@mui/material';
-import { useFormState } from 'react-hook-form';
+import { Box, Collapse } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
-import { useRoutes } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { navigationRoutes } from '../../utils';
-import { Card, CardTitle } from '../Card';
-import { ProgressToNextUpdate } from '../ProgressToNextUpdate';
-import { RouteCard, RouteCardSkeleton, RouteNotFoundCard } from '../RouteCard';
+import { useRoutes } from '../../hooks/useRoutes.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { ButtonTertiary } from '../ButtonTertiary.js';
+import { Card } from '../Card/Card.js';
+import { CardTitle } from '../Card/CardTitle.js';
+import { ProgressToNextUpdate } from '../ProgressToNextUpdate.js';
+import { RouteCard } from '../RouteCard/RouteCard.js';
+import { RouteCardSkeleton } from '../RouteCard/RouteCardSkeleton.js';
+import { RouteNotFoundCard } from '../RouteCard/RouteNotFoundCard.js';
 export const Routes = (props) => {
     const { t } = useTranslation();
     const navigate = useNavigate();
     const { subvariant, useRecommendedRoute } = useWidgetConfig();
-    const { isValid, isValidating } = useFormState();
     const { routes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = useRoutes();
     const currentRoute = routes?.[0];
     if (!currentRoute && !isLoading && !isFetching && !isFetched) {
@@ -25,10 +27,10 @@ export const Routes = (props) => {
     const routeNotFound = !currentRoute && !isLoading && !isFetching;
     const onlyRecommendedRoute = subvariant === 'refuel' || useRecommendedRoute;
     const showAll = !onlyRecommendedRoute && !routeNotFound && (routes?.length ?? 0) > 1;
-    return (_jsxs(Card, { ...props, children: [_jsx(CardTitle, { children: subvariant === 'nft' ? t('main.fromAmount') : t('header.youGet') }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: {
+    return (_jsxs(Card, { ...props, children: [_jsx(CardTitle, { children: subvariant === 'custom' ? t('main.fromAmount') : t('header.youGet') }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: {
                     position: 'absolute',
                     top: 8,
                     right: 8,
-                } }), _jsxs(Box, { p: 2, children: [isLoading ? (_jsx(RouteCardSkeleton, { variant: "cardless" })) : !currentRoute ? (_jsx(RouteNotFoundCard, {})) : (_jsx(RouteCard, { route: currentRoute, variant: "cardless", active: true })), _jsx(Collapse, { timeout: 225, in: showAll, unmountOnExit: true, mountOnEnter: true, appear: true, children: _jsx(Box, { mt: 2, children: _jsx(Button, { onClick: handleCardClick, disabled: isValidating || !isValid, fullWidth: true, children: t('button.showAll') }) }) })] })] }));
+                } }), _jsxs(Box, { p: 2, children: [isLoading ? (_jsx(RouteCardSkeleton, { variant: "cardless" })) : !currentRoute ? (_jsx(RouteNotFoundCard, {})) : (_jsx(RouteCard, { route: currentRoute, variant: "cardless", active: true })), _jsx(Collapse, { timeout: 225, in: showAll, unmountOnExit: true, mountOnEnter: true, appear: true, children: _jsx(Box, { mt: 2, children: _jsx(ButtonTertiary, { onClick: handleCardClick, fullWidth: true, children: t('button.showAll') }) }) })] })] }));
 };
 //# sourceMappingURL=Routes.js.map

package/_esm/components/Routes/Routes.js.map

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