@lifi/widget 3.7.0-beta.10 → 3.7.0-beta.11

package/dist/esm/components/Step/Step.jsx

@@ -0,0 +1,74 @@
+import { Box } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { Card } from '../../components/Card/Card.js';
+import { CardTitle } from '../../components/Card/CardTitle.js';
+import { StepActions } from '../../components/StepActions/StepActions.js';
+import { Token } from '../../components/Token/Token.js';
+import { useExplorer } from '../../hooks/useExplorer.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { DestinationWalletAddress } from './DestinationWalletAddress.js';
+import { StepProcess } from './StepProcess.js';
+import { StepTimer } from './StepTimer.js';
+export const Step = ({ step, fromToken, toToken, impactToken, toAddress }) => {
+    const { t } = useTranslation();
+    const { subvariant, subvariantOptions } = useWidgetConfig();
+    const { getAddressLink } = useExplorer();
+    const stepHasError = step.execution?.process.some((process) => process.status === 'FAILED');
+    const getCardTitle = () => {
+        switch (step.type) {
+            case 'lifi': {
+                const hasBridgeStep = step.includedSteps.some((step) => step.type === 'cross');
+                const hasSwapStep = step.includedSteps.some((step) => step.type === 'swap');
+                if (hasBridgeStep && hasSwapStep) {
+                    return subvariant === 'custom'
+                        ? subvariantOptions?.custom === 'deposit'
+                            ? t('main.stepBridgeAndDeposit')
+                            : t('main.stepBridgeAndBuy')
+                        : t('main.stepSwapAndBridge');
+                }
+                if (hasBridgeStep) {
+                    return subvariant === 'custom'
+                        ? subvariantOptions?.custom === 'deposit'
+                            ? t('main.stepBridgeAndDeposit')
+                            : t('main.stepBridgeAndBuy')
+                        : t('main.stepBridge');
+                }
+                return subvariant === 'custom'
+                    ? subvariantOptions?.custom === 'deposit'
+                        ? t('main.stepSwapAndDeposit')
+                        : t('main.stepSwapAndBuy')
+                    : t('main.stepSwap');
+            }
+            default:
+                return subvariant === 'custom'
+                    ? subvariantOptions?.custom === 'deposit'
+                        ? t('main.stepSwapAndDeposit')
+                        : t('main.stepSwapAndBuy')
+                    : t('main.stepSwap');
+        }
+    };
+    const formattedToAddress = shortenAddress(toAddress);
+    const toAddressLink = toAddress
+        ? getAddressLink(toAddress, step.action.toChainId)
+        : undefined;
+    return (<Card type={stepHasError ? 'error' : 'default'}>
+      <Box sx={{
+            display: 'flex',
+            flex: 1,
+        }}>
+        <CardTitle flex={1}>{getCardTitle()}</CardTitle>
+        <CardTitle sx={{ fontWeight: 600 }}>
+          <StepTimer step={step}/>
+        </CardTitle>
+      </Box>
+      <Box py={1}>
+        {fromToken ? <Token token={fromToken} px={2} py={1}/> : null}
+        <StepActions step={step} px={2} py={1} dense/>
+        {step.execution?.process.map((process, index) => (<StepProcess key={index} step={step} process={process}/>))}
+        {formattedToAddress && toAddressLink ? (<DestinationWalletAddress step={step} toAddress={formattedToAddress} toAddressLink={toAddressLink}/>) : null}
+        {toToken ? (<Token token={toToken} impactToken={impactToken} enableImpactTokenTooltip px={2} py={1}/>) : null}
+      </Box>
+    </Card>);
+};
+//# sourceMappingURL=Step.jsx.map

package/dist/esm/components/Step/Step.jsx.map

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

package/dist/esm/components/Step/StepList.d.ts

@@ -0,0 +1,3 @@
+import type { RouteExtended } from '@lifi/sdk';
+import type { WidgetSubvariant } from '../../types/widget.js';
+export declare const getStepList: (route?: RouteExtended, subvariant?: WidgetSubvariant) => import("react").JSX.Element[] | undefined;

package/dist/esm/components/Step/StepList.jsx

