@lifi/widget 3.0.0-alpha.8 → 3.0.0-beta.0

package/_esm/themes/watermelonLight.js

@@ -0,0 +1,63 @@
+export const watermelonLightTheme = {
+    palette: {
+        primary: {
+            main: '#f7557c',
+        },
+        secondary: {
+            main: '#027944',
+        },
+        background: {
+            default: '#ffeff3',
+            paper: '#ffffff',
+        },
+        text: {
+            primary: '#190006',
+            secondary: '#766066',
+        },
+        grey: {
+            200: '#F0E5E8',
+            300: '#E5D7DA',
+            700: '#7A666B',
+            800: '#58373F',
+        },
+    },
+    shape: {
+        borderRadius: 16,
+        borderRadiusSecondary: 16,
+        borderRadiusTertiary: 24,
+    },
+    typography: {
+        fontFamily: 'Inter, sans-serif',
+    },
+    container: {
+        boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.12)',
+        borderRadius: '16px',
+    },
+    playground: {
+        background: '#f7557c',
+    },
+    components: {
+        MuiCard: {
+            defaultProps: { variant: 'elevation' },
+        },
+        // MuiIconButton: {
+        //   styleOverrides: {
+        //     root: ({ theme }) => ({
+        //       backgroundColor: alpha(theme.palette.common.white, 0.04),
+        //       color: 'inherit',
+        //       borderRadius: theme.shape.borderRadiusSecondary,
+        //       '&:hover': {
+        //         backgroundColor: alpha(
+        //           theme.palette.mode === 'light'
+        //             ? theme.palette.common.black
+        //             : theme.palette.common.white,
+        //           0.08,
+        //         ),
+        //         color: 'inherit',
+        //       },
+        //     }),
+        //   },
+        // },
+    },
+};
+//# sourceMappingURL=watermelonLight.js.map

package/_esm/themes/watermelonLight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermelonLight.js","sourceRoot":"","sources":["../../themes/watermelonLight.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAgB;IAC/C,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;YACd,GAAG,EAAE,SAAS;SACf;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,qBAAqB,EAAE,EAAE;QACzB,oBAAoB,EAAE,EAAE;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;SACvC;QACD,mBAAmB;QACnB,sBAAsB;QACtB,8BAA8B;QAC9B,kEAAkE;QAClE,0BAA0B;QAC1B,yDAAyD;QACzD,qBAAqB;QACrB,kCAAkC;QAClC,2CAA2C;QAC3C,2CAA2C;QAC3C,4CAA4C;QAC5C,kBAAkB;QAClB,aAAa;QACb,4BAA4B;QAC5B,WAAW;QACX,UAAU;QACV,OAAO;QACP,KAAK;KACN;CACa,CAAC"}

package/_esm/themes/windows95.d.ts

@@ -0,0 +1,2 @@
+import type { WidgetTheme } from '../types/widget.js';
+export declare const windows95Theme: WidgetTheme;

package/_esm/themes/windows95.js

