@lifi/widget 1.21.0 → 1.22.1

package/types/widget.d.ts

@@ -3,7 +3,15 @@ import type { PaletteMode, PaletteOptions, Shape } from '@mui/material';
 import type { TypographyOptions } from '@mui/material/styles/createTypography';
 import type { Signer } from 'ethers';
 import type { CSSProperties, RefObject } from 'react';
-export declare type WidgetVariant = 'default' | 'expandable' | 'drawer';
+import type { LanguageKey, LanguageResources } from '../providers';
+export declare type WidgetVariant = 'default' | 'expandable' | 'drawer' | 'refuel';
+export declare enum DisabledUI {
+    FromToken = "fromToken",
+    ToToken = "toToken",
+    FromAmount = "fromAmount",
+    ToAddress = "toAddress"
+}
+export declare type DisabledUIType = `${DisabledUI}`;
 export declare type Appearance = PaletteMode | 'auto';
 export declare type ThemeConfig = {
     palette?: Pick<PaletteOptions, 'primary' | 'secondary'>;
@@ -25,17 +33,15 @@ export interface WidgetConfig {
     toToken?: string;
     toAddress?: string;
     fromAmount?: number | string;
+    integrator?: string;
+    variant?: WidgetVariant;
     appearance?: Appearance;
     theme?: ThemeConfig;
     containerStyle?: CSSProperties;
     disableAppearance?: boolean;
     disableTelemetry?: boolean;
-    /** @deprecated Use chains.deny instead */
-    disabledChains?: number[];
-    /** @deprecated Use tokens.featured instead */
-    featuredTokens?: Token[];
-    integrator?: string;
-    variant?: WidgetVariant;
+    disabledUI?: DisabledUIType[];
+    useRecommendedRoute?: boolean;
     walletManagement?: WidgetWalletManagement;
     sdkConfig?: ConfigUpdate;
     buildSwapUrl?: boolean;
@@ -56,6 +62,17 @@ export interface WidgetConfig {
         allow?: Token[];
         deny?: (Partial<Token> & Pick<Token, 'address' | 'chainId'>)[];
     };
+    languages?: {
+        default?: LanguageKey;
+        allow?: LanguageKey[];
+        deny?: LanguageKey[];
+    };
+    languageResources?: LanguageResources;
+    disableI18n?: boolean;
+    /** @deprecated Use chains.deny instead */
+    disabledChains?: number[];
+    /** @deprecated Use tokens.featured instead */
+    featuredTokens?: Token[];
 }
 export declare type WidgetProps = {
     elementRef?: RefObject<HTMLDivElement>;

package/types/widget.js

@@ -1 +1,7 @@
-export {};
+export var DisabledUI;
+(function (DisabledUI) {
+    DisabledUI["FromToken"] = "fromToken";
+    DisabledUI["ToToken"] = "toToken";
+    DisabledUI["FromAmount"] = "fromAmount";
+    DisabledUI["ToAddress"] = "toAddress";
+})(DisabledUI || (DisabledUI = {}));

package/utils/deepMerge.d.ts

@@ -0,0 +1 @@
+export declare const deepMerge: (...objects: any[]) => any;

package/utils/deepMerge.js

@@ -0,0 +1,14 @@
+const isObject = (obj) => obj && typeof obj === 'object';
+export const deepMerge = (...objects) => {
+    return objects.reduce((prev, obj) => {
+        for (const key in obj) {
+            if (isObject(prev[key]) && isObject(obj[key])) {
+                prev[key] = deepMerge(prev[key], obj[key]);
+            }
+            else {
+                prev[key] = obj[key];
+            }
+        }
+        return prev;
+    }, {});
+};

package/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './colors';
 export * from './deepClone';
+export * from './deepMerge';
 export * from './elements';
 export * from './format';
 export * from './input';

package/utils/index.js

@@ -1,5 +1,6 @@
 export * from './colors';
 export * from './deepClone';
+export * from './deepMerge';
 export * from './elements';
 export * from './format';
 export * from './input';

package/utils/input.js

@@ -11,7 +11,9 @@ export const fitInputText = (maxFontSize, minFontSize, element) => {
         mid = (high + low) >> 1;
         const fontSize = `${mid + 1}px`;
         element.style.fontSize = fontSize;
-        if (element.scrollWidth <= element.clientWidth) {
+        // scrollWidth has different rounding than clientWidth, remove 1px for consistency
+        const scrollWidth = element.scrollWidth - 1;
+        if (scrollWidth <= element.clientWidth) {
             size = mid;
             low = mid + 1;
         }

package/utils/navigationRoutes.d.ts

@@ -1,16 +1,17 @@
 export declare const navigationRoutes: {
     home: string;
+    activeSwaps: string;
+    fromChain: string;
+    fromToken: string;
     selectWallet: string;
     settings: string;
-    fromToken: string;
-    toToken: string;
-    fromChain: string;
-    toChain: string;
-    swapRoutes: string;
+    swapDetails: string;
     swapExecution: string;
     swapHistory: string;
-    activeSwaps: string;
-    swapDetails: string;
+    swapRoutes: string;
+    toChain: string;
+    toToken: string;
+    toTokenNative: string;
 };
 export declare const navigationRoutesValues: string[];
 export declare const stickyHeaderRoutes: string[];

package/utils/navigationRoutes.js

@@ -1,16 +1,17 @@
 export const navigationRoutes = {
     home: '/',
+    activeSwaps: 'active-swaps',
+    fromChain: 'from-chain',
+    fromToken: 'from-token',
     selectWallet: 'wallet',
     settings: 'settings',
-    fromToken: 'from-token',
-    toToken: 'to-token',
-    fromChain: 'from-chain',
-    toChain: 'to-chain',
-    swapRoutes: 'swap-routes',
+    swapDetails: 'swap-details',
     swapExecution: 'swap-execution',
     swapHistory: 'swap-history',
-    activeSwaps: 'active-swaps',
-    swapDetails: 'swap-details',
+    swapRoutes: 'swap-routes',
+    toChain: 'to-chain',
+    toToken: 'to-token',
+    toTokenNative: 'to-token-native',
 };
 export const navigationRoutesValues = Object.values(navigationRoutes);
 export const stickyHeaderRoutes = [
@@ -23,6 +24,7 @@ export const stickyHeaderRoutes = [
     navigationRoutes.swapHistory,
     navigationRoutes.swapRoutes,
     navigationRoutes.toChain,
+    navigationRoutes.toTokenNative,
 ];
 export const backButtonRoutes = [
     navigationRoutes.activeSwaps,
@@ -36,4 +38,5 @@ export const backButtonRoutes = [
     navigationRoutes.swapRoutes,
     navigationRoutes.toChain,
     navigationRoutes.toToken,
+    navigationRoutes.toTokenNative,
 ];