@@ -0,0 +1,36 @@
+import { Fragment } from 'react';
+import { StepDivider } from '../../components/StepDivider/StepDivider.js';
+import { Step } from './Step.js';
+export const getStepList = (route, subvariant) => route?.steps.map((step, index, steps) => {
+    const lastIndex = steps.length - 1;
+    const fromToken = index === 0
+        ? {
+            ...step.action.fromToken,
+            amount: BigInt(step.action.fromAmount),
+        }
+        : undefined;
+    let toToken;
+    let impactToken;
+    if (index === lastIndex) {
+        toToken = {
+            ...(step.execution?.toToken ?? step.action.toToken),
+            amount: step.execution?.toAmount
+                ? BigInt(step.execution.toAmount)
+                : subvariant === 'custom'
+                    ? BigInt(route.toAmount)
+                    : BigInt(step.estimate.toAmount),
+        };
+        impactToken = {
+            ...steps[0].action.fromToken,
+            amount: BigInt(steps[0].action.fromAmount),
+        };
+    }
+    const toAddress = index === lastIndex && route.fromAddress !== route.toAddress
+        ? route.toAddress
+        : undefined;
+    return (<Fragment key={step.id}>
+        <Step step={step} fromToken={fromToken} toToken={toToken} impactToken={impactToken} toAddress={toAddress}/>
+        {steps.length > 1 && index !== steps.length - 1 ? (<StepDivider />) : null}
+      </Fragment>);
+});
+//# sourceMappingURL=StepList.jsx.map

package/dist/esm/components/Step/StepList.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepList.jsx","sourceRoot":"","sources":["../../../../src/components/Step/StepList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAA;AAEzE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAAqB,EACrB,UAA6B,EAC7B,EAAE,CACF,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;IACtC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;IAClC,MAAM,SAAS,GACb,KAAK,KAAK,CAAC;QACT,CAAC,CAAC;YACE,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS;YACxB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;SACvC;QACH,CAAC,CAAC,SAAS,CAAA;IACf,IAAI,OAAgC,CAAA;IACpC,IAAI,WAAoC,CAAA;IACxC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,GAAG;YACR,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;YACnD,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ;gBAC9B,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;gBACjC,CAAC,CAAC,UAAU,KAAK,QAAQ;oBACvB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;oBACxB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;SACrC,CAAA;QACD,WAAW,GAAG;YACZ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS;YAC5B,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;SAC3C,CAAA;IACH,CAAC;IACD,MAAM,SAAS,GACb,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,SAAS;QAC1D,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,SAAS,CAAA;IACf,OAAO,CACL,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CACrB;QAAA,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,SAAS,CAAC,EAEvB;QAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChD,CAAC,WAAW,CAAC,AAAD,EAAG,CAChB,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,QAAQ,CAAC,CACZ,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/Step/StepProcess.d.ts

@@ -0,0 +1,5 @@
+import type { LiFiStep, Process } from '@lifi/sdk';
+export declare const StepProcess: React.FC<{
+    step: LiFiStep;
+    process: Process;
+}>;

package/dist/esm/components/Step/StepProcess.jsx

@@ -0,0 +1,36 @@
+import { OpenInNewRounded } from '@mui/icons-material';
+import { Box, Link, Typography } from '@mui/material';
+import { useExplorer } from '../../hooks/useExplorer.js';
+import { useProcessMessage } from '../../hooks/useProcessMessage.js';
+import { CardIconButton } from '../Card/CardIconButton.js';
+import { CircularProgress } from './CircularProgress.js';
+export const StepProcess = ({ step, process }) => {
+    const { title, message } = useProcessMessage(step, process);
+    const { getTransactionLink } = useExplorer();
+    return (<Box px={2} py={1}>
+      <Box sx={{
+            display: 'flex',
+            alignItems: 'center',
+        }}>
+        <CircularProgress process={process}/>
+        <Typography mx={2} flex={1} fontSize={14} fontWeight={process.error ? 600 : 400}>
+          {title}
+        </Typography>
+        {process.txHash || process.txLink ? (<CardIconButton size="small" LinkComponent={Link} href={process.txHash
+                ? getTransactionLink({
+                    txHash: process.txHash,
+                    chain: process.chainId,
+                })
+                : getTransactionLink({
+                    txLink: process.txLink,
+                    chain: process.chainId,
+                })} target="_blank" rel="nofollow noreferrer">
+            <OpenInNewRounded fontSize="inherit"/>
+          </CardIconButton>) : null}
+      </Box>
+      {message ? (<Typography ml={7} fontSize={14} fontWeight={500} color="text.secondary">
+          {message}
+        </Typography>) : null}
+    </Box>);
+};
+//# sourceMappingURL=StepProcess.jsx.map

