@lifi/widget 2.0.0-beta.11 → 2.0.0-beta.13

package/types/events.d.ts

@@ -6,12 +6,6 @@ export declare enum WidgetEvent {
     RouteExecutionFailed = "routeExecutionFailed",
     RouteHighValueLoss = "routeHighValueLoss"
 }
-export interface RouteHighValueLossUpdate {
-    fromAmountUsd: string;
-    gasCostUSD: string | undefined;
-    toAmountUSD: string;
-    valueLoss: string;
-}
 export type WidgetEvents = {
     routeExecutionStarted: Route;
     routeExecutionUpdated: RouteExecutionUpdate;
@@ -19,6 +13,12 @@ export type WidgetEvents = {
     routeExecutionFailed: RouteExecutionUpdate;
     routeHighValueLoss: RouteHighValueLossUpdate;
 };
+export interface RouteHighValueLossUpdate {
+    fromAmountUsd: string;
+    gasCostUSD?: string;
+    toAmountUSD: string;
+    valueLoss: string;
+}
 export interface RouteExecutionUpdate {
     route: Route;
     process: Process;

package/types/widget.d.ts

@@ -1,5 +1,5 @@
 import type { Signer } from '@ethersproject/abstract-signer';
-import type { BaseToken, ChainKey, ConfigUpdate, Order, RouteOptions, StaticToken } from '@lifi/sdk';
+import type { BaseToken, ChainKey, ConfigUpdate, Order, RouteOptions, StaticToken, Token } 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';
@@ -103,6 +103,7 @@ export interface WidgetConfig {
     };
     tokens?: {
         featured?: StaticToken[];
+        include?: Token[];
         allow?: BaseToken[];
         deny?: BaseToken[];
     };

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 formatInputAmount: (amount: string, returnInitial?: boolean) => string;
+export declare const formatInputAmount: (amount: string, decimals?: number | null, 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(parsedAmount).toFixed(decimalPlaces + 1, 0);
+    return parsedAmount.toFixed(decimalPlaces + 1);
 };
 export const formatSlippage = (slippage = '', defaultValue = '', returnInitial = false) => {
     if (!slippage) {
@@ -45,7 +45,7 @@ export const formatSlippage = (slippage = '', defaultValue = '', returnInitial =
     }
     return parsedSlippage.toString();
 };
-export const formatInputAmount = (amount, returnInitial = false) => {
+export const formatInputAmount = (amount, decimals = null, returnInitial = false) => {
     if (!amount) {
         return amount;
     }
@@ -57,16 +57,19 @@ export const formatInputAmount = (amount, returnInitial = false) => {
     if (isNaN(Number(formattedAmount)) && !isNaN(parsedAmount)) {
         return parsedAmount.toString();
     }
-    try {
-        const absFormattedAmount = Big(formattedAmount).abs();
-        if (returnInitial) {
-            return formattedAmount;
-        }
-        return absFormattedAmount.toString();
-    }
-    catch {
+    if (isNaN(Math.abs(Number(formattedAmount)))) {
         return '';
     }
+    if (returnInitial) {
+        return formattedAmount;
+    }
+    let [integer, fraction = ''] = formattedAmount.split('.');
+    if (decimals !== null && fraction.length > decimals) {
+        fraction = fraction.slice(0, decimals);
+    }
+    integer = integer.replace(/^0+|-/, '');
+    fraction = fraction.replace(/(0+)$/, '');
+    return `${integer || (fraction ? '0' : '')}${fraction ? `.${fraction}` : ''}`;
 };
 export const formatTokenPrice = (amount, price) => {
     if (!amount || !price) {

package/cjs/components/SwapInput/FitInputText.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SwapFormTypeProps } from '../../providers';
-export declare const FitInputText: import("react").ForwardRefExoticComponent<SwapFormTypeProps & import("react").RefAttributes<HTMLInputElement>>;

package/cjs/components/SwapInput/FitInputText.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FitInputText = void 0;
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const providers_1 = require("../../providers");
-const utils_1 = require("../../utils");
-const SwapInput_style_1 = require("./SwapInput.style");
-exports.FitInputText = (0, react_1.forwardRef)(({ formType }, ref) => {
-    const amountKey = providers_1.SwapFormKeyHelper.getAmountKey(formType);
-    const [amount] = (0, react_hook_form_1.useWatch)({
-        name: [amountKey],
-    });
-    (0, react_1.useLayoutEffect)(() => {
-        (0, utils_1.fitInputText)(SwapInput_style_1.maxInputFontSize, SwapInput_style_1.minInputFontSize, ref
-            .current);
-    }, [amount, ref]);
-    return null;
-});

package/components/SwapInput/FitInputText.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SwapFormTypeProps } from '../../providers';
-export declare const FitInputText: import("react").ForwardRefExoticComponent<SwapFormTypeProps & import("react").RefAttributes<HTMLInputElement>>;

package/components/SwapInput/FitInputText.js

@@ -1,16 +0,0 @@
-import { forwardRef, useLayoutEffect } from 'react';
-import { useWatch } from 'react-hook-form';
-import { SwapFormKeyHelper } from '../../providers';
-import { fitInputText } from '../../utils';
-import { maxInputFontSize, minInputFontSize } from './SwapInput.style';
-export const FitInputText = forwardRef(({ formType }, ref) => {
-    const amountKey = SwapFormKeyHelper.getAmountKey(formType);
-    const [amount] = useWatch({
-        name: [amountKey],
-    });
-    useLayoutEffect(() => {
-        fitInputText(maxInputFontSize, minInputFontSize, ref
-            .current);
-    }, [amount, ref]);
-    return null;
-});