@lifi/widget 3.2.1 → 3.3.0

package/stores/routes/types.ts

@@ -15,10 +15,10 @@ export interface RouteExecutionState {
 }
 
 export enum RouteExecutionStatus {
-  Idle = 0,
-  Pending = 1 << 0,
-  Done = 1 << 1,
-  Failed = 1 << 2,
-  Partial = 1 << 3,
-  Refunded = 1 << 4,
+  Idle = 1 << 0,
+  Pending = 1 << 1,
+  Done = 1 << 2,
+  Failed = 1 << 3,
+  Partial = 1 << 4,
+  Refunded = 1 << 5,
 }

package/types/events.ts

@@ -37,10 +37,11 @@ export interface ContactSupport {
 }
 
 export interface RouteHighValueLossUpdate {
-  fromAmountUsd: string;
-  gasCostUSD?: string;
-  toAmountUSD: string;
-  valueLoss: string;
+  fromAmountUSD: number;
+  toAmountUSD: number;
+  gasCostUSD?: number;
+  feeCostUSD?: number;
+  valueLoss: number;
 }
 
 export interface RouteExecutionUpdate {

package/utils/converters.ts

@@ -167,7 +167,7 @@ export const buildRouteFromTxHistory = (
             toAmountMin: receiving.amount ?? '',
             toAmount: receiving.amount ?? '',
             toAmountUSD: receiving.amountUSD ?? '',
-            executionDuration: 30,
+            executionDuration: 0,
           },
           includedSteps: [
             {

package/utils/fees.ts

@@ -7,6 +7,30 @@ export interface FeesBreakdown {
   token: Token;
 }
 
+export const getAccumulatedFeeCostsBreakdown = (
+  route: RouteExtended,
+  included: boolean = 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: RouteExtended): FeesBreakdown[] => {
   return Array.from(
     route.steps

package/_esm/components/Step/StepProcess.style.d.ts

@@ -1,9 +0,0 @@
-export declare const LinkButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
-}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    component?: import("react").ElementType;
-} & import("@mui/material").LinkOwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | 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<HTMLAnchorElement> | 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" | "TypographyClasses" | "underline"> & {
-    component?: import("react").ElementType;
-}, {}, {}>;

package/_esm/components/Step/StepProcess.style.js

@@ -1,6 +0,0 @@
-import { styled } from '@mui/material';
-import { CardIconButton } from '../Card/CardIconButton.js';
-export const LinkButton = styled(CardIconButton)(({ theme }) => ({
-    padding: theme.spacing(0.5),
-}));
-//# sourceMappingURL=StepProcess.style.js.map

package/_esm/components/Step/StepProcess.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepProcess.style.js","sourceRoot":"","sources":["../../../components/Step/StepProcess.style.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,cAAc,CAAC,CAC9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CAC5B,CAAC,CACH,CAAC"}

package/components/Step/StepProcess.style.tsx

@@ -1,9 +0,0 @@
-import type { IconButtonProps, LinkProps } from '@mui/material';
-import { styled } from '@mui/material';
-import { CardIconButton } from '../Card/CardIconButton.js';
-
-export const LinkButton = styled(CardIconButton)<IconButtonProps & LinkProps>(
-  ({ theme }) => ({
-    padding: theme.spacing(0.5),
-  }),
-);