package/dist/esm/components/Step/StepProcess.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepProcess.jsx","sourceRoot":"","sources":["../../../../src/components/Step/StepProcess.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAGnB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IAC3D,MAAM,EAAE,kBAAkB,EAAE,GAAG,WAAW,EAAE,CAAA;IAE5C,OAAO,CACL,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAChB;MAAA,CAAC,GAAG,CACF,EAAE,CAAC,CAAC;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB,CAAC,CAEF;QAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EACnC;QAAA,CAAC,UAAU,CACT,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,UAAU,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAEtC;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,UAAU,CACZ;QAAA,CAAC,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAClC,CAAC,cAAc,CACb,IAAI,CAAC,OAAO,CACZ,aAAa,CAAC,CAAC,IAAI,CAAC,CACpB,IAAI,CAAC,CACH,OAAO,CAAC,MAAM;gBACZ,CAAC,CAAC,kBAAkB,CAAC;oBACjB,MAAM,EAAE,OAAO,CAAC,MAAM;oBACtB,KAAK,EAAE,OAAO,CAAC,OAAO;iBACvB,CAAC;gBACJ,CAAC,CAAC,kBAAkB,CAAC;oBACjB,MAAM,EAAE,OAAO,CAAC,MAAO;oBACvB,KAAK,EAAE,OAAO,CAAC,OAAO;iBACvB,CACP,CAAC,CACD,MAAM,CAAC,QAAQ,CACf,GAAG,CAAC,qBAAqB,CAEzB;YAAA,CAAC,gBAAgB,CAAC,QAAQ,CAAC,SAAS,EACtC;UAAA,EAAE,cAAc,CAAC,CAClB,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,UAAU,CACT,EAAE,CAAC,CAAC,CAAC,CAAC,CACN,QAAQ,CAAC,CAAC,EAAE,CAAC,CACb,UAAU,CAAC,CAAC,GAAG,CAAC,CAChB,KAAK,CAAC,gBAAgB,CAEtB;UAAA,CAAC,OAAO,CACV;QAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Step/StepTimer.d.ts

@@ -0,0 +1,5 @@
+import type { LiFiStepExtended } from '@lifi/sdk';
+export declare const StepTimer: React.FC<{
+    step: LiFiStepExtended;
+    hideInProgress?: boolean;
+}>;

package/dist/esm/components/Step/StepTimer.jsx

