@lifi/widget 2.0.0-beta.1 → 2.0.0-beta.10

package/types/events.d.ts

@@ -3,13 +3,21 @@ export declare enum WidgetEvent {
     RouteExecutionStarted = "routeExecutionStarted",
     RouteExecutionUpdated = "routeExecutionUpdated",
     RouteExecutionCompleted = "routeExecutionCompleted",
-    RouteExecutionFailed = "routeExecutionFailed"
+    RouteExecutionFailed = "routeExecutionFailed",
+    RouteHighValueLoss = "routeHighValueLoss"
+}
+export interface RouteHighValueLossUpdate {
+    fromAmountUsd: string;
+    gasCostUSD: string | undefined;
+    toAmountUSD: string;
+    valueLoss: string;
 }
 export type WidgetEvents = {
     routeExecutionStarted: Route;
     routeExecutionUpdated: RouteExecutionUpdate;
     routeExecutionCompleted: Route;
     routeExecutionFailed: RouteExecutionUpdate;
+    routeHighValueLoss: RouteHighValueLossUpdate;
 };
 export interface RouteExecutionUpdate {
     route: Route;

package/types/events.js

@@ -4,4 +4,5 @@ export var WidgetEvent;
     WidgetEvent["RouteExecutionUpdated"] = "routeExecutionUpdated";
     WidgetEvent["RouteExecutionCompleted"] = "routeExecutionCompleted";
     WidgetEvent["RouteExecutionFailed"] = "routeExecutionFailed";
+    WidgetEvent["RouteHighValueLoss"] = "routeHighValueLoss";
 })(WidgetEvent || (WidgetEvent = {}));

package/types/token.d.ts

