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

package/_esm/components/StepActions/StepActions.style.js

@@ -1,22 +1,9 @@
-import { Avatar, StepConnector as MuiStepConnector, StepContent as MuiStepContent, StepLabel as MuiStepLabel, } from '@mui/material';
-import { stepConnectorClasses } from '@mui/material/StepConnector';
-import { stepContentClasses } from '@mui/material/StepContent';
-import { stepLabelClasses } from '@mui/material/StepLabel';
-import { styled } from '@mui/material/styles';
-export const StepIcon = styled('span', {
-    shouldForwardProp: (prop) => !['active', 'completed', 'error'].includes(prop),
-})(({ theme }) => ({
-    width: 12,
-    height: 12,
-    borderRadius: '50%',
-    border: `2px solid ${theme.palette.mode === 'light'
-        ? theme.palette.grey[300]
-        : theme.palette.grey[800]}`,
-}));
+import { Box, StepConnector as MuiStepConnector, StepLabel as MuiStepLabel, Typography, alpha, stepConnectorClasses, stepLabelClasses, styled, } from '@mui/material';
+import { AvatarMasked } from '../Avatar/Avatar.style.js';
 export const StepConnector = styled(MuiStepConnector, {
     shouldForwardProp: (prop) => !['active', 'completed', 'error'].includes(prop),
 })(({ theme }) => ({
-    marginLeft: theme.spacing(1.875),
+    marginLeft: theme.spacing(2.375),
     [`.${stepConnectorClasses.line}`]: {
         minHeight: 8,
         borderLeftWidth: 2,
@@ -29,29 +16,46 @@ export const StepLabel = styled(MuiStepLabel, {
     shouldForwardProp: (prop) => !['active', 'completed', 'error', 'disabled'].includes(prop),
 })(({ theme }) => ({
     padding: 0,
+    alignItems: 'center',
     [`.${stepLabelClasses.iconContainer}`]: {
-        paddingLeft: theme.spacing(0.75),
-        paddingRight: theme.spacing(2.75),
+        paddingLeft: theme.spacing(1.25),
+        paddingRight: theme.spacing(3.25),
+    },
+    [`.${stepLabelClasses.labelContainer}`]: {
+        minHeight: 24,
+        display: 'flex',
+        alignItems: 'center',
     },
     [`&.${stepLabelClasses.disabled}`]: {
         cursor: 'inherit',
     },
 }));
-export const StepContent = styled(MuiStepContent, {
-    shouldForwardProp: (prop) => !['active', 'completed', 'error'].includes(prop),
-})(({ theme }) => ({
-    borderLeft: `2px solid ${theme.palette.mode === 'light'
-        ? theme.palette.grey[300]
-        : theme.palette.grey[800]}`,
-    marginLeft: theme.spacing(1.875),
-    paddingLeft: theme.spacing(3.875),
-    [`&.${stepContentClasses.last}`]: {
-        borderLeft: 'none',
-        paddingLeft: theme.spacing(4.1875),
-    },
+export const StepLabelTypography = styled(Typography)(({ theme }) => ({
+    fontSize: 12,
+    fontWeight: 500,
+    lineHeight: 1.325,
+    color: theme.palette.text.secondary,
+    padding: theme.spacing(0.5, 0),
 }));
-export const StepAvatar = styled(Avatar)(({ theme, variant }) => ({
+export const StepContent = styled(Box, {
+    shouldForwardProp: (prop) => !['last'].includes(prop),
+})(({ theme, last }) => ({
+    borderLeft: last
+        ? 'none'
+        : `2px solid ${theme.palette.mode === 'light'
+            ? theme.palette.grey[300]
+            : theme.palette.grey[800]}`,
+    margin: theme.spacing(0, 0, 0, 2.375),
+    paddingLeft: last ? theme.spacing(4.625) : theme.spacing(4.375),
+}));
+export const StepAvatar = styled(AvatarMasked)(({ theme }) => ({
     color: theme.palette.text.primary,
     backgroundColor: 'transparent',
 }));
+export const IconTypography = styled(Typography)(({ theme }) => ({
+    color: theme.palette.mode === 'light'
+        ? alpha(theme.palette.common.black, 0.32)
+        : alpha(theme.palette.common.white, 0.4),
+    lineHeight: 0,
+}));
 //# sourceMappingURL=StepActions.style.js.map

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { LiFiStepExtended } from '@lifi/sdk';
+export declare const StepFeeBreakdown: React.FC<{
+    step: LiFiStepExtended;
+}>;

package/_esm/components/StepActions/StepFeeBreakdown.js

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

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { LiFiStepExtended } from '@lifi/sdk';
+import type { TypographyProps } from '@mui/material';
+export declare const StepFees: React.FC<TypographyProps & {
+    step: LiFiStepExtended;
+}>;

package/_esm/components/StepActions/StepFees.js

@@ -0,0 +1,24 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { getStepFeeCostsBreakdown } from '../../utils/fees.js';
+export const StepFees = ({ step, ...other }) => {
+    const { t } = useTranslation();
+    const isDone = step.execution?.status === 'DONE';
+    const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts;
+    const feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts;
+    let fees = 0;
+    if (gasCosts) {
+        const { amountUSD } = getStepFeeCostsBreakdown(gasCosts);
+        fees += amountUSD;
+    }
+    if (feeCosts) {
+        const filteredfeeCosts = feeCosts?.filter((fee) => !fee.included);
+        if (filteredfeeCosts?.length) {
+            const { amountUSD } = getStepFeeCostsBreakdown(filteredfeeCosts);
+            fees += amountUSD;
+        }
+    }
+    return (_jsxs(Typography, { fontSize: 12, fontWeight: "500", color: "text.secondary", lineHeight: 1.3334, ...other, children: [t(`format.currency`, { value: fees }), ' ', isDone ? t('main.fees.paid') : t('main.fees.estimated')] }));
+};
+//# sourceMappingURL=StepFees.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepFees.js","sourceRoot":"","sources":["../../../components/StepActions/StepFees.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,CAAC,MAAM,QAAQ,GAIjB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;IACpE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;IACpE,IAAI,IAAI,GAAG,CAAC,CAAC;IAEb,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;QACzD,IAAI,IAAI,SAAS,CAAC;IACpB,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,gBAAgB,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAClE,IAAI,gBAAgB,EAAE,MAAM,EAAE,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,gBAAgB,CAAC,CAAC;YACjE,IAAI,IAAI,SAAS,CAAC;QACpB,CAAC;IACH,CAAC;IAED,OAAO,CACL,MAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,KAAK,EAChB,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,MAAM,KACd,KAAK,aAER,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAC1C,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAC7C,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,11 +1,17 @@
 import type { LiFiStep, Step } from '@lifi/sdk';
 import type { BoxProps } from '@mui/material';
-import type { WidgetSubvariant } from '../../types';
+import type { SubvariantOptions, WidgetSubvariant } from '../../types/widget.js';
 export interface StepActionsProps extends BoxProps {
     step: LiFiStep;
     dense?: boolean;
 }
 export interface StepDetailsLabelProps {
     step: Step;
-    subvariant?: Extract<WidgetSubvariant, 'nft'>;
+    subvariant?: Extract<WidgetSubvariant, 'custom'>;
+    subvariantOptions?: SubvariantOptions;
+}
+export interface IncludedStepsProps {
+    step: LiFiStep;
+    subvariant?: WidgetSubvariant;
+    subvariantOptions?: SubvariantOptions;
 }

package/_esm/components/StepDivider/StepDivider.d.ts

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

package/_esm/components/StepDivider/StepDivider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Divider } from '@mui/material';
-import { Container } from './StepDivider.style';
+import { Container } from './StepDivider.style.js';
 export const StepDivider = () => {
     return (_jsx(Container, { children: _jsx(Divider, { orientation: "vertical", flexItem: true }) }));
 };

package/_esm/components/StepDivider/StepDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepDivider.js","sourceRoot":"","sources":["../../../components/StepDivider/StepDivider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,OAAO,CACL,KAAC,SAAS,cACR,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,SAAG,GACjC,CACb,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"StepDivider.js","sourceRoot":"","sources":["../../../components/StepDivider/StepDivider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,OAAO,CACL,KAAC,SAAS,cACR,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,SAAG,GACjC,CACb,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+/// <reference types="react" resolution-mode="require"/>
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & 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;
 }, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/StepDivider/StepDivider.style.js

@@ -1,5 +1,4 @@
-import { Container as MuiContainer } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Container as MuiContainer, styled } from '@mui/material';
 export const Container = styled(MuiContainer)(({ theme }) => ({
     display: 'flex',
     alignItems: 'center',

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

@@ -1 +1 @@
-{"version":3,"file":"StepDivider.style.js","sourceRoot":"","sources":["../../../components/StepDivider/StepDivider.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC,CAAC"}
+{"version":3,"file":"StepDivider.style.js","sourceRoot":"","sources":["../../../components/StepDivider/StepDivider.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElE,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC,CAAC"}

package/_esm/components/Switch.js

@@ -1,6 +1,4 @@
-import { Switch as MuiSwitch } from '@mui/material';
-import { alpha, styled } from '@mui/material/styles';
-import { switchClasses } from '@mui/material/Switch';
+import { Switch as MuiSwitch, alpha, styled, switchClasses, } from '@mui/material';
 export const Switch = styled(MuiSwitch)(({ theme }) => ({
     width: 42,
     height: 24,

package/_esm/components/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../components/Switch.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,KAAK,EACL,MAAM,EACN,aAAa,GACd,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,CAAC,IAAI,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAC3B,kBAAkB,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ;QACvD,CAAC,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,SAAS,EAAE,kBAAkB;YAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YACjC,CAAC,QAAQ,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBAC/B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC3C,OAAO,EAAE,CAAC;gBACV,MAAM,EAAE,CAAC;aACV;YACD,CAAC,KAAK,aAAa,CAAC,QAAQ,OAAO,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBACzD,OAAO,EAAE,GAAG;aACb;SACF;QACD,CAAC,uBAAuB,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YACjC,MAAM,EAAE,WAAW;YACnB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SACxC;QACD,CAAC,KAAK,aAAa,CAAC,QAAQ,KAAK,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YACvD,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;gBAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;gBACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;SAC9C;QACD,CAAC,KAAK,aAAa,CAAC,QAAQ,OAAO,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YACzD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;SACpD;KACF;IACD,CAAC,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,CAAC,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,EAAE,GAAG,CAAC;QACpB,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;QAC7C,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,EAAE;YACzD,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ;SAC9C,CAAC;KACH;CACF,CAAC,CAAC,CAAC"}

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

@@ -1,9 +1,12 @@
-/// <reference types="react" />
-export declare const Tabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+/// <reference types="react" resolution-mode="require"/>
+export declare const Tabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & 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" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slotProps" | "slots" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const Tab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+}, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CardTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & 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" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "value" | "action" | "classes" | "variant" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Tab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & 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" | "label" | "style" | "className" | "tabIndex" | "disabled" | "value" | "action" | "classes" | "icon" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    component?: import("react").ElementType<any> | undefined;
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, {}, {}>;

package/_esm/components/Tabs/Tabs.style.js

@@ -1,36 +1,39 @@
-import { Tab as MuiTab, Tabs as MuiTabs, tabClasses, tabsClasses, } from '@mui/material';
-import { alpha, styled } from '@mui/material/styles';
-import { getCardFieldsetBackgroundColor } from '../../utils';
+import { Tab as MuiTab, Tabs as MuiTabs, alpha, styled, tabClasses, tabsClasses, } from '@mui/material';
 export const Tabs = styled(MuiTabs)(({ theme }) => ({
-    backgroundColor: getCardFieldsetBackgroundColor(theme),
-    borderRadius: Math.max(theme.shape.borderRadius, theme.shape.borderRadiusSecondary),
-    padding: theme.spacing(0.5),
     flex: 1,
     [`.${tabsClasses.indicator}`]: {
-        height: '100%',
-        width: '100%',
-        backgroundColor: theme.palette.mode === 'dark'
-            ? theme.palette.background.default
-            : theme.palette.common.white,
-        borderRadius: Math.max(theme.shape.borderRadius, theme.shape.borderRadiusSecondary) - 4,
-        boxShadow: `0px 2px 4px ${alpha(theme.palette.common.black, 0.04)}`,
+        top: theme.spacing(0.5),
+        left: theme.spacing(0.5),
+        height: `calc(100% - ${theme.spacing(1)})`,
+        width: `calc(100% - ${theme.spacing(1)})`,
+    },
+    [`.${tabsClasses.fixed}`]: {
+        padding: theme.spacing(0.5),
+    },
+}));
+export const CardTabs = styled(Tabs)(({ theme }) => ({
+    backgroundColor: theme.palette.mode === 'light'
+        ? alpha(theme.palette.common.black, 0.04)
+        : alpha(theme.palette.common.white, 0.08),
+    [`.${tabsClasses.indicator}`]: {
+        backgroundColor: theme.palette.mode === 'light'
+            ? theme.palette.background.paper
+            : alpha(theme.palette.common.black, 0.56),
     },
 }));
-export const Tab = styled(MuiTab, {
-    shouldForwardProp: (prop) => prop !== 'isDarkMode',
-})(({ theme }) => ({
+export const Tab = styled(MuiTab)(({ theme }) => ({
     zIndex: 1,
     flex: 1,
     textTransform: 'none',
     fontSize: '1rem',
     fontWeight: 700,
-    color: theme.palette.mode === 'dark'
-        ? theme.palette.common.white
-        : theme.palette.common.black,
+    color: theme.palette.mode === 'light'
+        ? theme.palette.common.black
+        : theme.palette.common.white,
     [`&.${tabClasses.selected}`]: {
-        color: theme.palette.mode === 'dark'
-            ? theme.palette.common.white
-            : theme.palette.common.black,
+        color: theme.palette.mode === 'light'
+            ? theme.palette.common.black
+            : theme.palette.common.white,
     },
 }));
 //# sourceMappingURL=Tabs.style.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.style.js","sourceRoot":"","sources":["../../../components/Tabs/Tabs.style.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,GAAG,IAAI,MAAM,EACb,IAAI,IAAI,OAAO,EACf,UAAU,EACV,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,eAAe,EAAE,8BAA8B,CAAC,KAAK,CAAC;IACtD,YAAY,EAAE,IAAI,CAAC,GAAG,CACpB,KAAK,CAAC,KAAK,CAAC,YAAY,EACxB,KAAK,CAAC,KAAK,CAAC,qBAAqB,CAClC;IACD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC3B,IAAI,EAAE,CAAC;IACP,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC,EAAE;QAC7B,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;YAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;YAClC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAChC,YAAY,EACV,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC;QAC3E,SAAS,EAAE,eAAe,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;KACpE;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE;IAChC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,YAAY;CACnD,CAAC,CAAW,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3B,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;QAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IAChC,CAAC,KAAK,UAAU,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC5B,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;YAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KACjC;CACF,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Tabs.style.js","sourceRoot":"","sources":["../../../components/Tabs/Tabs.style.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,GAAG,IAAI,MAAM,EACb,IAAI,IAAI,OAAO,EACf,KAAK,EACL,MAAM,EACN,UAAU,EACV,WAAW,GACZ,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,IAAI,EAAE,CAAC;IACP,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC,EAAE;QAC7B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACvB,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACxB,MAAM,EAAE,eAAe,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAC1C,KAAK,EAAE,eAAe,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;KAC1C;IACD,CAAC,IAAI,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE;QACzB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KAC5B;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,eAAe,EACb,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,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC,EAAE;QAC7B,eAAe,EACb,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;YAChC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;KAC9C;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,CAAW,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IAChC,CAAC,KAAK,UAAU,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC5B,KAAK,EACH,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KACjC;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/TextFitter/TextFitter.d.ts

@@ -1,3 +1,3 @@
 import type { PropsWithChildren } from 'react';
-import type { TextFitterProps } from './types';
+import type { TextFitterProps } from './types.js';
 export declare const TextFitter: React.FC<PropsWithChildren<TextFitterProps>>;

package/_esm/components/TextFitter/TextFitter.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from '@mui/material/styles';
+import { useTheme } from '@mui/material';
 import { useCallback, useLayoutEffect, useRef, useState } from 'react';
 import { useInView } from 'react-intersection-observer';
 const initialState = {

package/_esm/components/TextFitter/TextFitter.js.map

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

package/_esm/components/ToAddressRequiredMessage.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { Route } from '@lifi/sdk';
+import type { BoxProps } from '@mui/material';
+interface ToAddressRequiredMessageProps extends BoxProps {
+    route?: Route;
+}
+export declare const ToAddressRequiredMessage: React.FC<ToAddressRequiredMessageProps>;
+export {};

package/_esm/components/ToAddressRequiredMessage.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Wallet } from '@mui/icons-material';
+import { Box, Collapse, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { useToAddressRequirements } from '../hooks/useToAddressRequirements.js';
+import { useFieldValues } from '../stores/form/useFieldValues.js';
+import { AlertMessage } from './AlertMessage/AlertMessage.js';
+export const ToAddressRequiredMessage = ({ route, ...props }) => {
+    const { t } = useTranslation();
+    const [toAddress] = useFieldValues('toAddress');
+    const { requiredToAddress } = useToAddressRequirements();
+    const showMessage = route && requiredToAddress && !toAddress;
+    return (_jsx(Collapse, { timeout: 225, in: showMessage, unmountOnExit: true, mountOnEnter: true, children: _jsx(Box, { ...props, children: _jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", px: 1, color: "text.primary", children: t('info.message.toAddressIsRequired') }), icon: _jsx(Wallet, {}), multilineTitle: true }) }) }));
+};
+//# sourceMappingURL=ToAddressRequiredMessage.js.map

package/_esm/components/ToAddressRequiredMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToAddressRequiredMessage.js","sourceRoot":"","sources":["../../components/ToAddressRequiredMessage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAM9D,MAAM,CAAC,MAAM,wBAAwB,GAEjC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,SAAS,CAAC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;IAChD,MAAM,EAAE,iBAAiB,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAEzD,MAAM,WAAW,GAAG,KAAK,IAAI,iBAAiB,IAAI,CAAC,SAAS,CAAC;IAE7D,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,aAAa,QAAC,YAAY,kBACjE,KAAC,GAAG,OAAK,KAAK,YACZ,KAAC,YAAY,IACX,KAAK,EACH,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAC,cAAc,YACpD,CAAC,CAAC,kCAAkC,CAAC,GAC3B,EAEf,IAAI,EAAE,KAAC,MAAM,KAAG,EAChB,cAAc,SACd,GACE,GACG,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/Token/Token.d.ts

@@ -1,14 +1,15 @@
-/// <reference types="react" />
 import type { LiFiStep, TokenAmount } from '@lifi/sdk';
 import type { BoxProps } from '@mui/material';
+import type { FC } from 'react';
 interface TokenProps {
     token: TokenAmount;
-    connected?: boolean;
     step?: LiFiStep;
+    stepVisible?: boolean;
     disableDescription?: boolean;
     isLoading?: boolean;
 }
-export declare const Token: React.FC<TokenProps & BoxProps>;
-export declare const TokenFallback: React.FC<TokenProps & BoxProps>;
-export declare const TokenBase: React.FC<TokenProps & BoxProps>;
+export declare const Token: FC<TokenProps & BoxProps>;
+export declare const TokenFallback: FC<TokenProps & BoxProps>;
+export declare const TokenBase: FC<TokenProps & BoxProps>;
+export declare const TokenSkeleton: FC<Partial<TokenProps> & BoxProps>;
 export {};

package/_esm/components/Token/Token.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Skeleton } from '@mui/material';
+import { Box, Grow, Skeleton } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import { useChain, useToken } from '../../hooks';
-import { formatTokenAmount, formatTokenPrice } from '../../utils';
-import { SmallAvatar } from '../SmallAvatar';
-import { TextFitter } from '../TextFitter';
-import { TokenAvatar } from '../TokenAvatar';
-import { TextSecondary, TextSecondaryContainer } from './Token.style';
+import { useChain } from '../../hooks/useChain.js';
+import { useToken } from '../../hooks/useToken.js';
+import { formatTokenAmount, formatTokenPrice } from '../../utils/format.js';
+import { AvatarBadgedSkeleton } from '../Avatar/Avatar.js';
+import { TokenAvatar } from '../Avatar/TokenAvatar.js';
+import { SmallAvatar } from '../SmallAvatar.js';
+import { TextFitter } from '../TextFitter/TextFitter.js';
+import { TextSecondary, TextSecondaryContainer } from './Token.style.js';
 export const Token = ({ token, ...other }) => {
     if (!token.priceUSD || !token.logoURI) {
         return _jsx(TokenFallback, { token: token, ...other });
@@ -17,23 +19,34 @@ export const TokenFallback = ({ token, isLoading, ...other }) => {
     const { token: chainToken, isLoading: isLoadingToken } = useToken(token.chainId, token.address);
     return (_jsx(TokenBase, { token: { ...token, ...chainToken }, isLoading: isLoading || isLoadingToken, ...other }));
 };
-export const TokenBase = ({ token, connected, step, disableDescription, isLoading, ...other }) => {
+export const TokenBase = ({ token, step, stepVisible, disableDescription, isLoading, ...other }) => {
     const { t } = useTranslation();
     const { chain } = useChain(token?.chainId);
+    if (isLoading) {
+        return (_jsx(TokenSkeleton, { token: token, step: step, disableDescription: disableDescription, ...other }));
+    }
     const formattedTokenAmount = formatTokenAmount(token.amount, token.decimals);
     const formattedTokenPrice = formatTokenPrice(formattedTokenAmount, token.priceUSD);
-    return (_jsxs(Box, { flex: 1, ...other, children: [_jsxs(Box, { display: "flex", flex: 1, alignItems: "center", children: [_jsx(TokenAvatar, { token: token, chain: chain, isLoading: isLoading, sx: { marginRight: 2 } }), isLoading ? (_jsx(Skeleton, { width: 112, height: 32, variant: "text" })) : (_jsx(TextFitter, { height: 30, textStyle: {
-                            fontWeight: 700,
-                        }, children: t('format.number', {
-                            value: formattedTokenAmount,
-                        }) }))] }), _jsxs(TextSecondaryContainer, { connected: connected, component: "span", children: [isLoading ? (_jsx(Skeleton, { width: 48, height: 12, variant: "rounded", sx: { marginTop: 0.5 } })) : (_jsx(TextSecondary, { connected: connected, children: t(`format.currency`, {
-                            value: formattedTokenPrice,
-                        }) })), !disableDescription ? (_jsx(TextSecondary, { connected: connected, px: 0.5, dot: true, children: "\u2022" })) : null, !step && !disableDescription ? (isLoading ? (_jsx(Skeleton, { width: 96, height: 12, variant: "rounded", sx: { marginTop: 0.5 } })) : (_jsx(TextSecondary, { connected: connected, children: t(`main.tokenOnChain`, {
-                            tokenSymbol: token.symbol,
-                            chainName: chain?.name,
-                        }) }))) : null, step ? (_jsxs(Box, { display: "flex", alignItems: "flex-end", height: 12, mt: 0.5, children: [_jsx(Box, { pr: 0.75, children: _jsx(SmallAvatar, { src: step.toolDetails.logoURI, alt: step.toolDetails.name, sx: {
-                                        border: 0,
-                                        marginBottom: -0.25,
-                                    }, children: step.toolDetails.name[0] }) }), _jsx(TextSecondary, { connected: true, children: step.toolDetails.name })] })) : null] })] }));
+    const tokenOnChain = !disableDescription ? (_jsx(TextSecondary, { children: t(`main.tokenOnChain`, {
+            tokenSymbol: token.symbol,
+            chainName: chain?.name,
+        }) })) : null;
+    return (_jsxs(Box, { flex: 1, display: "flex", alignItems: "center", ...other, children: [_jsx(TokenAvatar, { token: token, chain: chain, isLoading: isLoading, sx: { marginRight: 2 } }), _jsxs(Box, { flex: 1, children: [_jsx(Box, { mb: 0.5, height: 24, display: "flex", alignItems: "center", children: _jsx(TextFitter, { height: 30, textStyle: {
+                                fontWeight: 700,
+                            }, children: t('format.number', {
+                                value: formattedTokenAmount,
+                            }) }) }), _jsxs(TextSecondaryContainer, { component: "span", children: [_jsx(TextSecondary, { children: t(`format.currency`, {
+                                    value: formattedTokenPrice,
+                                }) }), !disableDescription ? (_jsx(TextSecondary, { px: 0.5, dot: true, children: "\u2022" })) : null, step ? (_jsx(TokenStep, { step: step, stepVisible: stepVisible, disableDescription: disableDescription, children: tokenOnChain })) : (tokenOnChain)] })] })] }));
+};
+const TokenStep = ({ step, stepVisible, disableDescription, children, }) => {
+    return (_jsxs(Box, { flex: 1, position: "relative", overflow: "hidden", height: 16, children: [_jsx(Grow, { in: !stepVisible && !disableDescription, style: {
+                    position: 'absolute',
+                }, appear: false, timeout: 225, children: _jsx(Box, { display: "flex", alignItems: "center", height: 16, children: children }) }), _jsx(Grow, { in: stepVisible, style: {
+                    position: 'absolute',
+                }, appear: false, timeout: 225, children: _jsxs(Box, { display: "flex", alignItems: "center", height: 16, children: [_jsx(Box, { mr: 0.75, height: 16, children: _jsx(SmallAvatar, { src: step?.toolDetails.logoURI, alt: step?.toolDetails.name, children: step?.toolDetails.name[0] }) }), _jsx(TextSecondary, { children: step?.toolDetails.name })] }) })] }));
+};
+export const TokenSkeleton = ({ step, disableDescription, ...other }) => {
+    return (_jsx(Box, { flex: 1, ...other, children: _jsxs(Box, { display: "flex", flex: 1, alignItems: "center", children: [_jsx(AvatarBadgedSkeleton, { sx: { marginRight: 2 } }), _jsxs(Box, { flex: 1, children: [_jsx(Skeleton, { width: 112, height: 24, variant: "text" }), _jsxs(TextSecondaryContainer, { component: "span", children: [_jsx(Skeleton, { width: 48, height: 12, variant: "rounded", sx: { marginTop: 0.5 } }), !step && !disableDescription ? (_jsx(Skeleton, { width: 96, height: 12, variant: "rounded", sx: { marginTop: 0.5, marginLeft: 1.5 } })) : null] })] })] }) }));
 };
 //# sourceMappingURL=Token.js.map

package/_esm/components/Token/Token.js.map

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