@lifi/widget 1.24.0 → 1.25.0

package/types/events.d.ts

@@ -5,7 +5,7 @@ export declare enum WidgetEvent {
     RouteExecutionCompleted = "routeExecutionCompleted",
     RouteExecutionFailed = "routeExecutionFailed"
 }
-export declare type WidgetEvents = {
+export type WidgetEvents = {
     routeExecutionStarted: Route;
     routeExecutionUpdated: RouteExecutionUpdate;
     routeExecutionCompleted: Route;

package/types/widget.d.ts

@@ -1,19 +1,19 @@
-import type { ChainKey, ConfigUpdate, Token } from '@lifi/sdk';
+import type { Signer } from '@ethersproject/abstract-signer';
+import type { ChainKey, ConfigUpdate, Order, RouteOptions, Token } from '@lifi/sdk';
 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';
 import type { LanguageKey, LanguageResources } from '../providers';
-export declare type WidgetVariant = 'default' | 'expandable' | 'drawer' | 'refuel';
+export 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 = {
+export type DisabledUIType = `${DisabledUI}`;
+export type Appearance = PaletteMode | 'auto';
+export type ThemeConfig = {
     palette?: Pick<PaletteOptions, 'primary' | 'secondary'>;
     shape?: Shape;
     typography?: TypographyOptions;
@@ -26,6 +26,9 @@ export interface WidgetWalletManagement {
     addChain?(chainId: number): Promise<boolean>;
     signer?: Signer;
 }
+export interface SDKConfig extends Omit<ConfigUpdate, 'defaultExecutionSettings' | 'defaultRouteOptions' | 'disableVersionCheck'> {
+    defaultRouteOptions?: Omit<RouteOptions, 'bridges' | 'exchanges'>;
+}
 export interface WidgetConfig {
     fromChain?: `${ChainKey}` | number;
     toChain?: `${ChainKey}` | number;
@@ -34,6 +37,8 @@ export interface WidgetConfig {
     toAddress?: string;
     fromAmount?: number | string;
     integrator?: string;
+    slippage?: number;
+    routePriority?: Order;
     variant?: WidgetVariant;
     appearance?: Appearance;
     theme?: ThemeConfig;
@@ -43,7 +48,7 @@ export interface WidgetConfig {
     disabledUI?: DisabledUIType[];
     useRecommendedRoute?: boolean;
     walletManagement?: WidgetWalletManagement;
-    sdkConfig?: ConfigUpdate;
+    sdkConfig?: SDKConfig;
     buildSwapUrl?: boolean;
     bridges?: {
         allow?: string[];
@@ -74,7 +79,7 @@ export interface WidgetConfig {
     /** @deprecated Use tokens.featured instead */
     featuredTokens?: Token[];
 }
-export declare type WidgetProps = {
+export type WidgetProps = {
     elementRef?: RefObject<HTMLDivElement>;
     config?: WidgetConfig;
     open?: boolean;

package/utils/enum.d.ts

@@ -0,0 +1 @@
+export declare const hasEnumFlag: <T extends number | bigint>(flags: T, flag: T) => boolean;

package/utils/enum.js

@@ -0,0 +1 @@
+export const hasEnumFlag = (flags, flag) => (flags & flag) === flag;

package/utils/index.d.ts

@@ -2,6 +2,7 @@ export * from './colors';
 export * from './deepClone';
 export * from './deepMerge';
 export * from './elements';
+export * from './enum';
 export * from './format';
 export * from './input';
 export * from './navigationRoutes';

package/utils/index.js

@@ -2,6 +2,7 @@ export * from './colors';
 export * from './deepClone';
 export * from './deepMerge';
 export * from './elements';
+export * from './enum';
 export * from './format';
 export * from './input';
 export * from './navigationRoutes';

package/utils/navigationRoutes.d.ts

@@ -16,4 +16,4 @@ export declare const navigationRoutes: {
 export declare const navigationRoutesValues: string[];
 export declare const stickyHeaderRoutes: string[];
 export declare const backButtonRoutes: string[];
-export declare type NavigationRouteType = keyof typeof navigationRoutes;
+export type NavigationRouteType = keyof typeof navigationRoutes;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SwapFormTypeProps } from '../../providers';
-export declare const SwapInputAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/cjs/providers/WalletProvider/WalletFormUpdate.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { WalletAccount } from './types';
-export declare const WalletFormUpdate: React.FC<{
-    account: WalletAccount;
-}>;

package/components/SwapInput/SwapInputAdornment.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SwapFormTypeProps } from '../../providers';
-export declare const SwapInputAdornment: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/providers/WalletProvider/WalletFormUpdate.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { WalletAccount } from './types';
-export declare const WalletFormUpdate: React.FC<{
-    account: WalletAccount;
-}>;