@@ -1,4 +1,4 @@
-import type { TokenAmount } from '@lifi/sdk';
-export interface Token extends TokenAmount {
+import type { TokenAmount as SDKTokenAmount } from '@lifi/sdk';
+export interface TokenAmount extends SDKTokenAmount {
     featured?: boolean;
 }

package/types/widget.d.ts

@@ -1,10 +1,11 @@
 import type { Signer } from '@ethersproject/abstract-signer';
-import type { ChainKey, ConfigUpdate, Order, RouteOptions, Token } from '@lifi/sdk';
+import type { BaseToken, ChainKey, ConfigUpdate, Order, RouteOptions, StaticToken } from '@lifi/sdk';
 import type { Components, PaletteMode, PaletteOptions, Shape, Theme } from '@mui/material';
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
 import type { CSSProperties, ReactNode, RefObject } from 'react';
 import type { LanguageKey, LanguageResources } from '../providers';
 export type WidgetVariant = 'default' | 'expandable' | 'drawer' | 'refuel' | 'nft';
+export type WidgetSubvariant = 'default' | 'split';
 export declare enum DisabledUI {
     FromAmount = "fromAmount",
     FromToken = "fromToken",
@@ -14,9 +15,13 @@ export declare enum DisabledUI {
 export type DisabledUIType = `${DisabledUI}`;
 export declare enum HiddenUI {
     Appearance = "appearance",
+    DrawerButton = "drawerButton",
+    History = "history",
     Language = "language",
     PoweredBy = "poweredBy",
-    ToAddress = "toAddress"
+    ToAddress = "toAddress",
+    ToToken = "toToken",
+    WalletMenu = "walletMenu"
 }
 export type HiddenUIType = `${HiddenUI}`;
 export declare enum RequiredUI {
@@ -34,7 +39,7 @@ export interface WidgetWalletManagement {
     connect(): Promise<Signer>;
     disconnect(): Promise<void>;
     switchChain?(chainId: number): Promise<Signer>;
-    addToken?(token: Token, chainId: number): Promise<void>;
+    addToken?(token: StaticToken, chainId: number): Promise<void>;
     addChain?(chainId: number): Promise<boolean>;
     signer?: Signer;
 }
@@ -72,10 +77,10 @@ export interface WidgetConfig {
     slippage?: number;
     insurance?: boolean;
     variant?: WidgetVariant;
+    subvariant?: WidgetSubvariant;
     appearance?: Appearance;
     theme?: ThemeConfig;
     containerStyle?: CSSProperties;
-    disableTelemetry?: boolean;
     disabledUI?: DisabledUIType[];
     hiddenUI?: HiddenUIType[];
     requiredUI?: RequiredUIType[];
@@ -97,9 +102,9 @@ export interface WidgetConfig {
         deny?: number[];
     };
     tokens?: {
-        featured?: Token[];
-        allow?: Token[];
-        deny?: (Partial<Token> & Pick<Token, 'address' | 'chainId'>)[];
+        featured?: StaticToken[];
+        allow?: BaseToken[];
+        deny?: BaseToken[];
     };
     languages?: {
         default?: LanguageKey;
@@ -107,7 +112,7 @@ export interface WidgetConfig {
         deny?: LanguageKey[];
     };
     languageResources?: LanguageResources;
-    disableI18n?: boolean;
+    disableLanguageDetector?: boolean;
 }
 export type WidgetDrawerProps = {
     elementRef?: RefObject<HTMLDivElement>;

package/types/widget.js

@@ -8,11 +8,13 @@ export var DisabledUI;
 export var HiddenUI;
 (function (HiddenUI) {
     HiddenUI["Appearance"] = "appearance";
-    // FromAmount = 'fromAmount',
+    HiddenUI["DrawerButton"] = "drawerButton";
+    HiddenUI["History"] = "history";
     HiddenUI["Language"] = "language";
     HiddenUI["PoweredBy"] = "poweredBy";
     HiddenUI["ToAddress"] = "toAddress";
-    // ToToken = 'toToken',
+    HiddenUI["ToToken"] = "toToken";
+    HiddenUI["WalletMenu"] = "walletMenu";
 })(HiddenUI || (HiddenUI = {}));
 export var RequiredUI;
 (function (RequiredUI) {

package/utils/format.d.ts

@@ -5,5 +5,5 @@
  */
 export declare const formatTokenAmount: (amount?: string, decimals?: number, decimalPlaces?: number) => string;
 export declare const formatSlippage: (slippage?: string, defaultValue?: string, returnInitial?: boolean) => string;
-export declare const formatAmount: (amount?: string, returnInitial?: boolean) => string;
+export declare const formatInputAmount: (amount: string, returnInitial?: boolean) => string;
 export declare const formatTokenPrice: (amount?: string, price?: string) => number;

package/utils/format.js

@@ -21,7 +21,7 @@ export const formatTokenAmount = (amount = '0', decimals = 0, decimalPlaces = 3)
     while (absAmount < 1 / 10 ** decimalPlaces) {
         decimalPlaces++;
     }
-    return Big(parseFloat(Big(parsedAmount).toFixed(decimalPlaces + 1, 0))).toString();
+    return Big(parsedAmount).toFixed(decimalPlaces + 1, 0);
 };
 export const formatSlippage = (slippage = '', defaultValue = '', returnInitial = false) => {
     if (!slippage) {
@@ -45,7 +45,7 @@ export const formatSlippage = (slippage = '', defaultValue = '', returnInitial =
     }
     return parsedSlippage.toString();
 };
-export const formatAmount = (amount = '', returnInitial = false) => {
+export const formatInputAmount = (amount, returnInitial = false) => {
     if (!amount) {
         return amount;
     }
@@ -57,21 +57,16 @@ export const formatAmount = (amount = '', returnInitial = false) => {
     if (isNaN(Number(formattedAmount)) && !isNaN(parsedAmount)) {
         return parsedAmount.toString();
     }
-    if (isNaN(parsedAmount)) {
-        return '';
-    }
-    if (parsedAmount < 0) {
-        return Math.abs(parsedAmount).toString();
-    }
     try {
-        if (returnInitial && Big(formattedAmount)) {
+        const absFormattedAmount = Big(formattedAmount).abs();
+        if (returnInitial) {
             return formattedAmount;
         }
+        return absFormattedAmount.toString();
     }
     catch {
         return '';
     }
-    return Big(parsedAmount).toString();
 };
 export const formatTokenPrice = (amount, price) => {
     if (!amount || !price) {

package/utils/wallet.d.ts

@@ -1 +1 @@
-export declare const shortenWalletAddress: (address?: string) => string | null;
+export declare const shortenAddress: (address?: string) => string | null;

package/utils/wallet.js

@@ -1,3 +1,3 @@
-export const shortenWalletAddress = (address) => address
+export const shortenAddress = (address) => address
     ? `${address.substring(0, 5)}...${address.substring(address.length - 4)}`
     : null;