@lifi/widget 3.0.0-alpha.11 → 3.0.0-alpha.13

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

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

package/_esm/components/PageContainer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface PageContainerProps {
+    halfGutters?: boolean;
+    topBottomGutters?: boolean;
+}
+export declare const PageContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & PageContainerProps, {}, {}>;
+export {};

package/_esm/components/PageContainer.js

@@ -0,0 +1,10 @@
+import { Container } from '@mui/material';
+import { styled } from '@mui/material/styles';
+export const PageContainer = styled(Container, {
+    shouldForwardProp: (prop) => !['halfGutters', 'topBottomGutters'].includes(prop),
+})(({ theme, disableGutters, halfGutters, topBottomGutters }) => ({
+    padding: disableGutters
+        ? 0
+        : theme.spacing(topBottomGutters ? 1 : 0, halfGutters ? 1.5 : 3),
+}));
+//# sourceMappingURL=PageContainer.js.map

package/_esm/components/PageContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageContainer.js","sourceRoot":"","sources":["../../components/PageContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAO9C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,EAAE;IAC7C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAChE,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,OAAO,EAAE,cAAc;QACrB,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;CACnE,CAAC,CACH,CAAC"}

package/_esm/components/ReverseTokensButton/ReverseTokensButton.js

@@ -1,17 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import SwapHorizIcon from '@mui/icons-material/esm/SwapHoriz';
-import SwapVertIcon from '@mui/icons-material/esm/SwapVert';
-import { IconButton } from './ReverseTokensButton.style';
+import ArrowDownwardIcon from '@mui/icons-material/esm/ArrowDownward';
+import ArrowForwardIcon from '@mui/icons-material/esm/ArrowForward';
 import { useFieldActions } from '../../stores';
+import { IconButton } from './ReverseTokensButton.style';
 export const ReverseTokensButton = ({ vertical, }) => {
-    const { setAsTouched, setFieldValue } = useFieldActions();
+    const { setFieldValue, getFieldValues } = useFieldActions();
     const handleClick = () => {
+        const [fromChain, fromToken, toChain, toToken] = getFieldValues('fromChain', 'fromToken', 'toChain', 'toToken');
         setFieldValue('fromAmount', '', { isTouched: true });
-        setAsTouched('fromChain');
-        setAsTouched('fromToken');
-        setAsTouched('toChain');
-        setAsTouched('toToken');
+        setFieldValue('fromChain', toChain, { isTouched: true });
+        setFieldValue('fromToken', toToken, { isTouched: true });
+        setFieldValue('toChain', fromChain, { isTouched: true });
+        setFieldValue('toToken', fromToken, { isTouched: true });
     };
-    return (_jsx(IconButton, { onClick: handleClick, size: "small", children: vertical ? _jsx(SwapVertIcon, {}) : _jsx(SwapHorizIcon, {}) }));
+    return (_jsx(IconButton, { onClick: handleClick, size: "medium", children: vertical ? (_jsx(ArrowDownwardIcon, { fontSize: "inherit" })) : (_jsx(ArrowForwardIcon, { fontSize: "inherit" })) }));
 };
 //# sourceMappingURL=ReverseTokensButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReverseTokensButton.js","sourceRoot":"","sources":["../../../components/ReverseTokensButton/ReverseTokensButton.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,CAAC,MAAM,mBAAmB,GAAqC,CAAC,EACpE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAE1D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACrD,YAAY,CAAC,WAAW,CAAC,CAAC;QAC1B,YAAY,CAAC,WAAW,CAAC,CAAC;QAC1B,YAAY,CAAC,SAAS,CAAC,CAAC;QACxB,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC,CAAC;IACF,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,YAC3C,QAAQ,CAAC,CAAC,CAAC,KAAC,YAAY,KAAG,CAAC,CAAC,CAAC,KAAC,aAAa,KAAG,GACrC,CACd,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ReverseTokensButton.js","sourceRoot":"","sources":["../../../components/ReverseTokensButton/ReverseTokensButton.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,mBAAmB,GAAqC,CAAC,EACpE,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAC;IAE5D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,GAAG,cAAc,CAC7D,WAAW,EACX,WAAW,EACX,SAAS,EACT,SAAS,CACV,CAAC;QACF,aAAa,CAAC,YAAY,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACrD,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACzD,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACzD,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACzD,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IACF,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,QAAQ,YAC5C,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,iBAAiB,IAAC,QAAQ,EAAC,SAAS,GAAG,CACzC,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IAAC,QAAQ,EAAC,SAAS,GAAG,CACxC,GACU,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,6 +1,9 @@
 import { IconButton as MuiIconButton } from '@mui/material';
 import { darken, lighten, styled } from '@mui/material/styles';
 export const IconButton = styled(MuiIconButton)(({ theme }) => ({
+    height: 32,
+    width: 32,
+    fontSize: 16,
     backgroundColor: theme.palette.background.paper,
     border: `1px solid`,
     borderColor: theme.palette.mode === 'light'

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,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,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,EAAE;IACZ,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"}

package/_esm/components/RouteCard/RouteCard.js

@@ -10,23 +10,23 @@ import { formatTokenAmount } from '../../utils';
 import { Card, CardIconButton, CardLabel, CardLabelTypography } from '../Card';
 import { StepActions } from '../StepActions';
 import { Token } from '../Token';
+import { TokenContainer } from './RouteCard.style';
 import { RouteCardEssentials } from './RouteCardEssentials';
-export const RouteCard = ({ route, active, variant = 'default', expanded, ...other }) => {
+import { RouteCardEssentialsExpanded } from './RouteCardEssentialsExpanded';
+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 insurable = route.insurance?.state === 'INSURABLE';
     const token = subvariant === 'nft'
         ? { ...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 })] }));