@@ -0,0 +1,90 @@
+import { AccessTimeFilled } from '@mui/icons-material';
+import { Box, Tooltip } from '@mui/material';
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useTimer } from '../../hooks/timer/useTimer.js';
+import { IconTypography } from '../IconTypography.js';
+const getExecutionProcess = (step) => step.execution?.process.findLast((process) => process.type === 'SWAP' ||
+    process.type === 'CROSS_CHAIN' ||
+    process.type === 'RECEIVING_CHAIN');
+const getExpiryTimestamp = (step) => new Date((getExecutionProcess(step)?.startedAt ?? Date.now()) +
+    step.estimate.executionDuration * 1000);
+export const StepTimer = ({ step, hideInProgress }) => {
+    const { t, i18n } = useTranslation();
+    const [isExpired, setExpired] = useState(false);
+    const [isExecutionStarted, setExecutionStarted] = useState(() => !!getExecutionProcess(step));
+    const [expiryTimestamp, setExpiryTimestamp] = useState(() => getExpiryTimestamp(step));
+    const { seconds, minutes, isRunning, pause, resume, restart } = useTimer({
+        autoStart: false,
+        expiryTimestamp,
+        onExpire: () => setExpired(true),
+    });
+    useEffect(() => {
+        const executionProcess = getExecutionProcess(step);
+        if (!executionProcess) {
+            return;
+        }
+        const shouldRestart = executionProcess.status === 'FAILED';
+        const shouldPause = executionProcess.status === 'ACTION_REQUIRED';
+        const shouldStart = executionProcess.status === 'STARTED' ||
+            executionProcess.status === 'PENDING';
+        const shouldResume = executionProcess.status === 'PENDING';
+        if (isExecutionStarted && shouldRestart) {
+            setExecutionStarted(false);
+            setExpired(false);
+            return;
+        }
+        if (isExecutionStarted && isExpired) {
+            return;
+        }
+        if (!isExecutionStarted && shouldStart) {
+            const expiryTimestamp = getExpiryTimestamp(step);
+            setExecutionStarted(true);
+            setExpired(false);
+            setExpiryTimestamp(expiryTimestamp);
+            restart(expiryTimestamp);
+            return;
+        }
+        if (isRunning && shouldPause) {
+            pause();
+        }
+        else if (!isRunning && shouldResume) {
+            resume();
+        }
+    }, [isExecutionStarted, isExpired, isRunning, pause, restart, resume, step]);
+    if (!isExecutionStarted) {
+        const showSeconds = step.estimate.executionDuration < 60;
+        const duration = showSeconds
+            ? Math.floor(step.estimate.executionDuration)
+            : Math.floor(step.estimate.executionDuration / 60);
+        return (<Tooltip title={t('tooltip.estimatedTime')} sx={{ cursor: 'help' }}>
+        <Box component="span" display="flex" alignItems="center">
+          <IconTypography component="span" mr={0.5} fontSize={16}>
+            <AccessTimeFilled fontSize="inherit"/>
+          </IconTypography>
+          <Box component="span">
+            {duration.toLocaleString(i18n.language, {
+                style: 'unit',
+                unit: showSeconds ? 'second' : 'minute',
+                unitDisplay: 'narrow',
+            })}
+          </Box>
+        </Box>
+      </Tooltip>);
+    }
+    const isTimerExpired = isExpired || (!minutes && !seconds);
+    if (step.execution?.status === 'DONE' ||
+        step.execution?.status === 'FAILED' ||
+        (isTimerExpired && hideInProgress)) {
+        return null;
+    }
+    return isTimerExpired ? (t('main.inProgress')) : (<Tooltip title={t('tooltip.estimatedTime')} sx={{ cursor: 'help' }}>
+      <Box component="span" display="flex" alignItems="center">
+        <IconTypography component="span" mr={0.5} fontSize={16}>
+          <AccessTimeFilled fontSize="inherit"/>
+        </IconTypography>
+        <Box component="span" sx={{ fontVariantNumeric: 'tabular-nums', cursor: 'help' }}>{`${minutes}:${seconds < 10 ? `0${seconds}` : seconds}`}</Box>
+      </Box>
+    </Tooltip>);
+};
+//# sourceMappingURL=StepTimer.jsx.map

package/dist/esm/components/Step/StepTimer.jsx.map

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

package/dist/esm/components/StepActions/StepActions.d.ts

@@ -0,0 +1,11 @@
+import type { StepExtended } from '@lifi/sdk';
+import type { IncludedStepsProps, StepActionsProps, StepDetailsLabelProps } from './types.js';
+export declare const StepActions: React.FC<StepActionsProps>;
+export declare const IncludedSteps: React.FC<IncludedStepsProps>;
+export declare const StepDetailsContent: React.FC<{
+    step: StepExtended;
+}>;
+export declare const CustomStepDetailsLabel: React.FC<StepDetailsLabelProps>;
+export declare const BridgeStepDetailsLabel: React.FC<Omit<StepDetailsLabelProps, 'variant'>>;
+export declare const SwapStepDetailsLabel: React.FC<Omit<StepDetailsLabelProps, 'variant'>>;
+export declare const ProtocolStepDetailsLabel: React.FC<Omit<StepDetailsLabelProps, 'variant'>>;

package/dist/esm/components/StepActions/StepActions.jsx