@@ -0,0 +1,95 @@
+export const windows95Theme = {
+    palette: {
+        primary: {
+            main: '#0000ff',
+        },
+        secondary: {
+            main: '#f7c303',
+        },
+        text: {
+            primary: '#30313d',
+            secondary: '#6d6e78',
+        },
+        background: {
+            default: '#c0c9d2',
+            paper: '#dfdfdf',
+        },
+        grey: {
+            300: '#bbbbbb',
+        },
+    },
+    shape: {
+        borderRadius: 0,
+        borderRadiusSecondary: 0,
+        borderRadiusTertiary: 0,
+    },
+    container: {
+        border: '1px solid #0a0a0a',
+    },
+    navigation: {
+        edge: false,
+    },
+    playground: {
+        background: '#008080',
+    },
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    '&:hover': {
+                        boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    },
+                },
+            },
+        },
+        MuiCard: {
+            defaultProps: {
+                variant: 'outlined',
+            },
+            styleOverrides: {
+                root: {
+                    boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    borderWidth: 0,
+                    '&:hover': {
+                        cursor: 'pointer',
+                        backgroundColor: '#cccccc',
+                    },
+                },
+            },
+            variants: [
+                {
+                    props: { variant: 'outlined' },
+                    style: {
+                        borderWidth: 0,
+                    },
+                },
+            ],
+        },
+        MuiInputCard: {
+            styleOverrides: {
+                root: {
+                    backgroundColor: '#ffffff',
+                    boxShadow: 'inset -1px -1px #ffffff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px #808080',
+                },
+            },
+        },
+        MuiIconButton: {
+            defaultProps: {
+            // disableRipple: true,
+            },
+            styleOverrides: {
+                root: {
+                    borderRadius: 0,
+                    boxShadow: 'inset -1px -1px #0a0a0a, inset 1px 1px #ffffff, inset -2px -2px #808080, inset 2px 2px #dfdfdf',
+                    backgroundColor: '#dfdfdf',
+                    '&:hover': {
+                        color: 'inherit',
+                        backgroundColor: '#cccccc',
+                    },
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=windows95.js.map

package/_esm/themes/windows95.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windows95.js","sourceRoot":"","sources":["../../themes/windows95.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,OAAO,EAAE;QACP,OAAO,EAAE;YACP,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;SACjB;QACD,IAAI,EAAE;YACJ,GAAG,EAAE,SAAS;SACf;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC;QACf,qBAAqB,EAAE,CAAC;QACxB,oBAAoB,EAAE,CAAC;KACxB;IACD,SAAS,EAAE;QACT,MAAM,EAAE,mBAAmB;KAC5B;IACD,UAAU,EAAE;QACV,IAAI,EAAE,KAAK;KACZ;IACD,UAAU,EAAE;QACV,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,SAAS,EAAE;YACT,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EACP,gGAAgG;oBAClG,SAAS,EAAE;wBACT,SAAS,EACP,gGAAgG;qBACnG;iBACF;aACF;SACF;QACD,OAAO,EAAE;YACP,YAAY,EAAE;gBACZ,OAAO,EAAE,UAAU;aACpB;YACD,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,SAAS,EACP,gGAAgG;oBAClG,WAAW,EAAE,CAAC;oBACd,SAAS,EAAE;wBACT,MAAM,EAAE,SAAS;wBACjB,eAAe,EAAE,SAAS;qBAC3B;iBACF;aACF;YACD,QAAQ,EAAE;gBACR;oBACE,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;oBAC9B,KAAK,EAAE;wBACL,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF;QACD,YAAY,EAAE;YACZ,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,eAAe,EAAE,SAAS;oBAC1B,SAAS,EACP,gGAAgG;iBACnG;aACF;SACF;QACD,aAAa,EAAE;YACb,YAAY,EAAE;YACZ,uBAAuB;aACxB;YACD,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,YAAY,EAAE,CAAC;oBACf,SAAS,EACP,gGAAgG;oBAClG,eAAe,EAAE,SAAS;oBAC1B,SAAS,EAAE;wBACT,KAAK,EAAE,SAAS;wBAChB,eAAe,EAAE,SAAS;qBAC3B;iBACF;aACF;SACF;KACF;CACF,CAAC"}

package/_esm/types/events.d.ts

@@ -5,12 +5,14 @@ export declare enum WidgetEvent {
     RouteExecutionCompleted = "routeExecutionCompleted",
     RouteExecutionFailed = "routeExecutionFailed",
     RouteHighValueLoss = "routeHighValueLoss",
+    AvailableRoutes = "availableRoutes",
     ContactSupport = "contactSupport",
     SourceChainTokenSelected = "sourceChainTokenSelected",
     DestinationChainTokenSelected = "destinationChainTokenSelected",
     SendToWalletToggled = "sendToWalletToggled",
     ReviewTransactionPageEntered = "reviewTransactionPageEntered",
-    WalletConnected = "walletConnected"
+    WalletConnected = "walletConnected",
+    WidgetExpanded = "widgetExpanded"
 }
 export type WidgetEvents = {
     routeExecutionStarted: Route;
@@ -18,12 +20,14 @@ export type WidgetEvents = {
     routeExecutionCompleted: Route;
     routeExecutionFailed: RouteExecutionUpdate;
     routeHighValueLoss: RouteHighValueLossUpdate;
+    availableRoutes: Route[];
     contactSupport: ContactSupport;
     sourceChainTokenSelected: ChainTokenSelected;
     destinationChainTokenSelected: ChainTokenSelected;
     sendToWalletToggled: boolean;
     reviewTransactionPageEntered?: Route;
     walletConnected: WalletConnected;
+    widgetExpanded: boolean;
 };
 export interface ContactSupport {
     supportId?: string;

package/_esm/types/events.js

@@ -5,11 +5,13 @@ export var WidgetEvent;
     WidgetEvent["RouteExecutionCompleted"] = "routeExecutionCompleted";
     WidgetEvent["RouteExecutionFailed"] = "routeExecutionFailed";
     WidgetEvent["RouteHighValueLoss"] = "routeHighValueLoss";
+    WidgetEvent["AvailableRoutes"] = "availableRoutes";
     WidgetEvent["ContactSupport"] = "contactSupport";
     WidgetEvent["SourceChainTokenSelected"] = "sourceChainTokenSelected";
     WidgetEvent["DestinationChainTokenSelected"] = "destinationChainTokenSelected";
     WidgetEvent["SendToWalletToggled"] = "sendToWalletToggled";
     WidgetEvent["ReviewTransactionPageEntered"] = "reviewTransactionPageEntered";
     WidgetEvent["WalletConnected"] = "walletConnected";
+    WidgetEvent["WidgetExpanded"] = "widgetExpanded";
 })(WidgetEvent || (WidgetEvent = {}));
 //# sourceMappingURL=events.js.map

package/_esm/types/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../types/events.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,WAYX;AAZD,WAAY,WAAW;IACrB,8DAA+C,CAAA;IAC/C,8DAA+C,CAAA;IAC/C,kEAAmD,CAAA;IACnD,4DAA6C,CAAA;IAC7C,wDAAyC,CAAA;IACzC,gDAAiC,CAAA;IACjC,oEAAqD,CAAA;IACrD,8EAA+D,CAAA;IAC/D,0DAA2C,CAAA;IAC3C,4EAA6D,CAAA;IAC7D,kDAAmC,CAAA;AACrC,CAAC,EAZW,WAAW,KAAX,WAAW,QAYtB"}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../types/events.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,WAcX;AAdD,WAAY,WAAW;IACrB,8DAA+C,CAAA;IAC/C,8DAA+C,CAAA;IAC/C,kEAAmD,CAAA;IACnD,4DAA6C,CAAA;IAC7C,wDAAyC,CAAA;IACzC,kDAAmC,CAAA;IACnC,gDAAiC,CAAA;IACjC,oEAAqD,CAAA;IACrD,8EAA+D,CAAA;IAC/D,0DAA2C,CAAA;IAC3C,4EAA6D,CAAA;IAC7D,kDAAmC,CAAA;IACnC,gDAAiC,CAAA;AACnC,CAAC,EAdW,WAAW,KAAX,WAAW,QActB"}

package/_esm/types/token.d.ts

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

package/_esm/types/widget.d.ts

@@ -1,11 +1,35 @@
-import type { BaseToken, Order, RouteOptions, SDKOptions, StaticToken, Token } from '@lifi/sdk';
+import type { BaseToken, ChainType, ContractCall, Order, RouteOptions, SDKConfig, 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 { TypographyOptions } from '@mui/material/styles/createTypography.js';
+import type { CoinbaseWalletParameters, WalletConnectParameters } from '@wagmi/connectors';
 import type { CSSProperties, ReactNode, RefObject } from 'react';
-import type { LanguageKey, LanguageResources } from '../providers';
-import type { SplitSubvariantOptions } from '../stores';
-export type WidgetVariant = 'default' | 'expandable' | 'drawer';
-export type WidgetSubvariant = 'default' | 'split' | 'nft' | 'refuel';
+import type { LanguageKey, LanguageResources } from '../providers/I18nProvider/types.js';
+export type WidgetVariant = 'compact' | 'wide' | 'drawer';
+export type WidgetSubvariant = 'default' | 'split' | 'custom' | 'refuel';
+export type SplitSubvariant = 'bridge' | 'swap';
+export type CustomSubvariant = 'checkout' | 'deposit';
+export interface SubvariantOptions {
+    split?: SplitSubvariant;
+    custom?: CustomSubvariant;
+}
+export type Appearance = PaletteMode | 'auto';
+export interface NavigationProps {
+    /**
+     * If given, uses a negative margin to counteract the padding on sides for navigation elements like icon buttons.
+     * @default true
+     */
+    edge?: boolean;
+}
+export type WidgetThemeComponents = Pick<Components<Theme>, 'MuiAppBar' | 'MuiAvatar' | 'MuiButton' | 'MuiCard' | 'MuiIconButton' | 'MuiInputCard' | 'MuiTabs'>;
+export type WidgetTheme = {
+    palette?: Pick<PaletteOptions, 'background' | 'grey' | 'primary' | 'secondary' | 'text'>;
+    shape?: Partial<Shape>;
+    typography?: TypographyOptions;
+    components?: WidgetThemeComponents;
+    container?: CSSProperties;
+    playground?: CSSProperties;
+    navigation?: NavigationProps;
+};
 export declare enum DisabledUI {
     FromAmount = "fromAmount",
     FromToken = "fromToken",
@@ -15,7 +39,7 @@ export declare enum DisabledUI {
 export type DisabledUIType = `${DisabledUI}`;
 export declare enum HiddenUI {
     Appearance = "appearance",
-    DrawerButton = "drawerButton",
+    DrawerCloseButton = "drawerCloseButton",
     History = "history",
     Language = "language",
     PoweredBy = "poweredBy",
@@ -28,40 +52,38 @@ export declare enum RequiredUI {
     ToAddress = "toAddress"
 }
 export type RequiredUIType = `${RequiredUI}`;
-export type Appearance = PaletteMode | 'auto';
-export type ThemeConfig = {
-    palette?: Pick<PaletteOptions, 'background' | 'grey' | 'primary' | 'secondary' | 'text'>;
-    shape?: Shape;
-    typography?: TypographyOptions;
-    components?: Pick<Components<Omit<Theme, 'components'>>, 'MuiAvatar'>;
-};
-export interface WidgetWalletManagement {
-    connect(): Promise<void>;
+export interface WidgetWalletConfig {
+    onConnect?(): void;
+    walletConnect?: WalletConnectParameters;
+    coinbase?: CoinbaseWalletParameters;
 }
-export interface WidgetSDKOptions extends Omit<SDKOptions, 'apiKey' | 'disableVersionCheck' | 'integrator' | 'routeOptions' | 'widgetVersion'> {
+export interface WidgetSDKConfig extends Omit<SDKConfig, 'apiKey' | 'disableVersionCheck' | 'integrator' | 'routeOptions' | 'widgetVersion'> {
     routeOptions?: Omit<RouteOptions, 'bridges' | 'exchanges' | 'insurance'>;
 }
 export interface WidgetContractTool {
     logoURI: string;
     name: string;
 }
-export interface WidgetContract {
-    address?: string;
-    callData?: string;
-    gasLimit?: string;
-    approvalAddress?: string;
-    outputToken?: string;
-    fallbackAddress?: string;
+export interface ToAddress {
+    name?: string;
+    address: string;
+    chainType: ChainType;
+    logoURI?: string;
+}
+export interface AllowDeny<T> {
+    allow?: T[];
+    deny?: T[];
 }
 export interface WidgetConfig {
     fromChain?: number;
     toChain?: number;
     fromToken?: string;
     toToken?: string;
-    toAddress?: string;
+    toAddress?: ToAddress;
+    toAddresses?: ToAddress[];
     fromAmount?: number | string;
     toAmount?: number | string;
-    contract?: WidgetContract;
+    contractCalls?: ContractCall[];
     contractComponent?: ReactNode;
     contractSecondaryComponent?: ReactNode;
     contractCompactComponent?: ReactNode;
@@ -75,47 +97,34 @@ export interface WidgetConfig {
     insurance?: boolean;
     variant?: WidgetVariant;
     subvariant?: WidgetSubvariant;
-    subvariantOptions?: SplitSubvariantOptions;
+    subvariantOptions?: SubvariantOptions;
     appearance?: Appearance;
-    theme?: ThemeConfig;
-    containerStyle?: CSSProperties;
+    theme?: WidgetTheme;
     disabledUI?: DisabledUIType[];
     hiddenUI?: HiddenUIType[];
     requiredUI?: RequiredUIType[];
     useRecommendedRoute?: boolean;
-    walletManagement?: WidgetWalletManagement;
-    sdkConfig?: WidgetSDKOptions;
+    walletConfig?: WidgetWalletConfig;
+    sdkConfig?: WidgetSDKConfig;
     buildUrl?: boolean;
     keyPrefix?: string;
-    bridges?: {
-        allow?: string[];
-        deny?: string[];
-    };
-    exchanges?: {
-        allow?: string[];
-        deny?: string[];
-    };
+    bridges?: AllowDeny<string>;
+    exchanges?: AllowDeny<string>;
     chains?: {
-        allow?: number[];
-        deny?: number[];
-    };
+        from?: AllowDeny<number>;
+        to?: AllowDeny<number>;
+        types?: AllowDeny<ChainType>;
+    } & AllowDeny<number>;
     tokens?: {
         featured?: StaticToken[];
         include?: Token[];
-        allow?: BaseToken[];
-        deny?: BaseToken[];
-    };
+        popular?: StaticToken[];
+    } & AllowDeny<BaseToken>;
     languages?: {
         default?: LanguageKey;
-        allow?: LanguageKey[];
-        deny?: LanguageKey[];
-    };
+    } & AllowDeny<LanguageKey>;
     languageResources?: LanguageResources;
 }
-export type WidgetDrawerProps = {
-    elementRef?: RefObject<HTMLDivElement>;
-    open?: boolean;
-};
 export interface WidgetConfigProps {
     config: WidgetConfig;
 }
@@ -123,3 +132,11 @@ export interface WidgetConfigPartialProps {
     config?: Partial<WidgetConfig>;
 }
 export type WidgetProps = WidgetDrawerProps & WidgetConfig & WidgetConfigPartialProps;
+export interface WidgetDrawerProps extends WidgetConfigPartialProps {
+    elementRef?: RefObject<HTMLDivElement>;
+    open?: boolean;
+    /**
+     * Make sure to make the onClose callback stable (e.g. using useCallback) to avoid causing re-renders of the entire widget
+     */
+    onClose?(): void;
+}

package/_esm/types/widget.js

@@ -8,7 +8,7 @@ export var DisabledUI;
 export var HiddenUI;
 (function (HiddenUI) {
     HiddenUI["Appearance"] = "appearance";
-    HiddenUI["DrawerButton"] = "drawerButton";
+    HiddenUI["DrawerCloseButton"] = "drawerCloseButton";
     HiddenUI["History"] = "history";
     HiddenUI["Language"] = "language";
     HiddenUI["PoweredBy"] = "poweredBy";

package/_esm/types/widget.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../types/widget.ts"],"names":[],"mappings":"AAwBA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QASX;AATD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,yCAA6B,CAAA;IAC7B,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;AAC3B,CAAC,EATW,QAAQ,KAAR,QAAQ,QASnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}
+{"version":3,"file":"widget.js","sourceRoot":"","sources":["../../types/widget.ts"],"names":[],"mappings":"AAoEA,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,uCAAyB,CAAA;IACzB,qCAAuB,CAAA;IACvB,qCAAuB,CAAA;IACvB,iCAAmB,CAAA;AACrB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAGD,MAAM,CAAN,IAAY,QASX;AATD,WAAY,QAAQ;IAClB,qCAAyB,CAAA;IACzB,mDAAuC,CAAA;IACvC,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;IACrB,mCAAuB,CAAA;IACvB,mCAAuB,CAAA;IACvB,+BAAmB,CAAA;IACnB,qCAAyB,CAAA;AAC3B,CAAC,EATW,QAAQ,KAAR,QAAQ,QASnB;AAGD,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,qCAAuB,CAAA;AACzB,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

package/_esm/utils/chainType.d.ts

@@ -0,0 +1,7 @@
+import { ChainId, ChainType } from '@lifi/sdk';
+export declare const getChainTypeFromAddress: (address: string) => ChainType | undefined;
+export declare const defaultChainIdsByType: {
+    EVM: ChainId;
+    SVM: ChainId;
+    UTXO: ChainId;
+};

package/_esm/utils/chainType.js

@@ -0,0 +1,22 @@
+import { ChainId, ChainType } from '@lifi/sdk';
+import { isAddress as isEVMAddress } from 'viem';
+import { isSVMAddress } from './svm.js';
+const chainTypeAddressValidation = {
+    [ChainType.EVM]: isEVMAddress,
+    [ChainType.SVM]: isSVMAddress,
+    [ChainType.UTXO]: () => false,
+};
+export const getChainTypeFromAddress = (address) => {
+    for (const chainType in chainTypeAddressValidation) {
+        const isChainType = chainTypeAddressValidation[chainType](address);
+        if (isChainType) {
+            return chainType;
+        }
+    }
+};
+export const defaultChainIdsByType = {
+    [ChainType.EVM]: ChainId.ETH,
+    [ChainType.SVM]: ChainId.SOL,
+    [ChainType.UTXO]: ChainId.BTC,
+};
+//# sourceMappingURL=chainType.js.map

package/_esm/utils/chainType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chainType.js","sourceRoot":"","sources":["../../utils/chainType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,0BAA0B,GAAG;IACjC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,YAAY;IAC7B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAe,EACQ,EAAE;IACzB,KAAK,MAAM,SAAS,IAAI,0BAA0B,EAAE,CAAC;QACnD,MAAM,WAAW,GACf,0BAA0B,CAAC,SAAsB,CAAC,CAAC,OAAO,CAAC,CAAC;QAC9D,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO,SAAsB,CAAC;QAChC,CAAC;IACH,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5B,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,GAAG;CAC9B,CAAC"}

package/_esm/utils/colors.d.ts

@@ -1,6 +1,15 @@
-import type { PaletteMode, Theme } from '@mui/material';
-export declare const getContrastAlphaColor: (mode: PaletteMode, alpha: string | number) => string;
-export declare const getContrastTextColor: (theme: Theme, background?: string) => "#fff" | "#000";
+import type { Theme } from '@mui/material';
+export declare const getContrastAlphaColor: (theme: Theme, value: number) => string;
 export declare const getWarningBackgroundColor: (theme: Theme) => string;
 export declare const getInfoBackgroundColor: (theme: Theme) => string;
-export declare const getCardFieldsetBackgroundColor: (theme: Theme) => string;
+/**
+ * https://github.com/mui/material-ui/blob/next/packages/mui-system/src/colorManipulator/colorManipulator.js
+ * Blend a transparent overlay color with a background color, resulting in a single
+ * RGB color.
+ * Remove in favor of MUI one once the next major version is released.
+ * @param {string} background - CSS color
+ * @param {string} overlay - CSS color
+ * @param {number} opacity - Opacity multiplier in the range 0 - 1
+ * @param {number} [gamma=1.0] - Gamma correction factor. For gamma-correct blending, 2.2 is usual.
+ */
+export declare function blend(background: string, overlay: string, opacity: number, gamma?: number): string;

package/_esm/utils/colors.js

@@ -1,16 +1,35 @@
-import { common } from '@mui/material/colors';
-import { alpha, getContrastRatio } from '@mui/material/styles';
-export const getContrastAlphaColor = (mode, alpha) => mode === 'light' ? `rgb(0 0 0 / ${alpha})` : `rgb(255 255 255 / ${alpha})`;
-export const getContrastTextColor = (theme, background) => getContrastRatio(common.white, background ?? theme.palette.primary.main) >= 3
-    ? common.white
-    : common.black;
+import { alpha, decomposeColor, recomposeColor } from '@mui/material';
+export const getContrastAlphaColor = (theme, value) => theme.palette.mode === 'light'
+    ? alpha(theme.palette.common.black, value)
+    : alpha(theme.palette.common.white, value);
 export const getWarningBackgroundColor = (theme) => theme.palette.mode === 'light'
     ? alpha(theme.palette.warning.main, 0.32)
     : alpha(theme.palette.warning.main, 0.16);
 export const getInfoBackgroundColor = (theme) => theme.palette.mode === 'light'
     ? alpha(theme.palette.info.main, 0.12)
     : alpha(theme.palette.info.main, 0.16);
-export const getCardFieldsetBackgroundColor = (theme) => theme.palette.mode === 'dark'
-    ? theme.palette.grey[800]
-    : alpha(theme.palette.common.black, 0.04);
+/**
+ * https://github.com/mui/material-ui/blob/next/packages/mui-system/src/colorManipulator/colorManipulator.js
+ * Blend a transparent overlay color with a background color, resulting in a single
+ * RGB color.
+ * Remove in favor of MUI one once the next major version is released.
+ * @param {string} background - CSS color
+ * @param {string} overlay - CSS color
+ * @param {number} opacity - Opacity multiplier in the range 0 - 1
+ * @param {number} [gamma=1.0] - Gamma correction factor. For gamma-correct blending, 2.2 is usual.
+ */
+export function blend(background, overlay, opacity, gamma = 1.0) {
+    const blendChannel = (b, o) => Math.round((b ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma);
+    const backgroundColor = decomposeColor(background);
+    const overlayColor = decomposeColor(overlay);
+    const rgb = [
+        blendChannel(backgroundColor.values[0], overlayColor.values[0]),
+        blendChannel(backgroundColor.values[1], overlayColor.values[1]),
+        blendChannel(backgroundColor.values[2], overlayColor.values[2]),
+    ];
+    return recomposeColor({
+        type: 'rgb',
+        values: rgb,
+    });
+}
 //# sourceMappingURL=colors.js.map

package/_esm/utils/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../utils/colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,IAAiB,EACjB,KAAsB,EACtB,EAAE,CACF,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,eAAe,KAAK,GAAG,CAAC,CAAC,CAAC,qBAAqB,KAAK,GAAG,CAAC;AAE7E,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAY,EAAE,UAAmB,EAAE,EAAE,CACxE,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;IAC3E,CAAC,CAAC,MAAM,CAAC,KAAK;IACd,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;AAEnB,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAE,EAAE,CACxD,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;IACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAE9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAY,EAAE,EAAE,CACrD,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;IACtC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,KAAY,EAAE,EAAE,CAC7D,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;IAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IACzB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../utils/colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEtE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE,CACnE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;IAC1C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAE,EAAE,CACxD,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;IACzC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAE9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAY,EAAE,EAAE,CACrD,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,OAAO;IAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;IACtC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAE3C;;;;;;;;;GASG;AACH,MAAM,UAAU,KAAK,CACnB,UAAkB,EAClB,OAAe,EACf,OAAe,EACf,QAAgB,GAAG;IAEnB,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAC5C,IAAI,CAAC,KAAK,CACR,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,IAAI,KAAK,CACzE,CAAC;IAEJ,MAAM,eAAe,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE7C,MAAM,GAAG,GAA6B;QACpC,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC/D,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QAC/D,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KAChE,CAAC;IAEF,OAAO,cAAc,CAAC;QACpB,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,GAAG;KACZ,CAAC,CAAC;AACL,CAAC"}

package/_esm/utils/converters.d.ts

@@ -1,3 +1,3 @@
-import type { StatusResponse, ToolsResponse } from '@lifi/sdk';
-import type { RouteExecution } from '../stores';
-export declare const buildRouteFromTxHistory: (tx: StatusResponse, tools?: ToolsResponse) => RouteExecution | undefined;
+import type { FullStatusData, ToolsResponse } from '@lifi/sdk';
+import type { RouteExecution } from '../stores/routes/types.js';
+export declare const buildRouteFromTxHistory: (tx: FullStatusData, tools?: ToolsResponse) => RouteExecution | undefined;

package/_esm/utils/converters.js

@@ -1,3 +1,4 @@
+import { formatUnits } from 'viem';
 const buildProcessFromTxHistory = (tx) => {
     const sending = tx.sending;
     const receiving = tx.receiving;
@@ -76,6 +77,28 @@ export const buildRouteFromTxHistory = (tx, tools) => {
         name: receiving.token?.name ?? '',
         chainId: receiving.token?.chainId,
     };
+    const sendingValue = sending.value ? BigInt(sending.value) : 0n;
+    const sendingFeeAmount = sending.gasToken.address === sending.token.address && sending.amount
+        ? sendingValue - BigInt(sending.amount)
+        : sendingValue;
+    const sendingFeeAmountUsd = sending.gasToken.priceUSD && sendingFeeAmount
+        ? parseFloat(formatUnits(sendingFeeAmount, sending.gasToken.decimals)) *
+            parseFloat(sending.gasToken.priceUSD)
+        : 0;
+    const feeCosts = sendingValue
+        ? [
+            {
+                amount: sendingFeeAmount.toString(),
+                amountUSD: sendingFeeAmountUsd.toFixed(2),
+                token: sending.gasToken,
+                included: false,
+                // Not used
+                description: '',
+                name: '',
+                percentage: '',
+            },
+        ]
+        : undefined;
     const routeExecution = {
         status: 1,
         route: {
@@ -137,7 +160,7 @@ export const buildRouteFromTxHistory = (tx, tools) => {
                                 toAmount: receiving.amount ?? '',
                                 toAmountMin: receiving.amount ?? '',
                                 approvalAddress: '',
-                                executionDuration: 30,
+                                executionDuration: 0,
                             },
                             tool: tx.tool,
                             toolDetails: usedTool,
@@ -150,11 +173,18 @@ export const buildRouteFromTxHistory = (tx, tools) => {
                         fromAmount: sending.amount,
                         toAmount: receiving.amount,
                         toToken: receiving.token,
-                        gasAmount: sending.gasAmount,
-                        gasAmountUSD: sending.gasAmountUSD,
-                        gasPrice: sending.gasPrice,
-                        gasToken: sending.gasToken,
-                        gasUsed: sending.gasUsed,
+                        gasCosts: [
+                            {
+                                amount: sending.gasAmount,
+                                amountUSD: sending.gasAmountUSD,
+                                token: sending.gasToken,
+                                estimate: '0',
+                                limit: '0',
+                                price: '0',
+                                type: 'SEND',
+                            },
+                        ],
+                        feeCosts,
                     },
                 },
             ],