@lifi/widget 3.2.2 → 3.4.0-beta.0

package/_esm/utils/converters.js.map

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

package/_esm/utils/fees.d.ts

@@ -4,6 +4,13 @@ export interface FeesBreakdown {
     amountUSD: number;
     token: Token;
 }
+export declare const getAccumulatedFeeCostsBreakdown: (route: RouteExtended, included?: boolean) => {
+    gasCosts: FeesBreakdown[];
+    feeCosts: FeesBreakdown[];
+    gasCostUSD: number;
+    feeCostUSD: number;
+    combinedFeesUSD: number;
+};
 export declare const getGasCostsBreakdown: (route: RouteExtended) => FeesBreakdown[];
 export declare const getFeeCostsBreakdown: (route: RouteExtended, included?: boolean) => FeesBreakdown[];
 export declare const getStepFeeCostsBreakdown: (feeCosts: FeeCost[] | GasCost[]) => FeesBreakdown;

package/_esm/utils/fees.js

@@ -1,4 +1,18 @@
 import { formatUnits } from 'viem';
+export const getAccumulatedFeeCostsBreakdown = (route, included = false) => {
+    const gasCosts = getGasCostsBreakdown(route);
+    const feeCosts = getFeeCostsBreakdown(route, included);
+    const gasCostUSD = gasCosts.reduce((sum, gasCost) => sum + gasCost.amountUSD, 0);
+    const feeCostUSD = feeCosts.reduce((sum, feeCost) => sum + feeCost.amountUSD, 0);
+    const combinedFeesUSD = gasCostUSD + feeCostUSD;
+    return {
+        gasCosts,
+        feeCosts,
+        gasCostUSD,
+        feeCostUSD,
+        combinedFeesUSD,
+    };
+};
 export const getGasCostsBreakdown = (route) => {
     return Array.from(route.steps
         .reduce((groupedGasCosts, step) => {

package/_esm/utils/fees.js.map

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

package/components/ActiveTransactions/ActiveTransactionItem.tsx

@@ -41,7 +41,7 @@ export const ActiveTransactionItem: React.FC<{
         return <ErrorRounded color="error" fontSize="small" />;
       default:
         return (
-          <Typography fontSize={14} fontWeight={500}>
+          <Typography fontSize={14} fontWeight={600}>
             <StepTimer step={lastActiveStep} hideInProgress />
           </Typography>
         );

package/components/Card/CardIconButton.tsx

@@ -1,7 +1,10 @@
+import type { IconButtonProps, LinkProps } from '@mui/material';
 import { IconButton as MuiIconButton, styled } from '@mui/material';
 import { getContrastAlphaColor } from '../../utils/colors.js';
 
-export const CardIconButton = styled(MuiIconButton)(({ theme }) => {
+export const CardIconButton = styled(MuiIconButton)<
+  IconButtonProps & Pick<LinkProps, 'href' | 'target' | 'rel'>
+>(({ theme }) => {
   return {
     padding: theme.spacing(0.5),
     backgroundColor: getContrastAlphaColor(theme, 0.04),

package/components/FeeBreakdownTooltip.tsx

@@ -1,42 +1,36 @@
-import type { Route } from '@lifi/sdk';
 import { Box, Tooltip, Typography } from '@mui/material';
 import type { TFunction } from 'i18next';
 import type { ReactElement } from 'react';
 import { useTranslation } from 'react-i18next';
 import { formatUnits } from 'viem';
 import type { FeesBreakdown } from '../utils/fees.js';
-import { getFeeCostsBreakdown, getGasCostsBreakdown } from '../utils/fees.js';
 
 export interface FeeBreakdownTooltipProps {
-  route: Route;
   gasCosts?: FeesBreakdown[];
   feeCosts?: FeesBreakdown[];
   children: ReactElement<any, any>;
 }
 
 export const FeeBreakdownTooltip: React.FC<FeeBreakdownTooltipProps> = ({
-  route,
   gasCosts,
   feeCosts,
   children,
 }) => {
   const { t } = useTranslation();
-  const _gasCosts = gasCosts ?? getGasCostsBreakdown(route);
-  const _feeCosts = feeCosts ?? getFeeCostsBreakdown(route, false);
   return (
     <Tooltip
       title={
         <Box>
-          {_gasCosts.length ? (
+          {gasCosts?.length ? (
             <Box>
               {t('main.fees.network')}
-              {getFeeBreakdownTypography(_gasCosts, t)}
+              {getFeeBreakdownTypography(gasCosts, t)}
             </Box>
           ) : null}
-          {_feeCosts.length ? (
+          {feeCosts?.length ? (
             <Box mt={0.5}>
               {t('main.fees.provider')}
-              {getFeeBreakdownTypography(_feeCosts, t)}
+              {getFeeBreakdownTypography(feeCosts, t)}
             </Box>
           ) : null}
         </Box>

package/components/IconTypography.ts

@@ -1,6 +1,6 @@
-import { Typography, alpha, styled } from '@mui/material';
+import { alpha, Box, styled } from '@mui/material';
 
-export const IconTypography = styled(Typography)(({ theme }) => ({
+export const IconTypography = styled(Box)(({ theme }) => ({
   color:
     theme.palette.mode === 'light'
       ? alpha(theme.palette.common.black, 0.32)

package/components/RouteCard/RouteCardEssentials.tsx

@@ -1,7 +1,7 @@
 import { AccessTimeFilled, LocalGasStationRounded } from '@mui/icons-material';
 import { Box, Tooltip, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
-import { getFeeCostsBreakdown } from '../../utils/fees.js';
+import { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js';
 import { FeeBreakdownTooltip } from '../FeeBreakdownTooltip.js';
 import { IconTypography } from '../IconTypography.js';
 import { TokenRate } from '../TokenRate/TokenRate.js';
@@ -11,15 +11,15 @@ export const RouteCardEssentials: React.FC<RouteCardEssentialsProps> = ({
   route,
 }) => {
   const { t, i18n } = useTranslation();
-  const executionTimeMinutes = Math.ceil(
-    route.steps
-      .map((step) => step.estimate.executionDuration)
-      .reduce((duration, x) => duration + x, 0) / 60,
+  const executionTimeSeconds = Math.floor(
+    route.steps.reduce(
+      (duration, step) => duration + step.estimate.executionDuration,
+      0,
+    ),
   );
-  const gasCostUSD = parseFloat(route.gasCostUSD || '0');
-  const feeCosts = getFeeCostsBreakdown(route, false);
-  const fees =
-    gasCostUSD + feeCosts.reduce((sum, feeCost) => sum + feeCost.amountUSD, 0);
+  const executionTimeMinutes = Math.floor(executionTimeSeconds / 60);
+  const { gasCosts, feeCosts, combinedFeesUSD } =
+    getAccumulatedFeeCostsBreakdown(route);
   return (
     <Box
       display="flex"
@@ -30,7 +30,7 @@ export const RouteCardEssentials: React.FC<RouteCardEssentialsProps> = ({
     >
       <TokenRate route={route} />
       <Box display="flex" alignItems="center">
-        <FeeBreakdownTooltip route={route} feeCosts={feeCosts}>
+        <FeeBreakdownTooltip gasCosts={gasCosts} feeCosts={feeCosts}>
           <Box display="flex" mr={1.5} alignItems="center">
             <IconTypography mr={0.5} fontSize={16}>
               <LocalGasStationRounded fontSize="inherit" />
@@ -38,11 +38,12 @@ export const RouteCardEssentials: React.FC<RouteCardEssentialsProps> = ({
             <Typography
               fontSize={14}
               color="text.primary"
-              fontWeight="500"
+              fontWeight={600}
               lineHeight={1}
+              data-value={combinedFeesUSD}
             >
               {t(`format.currency`, {
-                value: fees,
+                value: combinedFeesUSD,
               })}
             </Typography>
           </Box>
@@ -55,12 +56,15 @@ export const RouteCardEssentials: React.FC<RouteCardEssentialsProps> = ({
             <Typography
               fontSize={14}
               color="text.primary"
-              fontWeight="500"
+              fontWeight={600}
               lineHeight={1}
             >
-              {executionTimeMinutes.toLocaleString(i18n.language, {
+              {(executionTimeSeconds < 60
+                ? executionTimeSeconds
+                : executionTimeMinutes
+              ).toLocaleString(i18n.language, {
                 style: 'unit',
-                unit: 'minute',
+                unit: executionTimeSeconds < 60 ? 'second' : 'minute',
                 unitDisplay: 'narrow',
               })}
             </Typography>

package/components/Step/DestinationWalletAddress.tsx

@@ -2,8 +2,8 @@ import type { LiFiStepExtended } from '@lifi/sdk';
 import { LinkRounded, Wallet } from '@mui/icons-material';
 import { Box, Link, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
+import { CardIconButton } from '../Card/CardIconButton.js';
 import { CircularIcon } from './CircularProgress.style.js';
-import { LinkButton } from './StepProcess.style.js';
 
 export const DestinationWalletAddress: React.FC<{
   step: LiFiStepExtended;
@@ -38,7 +38,7 @@ export const DestinationWalletAddress: React.FC<{
                 address: toAddress,
               })}
         </Typography>
-        <LinkButton
+        <CardIconButton
           size="medium"
           LinkComponent={Link}
           href={toAddressLink}
@@ -46,7 +46,7 @@ export const DestinationWalletAddress: React.FC<{
           rel="nofollow noreferrer"
         >
           <LinkRounded />
-        </LinkButton>
+        </CardIconButton>
       </Box>
     </Box>
   );

package/components/Step/Step.tsx

@@ -73,7 +73,7 @@ export const Step: React.FC<{
         }}
       >
         <CardTitle flex={1}>{getCardTitle()}</CardTitle>
-        <CardTitle sx={{ fontWeight: 500 }}>
+        <CardTitle sx={{ fontWeight: 600 }}>
           <StepTimer step={step} />
         </CardTitle>
       </Box>

package/components/Step/StepProcess.tsx

@@ -1,9 +1,9 @@
 import type { LiFiStep, Process } from '@lifi/sdk';
-import { LinkRounded } from '@mui/icons-material';
+import { OpenInNewRounded } from '@mui/icons-material';
 import { Box, Link, Typography } from '@mui/material';
 import { useProcessMessage } from '../../hooks/useProcessMessage.js';
+import { CardIconButton } from '../Card/CardIconButton.js';
 import { CircularProgress } from './CircularProgress.js';
-import { LinkButton } from './StepProcess.style.js';
 
 export const StepProcess: React.FC<{
   step: LiFiStep;
@@ -28,15 +28,15 @@ export const StepProcess: React.FC<{
           {title}
         </Typography>
         {process.txLink ? (
-          <LinkButton
-            size="medium"
+          <CardIconButton
+            size="small"
             LinkComponent={Link}
             href={process.txLink}
             target="_blank"
             rel="nofollow noreferrer"
           >
-            <LinkRounded />
-          </LinkButton>
+            <OpenInNewRounded fontSize="inherit" />
+          </CardIconButton>
         ) : null}
       </Box>
       {message ? (

package/components/Step/StepTimer.tsx

@@ -1,11 +1,22 @@
 import type { LiFiStepExtended } from '@lifi/sdk';
+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: LiFiStepExtended) =>
+  step.execution?.process.findLast(
+    (process) =>
+      process.type === 'SWAP' ||
+      process.type === 'CROSS_CHAIN' ||
+      process.type === 'RECEIVING_CHAIN',
+  );
 
 const getExpiryTimestamp = (step: LiFiStepExtended) =>
   new Date(
-    (step.execution?.process[0]?.startedAt ?? Date.now()) +
+    (getExecutionProcess(step)?.startedAt ?? Date.now()) +
       step.estimate.executionDuration * 1000,
   );
 
@@ -15,8 +26,12 @@ export const StepTimer: React.FC<{
 }> = ({ step, hideInProgress }) => {
   const { t, i18n } = useTranslation();
   const [isExpired, setExpired] = useState(false);
-  const [isExecutionStarted, setExecutionStarted] = useState(!!step.execution);
-  const [expiryTimestamp] = useState(() => getExpiryTimestamp(step));
+  const [isExecutionStarted, setExecutionStarted] = useState(
+    () => !!getExecutionProcess(step),
+  );
+  const [expiryTimestamp, setExpiryTimestamp] = useState(() =>
+    getExpiryTimestamp(step),
+  );
   const { seconds, minutes, isRunning, pause, resume, restart } = useTimer({
     autoStart: false,
     expiryTimestamp,
@@ -24,41 +39,59 @@ export const StepTimer: React.FC<{
   });
 
   useEffect(() => {
-    if (isExpired || !step.execution) {
+    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) {
+    if (isExecutionStarted && isExpired) {
+      return;
+    }
+    if (!isExecutionStarted && shouldStart) {
+      const expiryTimestamp = getExpiryTimestamp(step);
       setExecutionStarted(true);
-      restart(getExpiryTimestamp(step));
+      setExpired(false);
+      setExpiryTimestamp(expiryTimestamp);
+      restart(expiryTimestamp);
+      return;
     }
-    const shouldBePaused = step.execution.process.some(
-      (process) =>
-        process.status === 'ACTION_REQUIRED' || process.status === 'FAILED',
-    );
-    if (isRunning && shouldBePaused) {
+    if (isRunning && shouldPause) {
       pause();
-    } else if (!isRunning && !shouldBePaused) {
+    } else if (!isRunning && shouldResume) {
       resume();
     }
-  }, [
-    expiryTimestamp,
-    isExecutionStarted,
-    isExpired,
-    isRunning,
-    pause,
-    restart,
-    resume,
-    step,
-  ]);
+  }, [isExecutionStarted, isExpired, isRunning, pause, restart, resume, step]);
 
   if (!isExecutionStarted) {
-    return Math.ceil(step.estimate.executionDuration / 60).toLocaleString(
-      i18n.language,
-      {
-        style: 'unit',
-        unit: 'minute',
-        unitDisplay: 'narrow',
-      },
+    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>
     );
   }
 
@@ -72,7 +105,19 @@ export const StepTimer: React.FC<{
     return null;
   }
 
-  return isTimerExpired
-    ? t('main.inProgress')
-    : `${minutes}:${seconds < 10 ? `0${seconds}` : seconds}`;
+  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>
+  );
 };

package/components/StepActions/StepActions.style.tsx

@@ -71,11 +71,3 @@ 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,
-}));

package/components/StepActions/StepActions.tsx

@@ -16,6 +16,7 @@ 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 { CardIconButton } from '../Card/CardIconButton.js';
 import { SmallAvatar } from '../SmallAvatar.js';
@@ -39,7 +40,7 @@ export const StepActions: React.FC<StepActionsProps> = ({
   ...other
 }) => {
   const { t } = useTranslation();
-  const { subvariant, subvariantOptions } = useWidgetConfig();
+  const { subvariant } = useWidgetConfig();
   const [cardExpanded, setCardExpanded] = useState(false);
 
   const handleExpand: MouseEventHandler<HTMLButtonElement> = (e) => {
@@ -93,41 +94,53 @@ export const StepActions: React.FC<StepActionsProps> = ({
       </Box>
       {dense ? (
         <Collapse timeout={225} in={cardExpanded} mountOnEnter unmountOnExit>
-          <IncludedSteps
-            step={step}
-            subvariant={subvariant}
-            subvariantOptions={subvariantOptions}
-          />
+          <IncludedSteps step={step} />
         </Collapse>
       ) : (
-        <IncludedSteps
-          step={step}
-          subvariant={subvariant}
-          subvariantOptions={subvariantOptions}
-        />
+        <IncludedSteps step={step} />
       )}
     </Box>
   );
 };
 
-export const IncludedSteps: React.FC<IncludedStepsProps> = ({
-  step,
-  subvariant,
-  subvariantOptions,
-}) => {
+export const IncludedSteps: React.FC<IncludedStepsProps> = ({ step }) => {
+  const { subvariant, subvariantOptions, feeTool, hiddenUI } =
+    useWidgetConfig();
+
+  let includedSteps = step.includedSteps;
+  if (hiddenUI?.includes(HiddenUI.FeeCollectionStepDetails)) {
+    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;
+    }
+  }
+
   // eslint-disable-next-line react/no-unstable-nested-components
   const StepIconComponent = ({ icon }: StepIconProps) => {
-    const tool = step.includedSteps?.[Number(icon) - 1];
+    const includedStep = includedSteps?.[Number(icon) - 1];
+    const tool =
+      includedStep?.type === 'protocol' &&
+      includedStep?.tool === 'feeCollection' &&
+      feeTool
+        ? feeTool
+        : includedStep?.toolDetails;
     return tool ? (
       <SmallAvatar
-        src={tool.toolDetails.logoURI}
-        alt={tool.toolDetails.name}
+        src={tool.logoURI}
+        alt={tool.name}
         sx={{ width: 20, height: 20 }}
       >
-        {tool.toolDetails.name[0]}
+        {tool.name?.[0]}
       </SmallAvatar>
     ) : null;
   };
+
   return (
     <Box mt={1}>
       <Stepper
@@ -135,7 +148,7 @@ export const IncludedSteps: React.FC<IncludedStepsProps> = ({
         connector={<StepConnector />}
         activeStep={-1}
       >
-        {step.includedSteps.map((step, i, includedSteps) => (
+        {includedSteps.map((step, i, includedSteps) => (
           <MuiStep key={step.id} expanded>
             <StepLabel StepIconComponent={StepIconComponent}>
               {step.type === 'custom' && subvariant === 'custom' ? (
@@ -147,7 +160,7 @@ export const IncludedSteps: React.FC<IncludedStepsProps> = ({
               ) : step.type === 'cross' ? (
                 <BridgeStepDetailsLabel step={step} />
               ) : step.type === 'protocol' ? (
-                <ProtocolStepDetailsLabel step={step} />
+                <ProtocolStepDetailsLabel step={step} feeTool={feeTool} />
               ) : (
                 <SwapStepDetailsLabel step={step} />
               )}
@@ -302,15 +315,19 @@ export const SwapStepDetailsLabel: React.FC<
 
 export const ProtocolStepDetailsLabel: React.FC<
   Omit<StepDetailsLabelProps, 'variant'>
-> = ({ step }) => {
+> = ({ step, feeTool }) => {
   const { t } = useTranslation();
   return (
     <StepLabelTypography>
-      {step.toolDetails.key === 'lifuelProtocol'
-        ? t('main.refuelStepDetails', {
-            tool: step.toolDetails.name,
-          })
-        : step.toolDetails.name}
+      {step.toolDetails.key === 'feeCollection'
+        ? feeTool?.name
+          ? t('main.fees.integrator', { tool: feeTool.name })
+          : t('main.fees.defaultIntegrator')
+        : step.toolDetails.key === 'lifuelProtocol'
+          ? t('main.refuelStepDetails', {
+              tool: step.toolDetails.name,
+            })
+          : step.toolDetails.name}
     </StepLabelTypography>
   );
 };

package/components/StepActions/types.ts

@@ -2,6 +2,7 @@ import type { LiFiStep, Step } from '@lifi/sdk';
 import type { BoxProps } from '@mui/material';
 import type {
   SubvariantOptions,
+  WidgetFeeTool,
   WidgetSubvariant,
 } from '../../types/widget.js';
 
@@ -14,10 +15,9 @@ export interface StepDetailsLabelProps {
   step: Step;
   subvariant?: Extract<WidgetSubvariant, 'custom'>;
   subvariantOptions?: SubvariantOptions;
+  feeTool?: WidgetFeeTool;
 }
 
 export interface IncludedStepsProps {
   step: LiFiStep;
-  subvariant?: WidgetSubvariant;
-  subvariantOptions?: SubvariantOptions;
 }