@@ -0,0 +1,181 @@
+import { ArrowForward, ExpandLess, ExpandMore } from '@mui/icons-material';
+import { Badge, Box, Collapse, Step as MuiStep, Stepper, Typography, } from '@mui/material';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { formatUnits } from 'viem';
+import { useAvailableChains } from '../../hooks/useAvailableChains.js';
+import { LiFiToolLogo } from '../../icons/lifi.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { HiddenUI } from '../../types/widget.js';
+import { formatTokenAmount } from '../../utils/format.js';
+import { SmallAvatar } from '../Avatar/SmallAvatar.js';
+import { CardIconButton } from '../Card/CardIconButton.js';
+import { StepAvatar, StepConnector, StepContent, StepLabel, StepLabelTypography, } from './StepActions.style.js';
+import { StepFees } from './StepFees.js';
+export const StepActions = ({ step, dense, ...other }) => {
+    const { t } = useTranslation();
+    const { subvariant } = useWidgetConfig();
+    const [cardExpanded, setCardExpanded] = useState(false);
+    const handleExpand = (e) => {
+        e.stopPropagation();
+        setCardExpanded((expanded) => !expanded);
+    };
+    // FIXME: step transaction request overrides step tool details, but not included step tool details
+    const toolDetails = subvariant === 'custom'
+        ? step.includedSteps.find((step) => step.tool === 'custom' && step.toolDetails.key !== 'custom')?.toolDetails || step.toolDetails
+        : step.toolDetails;
+    return (<Box {...other}>
+      <Box display="flex" alignItems="center">
+        <Badge overlap="circular" anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }} badgeContent={<SmallAvatar src={LiFiToolLogo}/>}>
+          <StepAvatar variant="circular" src={toolDetails.logoURI ?? LiFiToolLogo} alt={toolDetails.name}>
+            {toolDetails.name[0]}
+          </StepAvatar>
+        </Badge>
+        <Box flex={1}>
+          <Typography fontSize={18} fontWeight={600} lineHeight={1.3334} ml={2}>
+            {toolDetails.name?.includes('LI.FI')
+            ? toolDetails.name
+            : t('main.stepDetails', {
+                tool: toolDetails.name,
+            })}
+          </Typography>
+          <StepFees ml={2} step={step}/>
+        </Box>
+        {dense ? (<CardIconButton onClick={handleExpand} size="small">
+            {cardExpanded ? (<ExpandLess fontSize="inherit"/>) : (<ExpandMore fontSize="inherit"/>)}
+          </CardIconButton>) : null}
+      </Box>
+      {dense ? (<Collapse timeout={225} in={cardExpanded} mountOnEnter unmountOnExit>
+          <IncludedSteps step={step}/>
+        </Collapse>) : (<IncludedSteps step={step}/>)}
+    </Box>);
+};
+export const IncludedSteps = ({ step }) => {
+    const { subvariant, subvariantOptions, feeConfig, hiddenUI } = useWidgetConfig();
+    let includedSteps = step.includedSteps;
+    if (hiddenUI?.includes(HiddenUI.IntegratorStepDetails)) {
+        const feeCollectionStep = includedSteps.find((step) => step.tool === 'feeCollection');
+        if (feeCollectionStep) {
+            includedSteps = structuredClone(includedSteps.filter((step) => step.tool !== 'feeCollection'));
+            includedSteps[0].estimate.fromAmount =
+                feeCollectionStep.estimate.fromAmount;
+        }
+    }
+    const StepIconComponent = ({ icon }) => {
+        const includedStep = includedSteps?.[Number(icon) - 1];
+        const feeCollectionStep = includedStep?.type === 'protocol' &&
+            includedStep?.tool === 'feeCollection';
+        const toolName = feeCollectionStep && feeConfig?.name
+            ? feeConfig?.name
+            : includedStep?.toolDetails.name;
+        const toolLogoURI = feeCollectionStep && feeConfig?.logoURI
+            ? feeConfig?.logoURI
+            : includedStep?.toolDetails.logoURI;
+        return toolLogoURI ? (<SmallAvatar src={toolLogoURI} alt={toolName} sx={{ width: 20, height: 20 }}>
+        {toolName?.[0]}
+      </SmallAvatar>) : null;
+    };
+    return (<Box mt={1}>
+      <Stepper orientation="vertical" connector={<StepConnector />} activeStep={-1}>
+        {includedSteps.map((step, i, includedSteps) => (<MuiStep key={step.id} expanded>
+            <StepLabel StepIconComponent={StepIconComponent}>
+              {step.type === 'custom' && subvariant === 'custom' ? (<CustomStepDetailsLabel step={step} subvariant={subvariant} subvariantOptions={subvariantOptions}/>) : step.type === 'cross' ? (<BridgeStepDetailsLabel step={step}/>) : step.type === 'protocol' ? (<ProtocolStepDetailsLabel step={step} feeConfig={feeConfig}/>) : (<SwapStepDetailsLabel step={step}/>)}
+            </StepLabel>
+            <StepContent last={i === includedSteps.length - 1}>
+              <StepDetailsContent step={step}/>
+            </StepContent>
+          </MuiStep>))}
+      </Stepper>
+    </Box>);
+};
+export const StepDetailsContent = ({ step }) => {
+    const { t } = useTranslation();
+    const sameTokenProtocolStep = step.action.fromToken.chainId === step.action.toToken.chainId &&
+        step.action.fromToken.address === step.action.toToken.address;
+    let fromAmount;
+    if (sameTokenProtocolStep) {
+        const estimatedFromAmount = BigInt(step.estimate.fromAmount) - BigInt(step.estimate.toAmount);
+        fromAmount =
+            estimatedFromAmount > 0n
+                ? formatUnits(estimatedFromAmount, step.action.fromToken.decimals)
+                : formatUnits(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals);
+    }
+    else {
+        fromAmount = formatTokenAmount(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals);
+    }
+    const showToAmount = step.type !== 'custom' && step.tool !== 'custom' && !sameTokenProtocolStep;
+    return (<Typography fontSize={12} lineHeight={1} fontWeight="500" color="text.secondary" alignItems="center" display="flex">
+      {!showToAmount ? (<>
+          {formatUnits(BigInt(step.estimate.fromAmount), step.action.fromToken.decimals)}{' '}
+          {step.action.fromToken.symbol}
+          {' - '}
+        </>) : null}
+      {t('format.number', {
+            value: fromAmount,
+        })}{' '}
+      {step.action.fromToken.symbol}
+      {showToAmount ? (<>
+          <ArrowForward sx={{ fontSize: 18, paddingX: 0.5, height: 12 }}/>
+          {t('format.number', {
+                value: formatTokenAmount(BigInt(step.execution?.toAmount ?? step.estimate.toAmount), step.execution?.toToken?.decimals ?? step.action.toToken.decimals),
+            })}{' '}
+          {step.execution?.toToken?.symbol ?? step.action.toToken.symbol}
+        </>) : (` (${t('format.currency', {
+            value: Number.parseFloat(fromAmount) *
+                Number.parseFloat(step.action.fromToken.priceUSD),
+        })})`)}
+    </Typography>);
+};
+export const CustomStepDetailsLabel = ({ step, subvariant, subvariantOptions, }) => {
+    const { t } = useTranslation();
+    if (!subvariant) {
+        return null;
+    }
+    // FIXME: step transaction request overrides step tool details, but not included step tool details
+    const toolDetails = subvariant === 'custom' &&
+        step.includedSteps?.length > 0
+        ? step.includedSteps.find((step) => step.tool === 'custom' && step.toolDetails.key !== 'custom')?.toolDetails || step.toolDetails
+        : step.toolDetails;
+    const stepDetailsKey = (subvariant === 'custom' && subvariantOptions?.custom) || 'checkout';
+    return (<StepLabelTypography>
+      {t(`main.${stepDetailsKey}StepDetails`, {
+            tool: toolDetails.name,
+        })}
+    </StepLabelTypography>);
+};
+export const BridgeStepDetailsLabel = ({ step }) => {
+    const { t } = useTranslation();
+    const { getChainById } = useAvailableChains();
+    return (<StepLabelTypography>
+      {t('main.bridgeStepDetails', {
+            from: getChainById(step.action.fromChainId)?.name,
+            to: getChainById(step.action.toChainId)?.name,
+            tool: step.toolDetails.name,
+        })}
+    </StepLabelTypography>);
+};
+export const SwapStepDetailsLabel = ({ step }) => {
+    const { t } = useTranslation();
+    const { getChainById } = useAvailableChains();
+    return (<StepLabelTypography>
+      {t('main.swapStepDetails', {
+            chain: getChainById(step.action.fromChainId)?.name,
+            tool: step.toolDetails.name,
+        })}
+    </StepLabelTypography>);
+};
+export const ProtocolStepDetailsLabel = ({ step, feeConfig }) => {
+    const { t } = useTranslation();
+    return (<StepLabelTypography>
+      {step.toolDetails.key === 'feeCollection'
+            ? feeConfig?.name
+                ? t('main.fees.integrator', { tool: feeConfig.name })
+                : t('main.fees.defaultIntegrator')
+            : step.toolDetails.key === 'lifuelProtocol'
+                ? t('main.refuelStepDetails', {
+                    tool: step.toolDetails.name,
+                })
+                : step.toolDetails.name}
+    </StepLabelTypography>);
+};
+//# sourceMappingURL=StepActions.jsx.map