+    const cardContent = (_jsxs(Box, { flex: 1, children: [subvariant !== 'refuel' && (insurable || route.tags?.length) ? (_jsxs(Box, { display: "flex", alignItems: "center", mb: 2, children: [route.tags?.length ? (_jsx(RecommendedTagTooltip, { children: _jsx(CardLabel, { type: active ? 'active' : undefined, children: _jsx(CardLabelTypography, { children: t(`main.tags.${route.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(VerifiedUserIcon, { 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(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}) })) : 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, { variant: active ? 'selected' : 'default', selectionColor: "secondary", indented: true, ...other, children: cardContent }));
 };
 const InsuranceTooltip = ({ insuredAmount, insuredTokenSymbol, children }) => {

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

@@ -2,3 +2,6 @@
 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"> & {
     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,15 @@
-import { Typography } from '@mui/material';
+import { Box, Typography } from '@mui/material';
 import { alpha, styled } from '@mui/material/styles';
 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),
     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,MAAM,eAAe,CAAC;AAChD,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;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.js

@@ -1,25 +1,27 @@
 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 { Box, Tooltip, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { formatUnits } from 'viem';
+import { getFeeCostsBreakdown, getGasCostsBreakdown } from '../../utils';
 import { IconTypography } from './RouteCard.style';
-import { getFeeCostsBreakdown, getGasCostsBreakdown } from './utils';
-export const RouteCardEssentials = ({ route, dense, }) => {
-    const { t } = useTranslation();
+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(MonetizationOnIcon, { 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(AccessTimeIcon, { 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" />
+import type { RouteCardEssentialsProps } from './types';
+export declare const RouteCardEssentialsExpanded: React.FC<RouteCardEssentialsProps>;

package/_esm/components/RouteCard/RouteCardEssentialsExpanded.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AccessTimeIcon from '@mui/icons-material/esm/AccessTimeFilled';
+import LayersIcon from '@mui/icons-material/esm/Layers';
+import MonetizationOnIcon from '@mui/icons-material/esm/MonetizationOn';
+import { Box, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { formatUnits } from 'viem';
+import { getFeeCostsBreakdown, getGasCostsBreakdown } from '../../utils';
+import { IconTypography } from './RouteCard.style';
+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(MonetizationOnIcon, {}) }), _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(LayersIcon, {}) }), _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(AccessTimeIcon, {}) }), _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.js

@@ -2,11 +2,12 @@ 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 { TokenSkeleton } from '../Token';
 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) => ({
                         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":";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;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,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,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/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.js

@@ -4,11 +4,11 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { useRoutes } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
+import { useValidation } from '../../stores';
 import { navigationRoutes } from '../../utils';
 import { Card, CardTitle } from '../Card';
 import { ProgressToNextUpdate } from '../ProgressToNextUpdate';
 import { RouteCard, RouteCardSkeleton, RouteNotFoundCard } from '../RouteCard';
-import { useValidation } from '../../stores';
 export const Routes = (props) => {
     const { t } = useTranslation();
     const navigate = useNavigate();

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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"}

package/_esm/components/Routes/RoutesExpanded.js

@@ -6,6 +6,7 @@ import { useRoutes } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
 import { useSetExecutableRoute, useValidation } from '../../stores';
 import { navigationRoutes } from '../../utils';
+import { PageContainer } from '../PageContainer';
 import { ProgressToNextUpdate } from '../ProgressToNextUpdate';
 import { RouteCard, RouteCardSkeleton, RouteNotFoundCard } from '../RouteCard';
 import { CollapseContainer, Container, Header, ScrollableContainer, } from './RoutesExpanded.style';
@@ -34,6 +35,6 @@ export const RoutesExpandedElement = () => {
     const routeNotFound = !currentRoute && !isLoading && !isFetching && expanded;
     return (_jsx(Collapse, { timeout: timeout.enter, in: expanded, orientation: "horizontal", children: _jsx(Grow, { timeout: timeout.enter, in: expanded, mountOnEnter: true, unmountOnExit: true, children: _jsx(Container, { sx: containerStyle, enableColorScheme: true, children: _jsxs(ScrollableContainer, { children: [_jsxs(Header, { children: [_jsx(Typography, { fontSize: 18, fontWeight: "700", flex: 1, noWrap: true, children: subvariant === 'nft'
                                         ? t('main.fromAmount')
-                                        : t('header.youGet') }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), _jsx(Stack, { direction: "column", spacing: 2, flex: 1, paddingX: 3, paddingBottom: 3, children: routeNotFound ? (_jsx(RouteNotFoundCard, {})) : isLoading || (isFetching && !routes?.length) ? (Array.from({ length: 3 }).map((_, index) => (_jsx(RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => (_jsx(RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length <= 2 }, route.id)))) })] }) }) }) }));
+                                        : t('header.youGet') }), _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 } })] }), _jsx(PageContainer, { children: _jsx(Stack, { direction: "column", spacing: 2, flex: 1, paddingBottom: 3, children: routeNotFound ? (_jsx(RouteNotFoundCard, {})) : isLoading || (isFetching && !routes?.length) ? (Array.from({ length: 3 }).map((_, index) => (_jsx(RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => (_jsx(RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length === 1 }, route.id)))) }) })] }) }) }) }));
 };
 //# sourceMappingURL=RoutesExpanded.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,MAAM,EACN,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC9B,OAAO,CACL,KAAC,iBAAiB,cAChB,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,EAAC,YAAY,YACjE,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,YAAY,QAAC,aAAa,kBAC/D,wBACE,KAAC,qBAAqB,KAAG,GACrB,GACD,GACE,GACO,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;IACnD,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAC;IAClD,MAAM,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,OAAO,GACR,GAAG,SAAS,EAAE,CAAC;IAEhB,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;QACxC,IAAI,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;YAC7B,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC1B,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,EAAE;gBAC9C,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE;aAC7B,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,OAAO,CACtB,YAAY,IAAI,SAAS,IAAI,UAAU,IAAI,SAAS,CACrD,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,YAAY,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,QAAQ,CAAC;IAE7E,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAC,YAAY,YACtE,KAAC,IAAI,IAAC,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,YAAY,QAAC,aAAa,kBACpE,KAAC,SAAS,IAAC,EAAE,EAAE,cAAc,EAAE,iBAAiB,kBAC9C,MAAC,mBAAmB,eAClB,MAAC,MAAM,eACL,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAC,KAAK,EAAC,IAAI,EAAE,CAAC,EAAE,MAAM,kBACvD,UAAU,KAAK,KAAK;wCACnB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;wCACtB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,GACX,EACb,KAAC,oBAAoB,IACnB,SAAS,EAAE,aAAa,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,EAChD,YAAY,EAAE,WAAW,EACzB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EACxB,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,GACvB,IACK,EACT,KAAC,KAAK,IACJ,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,CAAC,EACV,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,EACX,aAAa,EAAE,CAAC,YAEf,aAAa,CAAC,CAAC,CAAC,CACf,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CACjD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,KAAC,iBAAiB,MAAM,KAAK,CAAI,CAClC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,MAAM,EAAE,GAAG,CAAC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE,CAAC,CAC3C,KAAC,SAAS,IAER,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,MAAM,EAAE,KAAK,KAAK,CAAC,EACnB,QAAQ,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,IAJxB,KAAK,CAAC,EAAE,CAKb,CACH,CAAC,CACH,GACK,IACY,GACZ,GACP,GACE,CACZ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"RoutesExpanded.js","sourceRoot":"","sources":["../../../components/Routes/RoutesExpanded.tsx"],"names":[],"mappings":"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"}

package/_esm/components/SelectTokenButton/SelectTokenButton.js

@@ -4,11 +4,11 @@ import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { useChain, useSwapOnly, useToken } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
+import { FormKeyHelper, useFieldValues } from '../../stores';
 import { navigationRoutes } from '../../utils';
 import { Card, CardTitle } from '../Card';
-import { TokenAvatar, TokenAvatarDefault } from '../TokenAvatar';
+import { TokenAvatar, TokenAvatarDefault, TokenAvatarSkeleton, } from '../TokenAvatar';
 import { SelectTokenCardHeader } from './SelectTokenButton.style';
-import { useFieldValues, FormKeyHelper } from '../../stores';
 export const SelectTokenButton = ({ formType, compact }) => {
     const { t } = useTranslation();
     const navigate = useNavigate();
@@ -35,6 +35,12 @@ export const SelectTokenButton = ({ formType, compact }) => {
     const cardTitle = formType === 'from' && subvariant === 'nft'
         ? t(`header.payWith`)
         : t(`main.${formType}`);
-    return (_jsxs(Card, { flex: 1, onClick: onClick, children: [_jsx(CardTitle, { children: cardTitle }), chainId && tokenAddress && (isChainLoading || isTokenLoading) ? (_jsx(SelectTokenCardHeader, { avatar: _jsx(Skeleton, { variant: "circular", width: 32, height: 32 }), title: _jsx(Skeleton, { variant: "text", width: 64, height: 24 }), subheader: _jsx(Skeleton, { variant: "text", width: 64, height: 16 }), compact: compact })) : (_jsx(SelectTokenCardHeader, { avatar: isSelected ? (_jsx(TokenAvatar, { token: token, chain: chain })) : (_jsx(TokenAvatarDefault, {})), title: isSelected ? token.symbol : defaultPlaceholder, subheader: isSelected ? t(`main.onChain`, { chainName: chain.name }) : null, selected: isSelected, compact: compact }))] }));
+    return (_jsxs(Card, { flex: 1, onClick: onClick, children: [_jsx(CardTitle, { children: cardTitle }), chainId && tokenAddress && (isChainLoading || isTokenLoading) ? (_jsx(SelectTokenCardHeader, { avatar: _jsx(TokenAvatarSkeleton, {}), title: _jsx(Skeleton, { variant: "text", width: 64, height: 24 }), subheader: _jsx(Skeleton, { variant: "text", width: 72, height: 16 }), compact: compact })) : (_jsx(SelectTokenCardHeader, { avatar: isSelected ? (_jsx(TokenAvatar, { token: token, chain: chain })) : (_jsx(TokenAvatarDefault, {})), title: isSelected ? token.symbol : defaultPlaceholder, titleTypographyProps: {
+                    title: isSelected ? token.symbol : defaultPlaceholder,
+                }, subheader: isSelected ? chain.name : null, subheaderTypographyProps: isSelected
+                    ? {
+                        title: chain.name,
+                    }
+                    : undefined, selected: isSelected, compact: compact }))] }));
 };
 //# sourceMappingURL=SelectTokenButton.js.map

package/_esm/components/SelectTokenButton/SelectTokenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenButton.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectTokenButton.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,MAAM,CAAC,MAAM,iBAAiB,GAI1B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACrD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,cAAc,CAC5C,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EACnC,QAAQ,CACT,CAAC;IACF,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CACN,QAAQ,KAAK,MAAM;YACjB,CAAC,CAAC,gBAAgB,CAAC,SAAS;YAC5B,CAAC,CAAC,UAAU,KAAK,QAAQ;gBACvB,CAAC,CAAC,gBAAgB,CAAC,aAAa;gBAChC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAC/B,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,MAAM,kBAAkB,GACtB,QAAQ,KAAK,IAAI,IAAI,UAAU,KAAK,QAAQ;QAC1C,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;QACvB,CAAC,CAAC,QAAQ,KAAK,IAAI,IAAI,QAAQ;YAC7B,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC;YACvB,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC;IACtC,MAAM,SAAS,GACb,QAAQ,KAAK,MAAM,IAAI,UAAU,KAAK,KAAK;QACzC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;QACrB,CAAC,CAAC,CAAC,CAAC,QAAQ,QAAQ,EAAE,CAAC,CAAC;IAC5B,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,aAC7B,KAAC,SAAS,cAAE,SAAS,GAAa,EACjC,OAAO,IAAI,YAAY,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,CAC/D,KAAC,qBAAqB,IACpB,MAAM,EAAE,KAAC,mBAAmB,KAAG,EAC/B,KAAK,EAAE,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACzD,SAAS,EAAE,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAC7D,OAAO,EAAE,OAAO,GAChB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,qBAAqB,IACpB,MAAM,EACJ,UAAU,CAAC,CAAC,CAAC,CACX,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAC5C,CAAC,CAAC,CAAC,CACF,KAAC,kBAAkB,KAAG,CACvB,EAEH,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,EACrD,oBAAoB,EAAE;oBACpB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB;iBACtD,EACD,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACzC,wBAAwB,EACtB,UAAU;oBACR,CAAC,CAAC;wBACE,KAAK,EAAE,KAAK,CAAC,IAAI;qBAClB;oBACH,CAAC,CAAC,SAAS,EAEf,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,OAAO,GAChB,CACH,IACI,CACR,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/SelectTokenButton/SelectTokenButton.style.js

@@ -4,7 +4,7 @@ import { CardHeader } from '../Card';
 export const SelectTokenCardHeader = styled(CardHeader, {
     shouldForwardProp: (prop) => !['selected', 'compact'].includes(prop),
 })(({ theme, selected, compact }) => ({
-    height: 64,
+    padding: theme.spacing(2),
     [`.${cardHeaderClasses.title}`]: {
         color: selected
             ? theme.palette.text.primary
@@ -12,20 +12,19 @@ export const SelectTokenCardHeader = styled(CardHeader, {
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
         overflow: 'hidden',
-        width: compact ? 92 : 256,
-        fontWeight: selected ? 500 : 400,
-        fontSize: compact && !selected ? '1rem' : '1.125rem',
+        width: compact ? 88 : 256,
+        fontSize: compact && !selected ? 16 : 18,
         [theme.breakpoints.down(392)]: {
-            width: compact ? 92 : 224,
+            width: compact ? 88 : 224,
         },
     },
     [`.${cardHeaderClasses.subheader}`]: {
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
         overflow: 'hidden',
-        width: compact ? 92 : 256,
+        width: compact ? 88 : 256,
         [theme.breakpoints.down(392)]: {
-            width: compact ? 92 : 224,
+            width: compact ? 88 : 224,
         },
     },
 }));

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

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenButton.style.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpD,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,MAAM,EAAE,EAAE;IACV,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAChC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;QAChC,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;QACpD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;CACF,CAAC,CACH,CAAC"}
+{"version":3,"file":"SelectTokenButton.style.js","sourceRoot":"","sources":["../../../components/SelectTokenButton/SelectTokenButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpD,CAAC,CACA,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QAChC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,QAAQ,EAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QACxC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;QACzB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE;YAC7B,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;SAC1B;KACF;CACF,CAAC,CACH,CAAC"}

package/_esm/components/SmallAvatar.js

@@ -3,14 +3,14 @@ import { Avatar, Box, Skeleton } from '@mui/material';
 import { styled } from '@mui/material/styles';
 export const SmallAvatar = styled(Avatar)(({ theme }) => ({
     background: theme.palette.background.paper,
-    width: 16,
-    height: 16,
+    width: 20,
+    height: 20,
     border: `2px solid ${theme.palette.background.paper}`,
 }));
 export const SmallAvatarSkeletonBase = styled(Skeleton)(({ theme }) => ({
     border: `2px solid ${theme.palette.background.paper}`,
-    width: 16,
-    height: 16,
+    width: 20,
+    height: 20,
 }));
 export const SmallAvatarSkeletonContainer = styled(Box)(({ theme }) => ({
     background: theme.palette.background.paper,