package/dist/esm/components/StepActions/StepActions.jsx.map

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

package/dist/esm/components/StepActions/StepActions.style.d.ts

@@ -0,0 +1,13 @@
+export declare const StepConnector: import("@emotion/styled").StyledComponent<import("@mui/material").StepConnectorProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StepLabel: import("@emotion/styled").StyledComponent<import("@mui/material").StepLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StepLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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 StepContent: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    last: boolean;
+}, {}, {}>;
+export declare const StepAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "alt" | "src" | "sizes" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/StepActions/StepActions.style.jsx

@@ -0,0 +1,55 @@
+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(2.375),
+    [`.${stepConnectorClasses.line}`]: {
+        minHeight: 8,
+        borderLeftWidth: 2,
+        borderColor: theme.palette.mode === 'light'
+            ? alpha(theme.palette.common.black, 0.12)
+            : alpha(theme.palette.common.white, 0.16),
+    },
+}));
+export const StepLabel = styled(MuiStepLabel, {
+    shouldForwardProp: (prop) => !['active', 'completed', 'error', 'disabled'].includes(prop),
+})(({ theme }) => ({
+    padding: 0,
+    alignItems: 'center',
+    [`.${stepLabelClasses.iconContainer}`]: {
+        paddingLeft: theme.spacing(1.25),
+        paddingRight: theme.spacing(3.25),
+    },
+    [`.${stepLabelClasses.labelContainer}`]: {
+        minHeight: 24,
+        display: 'flex',
+        alignItems: 'center',
+    },
+    [`&.${stepLabelClasses.disabled}`]: {
+        cursor: 'inherit',
+    },
+}));
+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 StepContent = styled(Box, {
+    shouldForwardProp: (prop) => !['last'].includes(prop),
+})(({ theme, last }) => ({
+    borderLeft: last
+        ? 'none'
+        : `2px solid ${theme.palette.mode === 'light'
+            ? alpha(theme.palette.common.black, 0.12)
+            : alpha(theme.palette.common.white, 0.16)}`,
+    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',
+}));
+//# sourceMappingURL=StepActions.style.jsx.map

package/dist/esm/components/StepActions/StepActions.style.jsx.map

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

package/dist/esm/components/StepActions/StepFees.d.ts

@@ -0,0 +1,5 @@
+import type { LiFiStepExtended } from '@lifi/sdk';
+import type { TypographyProps } from '@mui/material';
+export declare const StepFees: React.FC<TypographyProps & {
+    step: LiFiStepExtended;
+}>;

package/dist/esm/components/StepActions/StepFees.jsx

@@ -0,0 +1,26 @@
+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 (<Typography fontSize={12} fontWeight="500" color="text.secondary" lineHeight={1.3334} {...other}>
+      {t('format.currency', { value: fees })}{' '}
+      {isDone ? t('main.fees.paid') : t('main.fees.estimated')}
+    </Typography>);
+};
+//# sourceMappingURL=StepFees.jsx.map