@lifi/widget 1.32.8 → 2.0.0-alpha.0

package/types/widget.d.ts

@@ -38,8 +38,8 @@ 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 SDKConfig extends Omit<ConfigUpdate, 'defaultExecutionSettings' | 'defaultRouteOptions' | 'disableVersionCheck' | 'integrator'> {
+    defaultRouteOptions?: Omit<RouteOptions, 'bridges' | 'exchanges' | 'insurance'>;
 }
 export interface WidgetContractTool {
     logoURI: string;
@@ -66,10 +66,11 @@ export interface WidgetConfig {
     contractCompactComponent?: ReactNode;
     contractTool?: WidgetContractTool;
     fee?: number;
-    integrator?: string;
+    integrator: string;
     referrer?: string;
-    slippage?: number;
     routePriority?: Order;
+    slippage?: number;
+    insurance?: boolean;
     variant?: WidgetVariant;
     appearance?: Appearance;
     theme?: ThemeConfig;
@@ -107,12 +108,6 @@ export interface WidgetConfig {
     };
     languageResources?: LanguageResources;
     disableI18n?: boolean;
-    /** @deprecated Use hiddenUI: ['appearance'] instead */
-    disableAppearance?: boolean;
-    /** @deprecated Use chains.deny instead */
-    disabledChains?: number[];
-    /** @deprecated Use tokens.featured instead */
-    featuredTokens?: Token[];
 }
 export type WidgetDrawerProps = {
     elementRef?: RefObject<HTMLDivElement>;

package/utils/format.js

@@ -49,7 +49,10 @@ export const formatAmount = (amount = '', returnInitial = false) => {
     if (!amount) {
         return amount;
     }
-    const formattedAmount = amount.replaceAll(',', '.');
+    let formattedAmount = amount.replaceAll(',', '.');
+    if (formattedAmount.startsWith('.')) {
+        formattedAmount = '0' + formattedAmount;
+    }
     const parsedAmount = parseFloat(formattedAmount);
     if (isNaN(Number(formattedAmount)) && !isNaN(parsedAmount)) {
         return parsedAmount.toString();

package/cjs/components/GasSufficiencyMessage/GasSufficiencyMessage.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GasSufficiencyMessage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const WarningAmberRounded_1 = require("@mui/icons-material/WarningAmberRounded");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const hooks_1 = require("../../hooks");
-const stores_1 = require("../../stores");
-const Card_1 = require("../Card");
-const GasSufficiencyMessage_style_1 = require("./GasSufficiencyMessage.style");
-const GasSufficiencyMessage = ({ route, ...props }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const recommendedRoute = (0, stores_1.useRecommendedRouteStore)((state) => state.recommendedRoute);
-    const { insufficientFunds, insufficientGas } = (0, hooks_1.useGasSufficiency)(route ?? recommendedRoute);
-    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: Boolean(insufficientFunds || insufficientGas?.length), unmountOnExit: true, mountOnEnter: true, appear: true, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ...props, children: (0, jsx_runtime_1.jsxs)(GasSufficiencyMessage_style_1.MessageCard, { children: [(0, jsx_runtime_1.jsx)(WarningAmberRounded_1.default, { sx: {
-                            marginTop: 2,
-                            marginLeft: 2,
-                        } }), (0, jsx_runtime_1.jsxs)(material_1.Box, { children: [insufficientGas?.length ? ((0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t(`swap.warning.title.insufficientGas`) })) : null, insufficientFunds ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", px: 2, pb: insufficientGas?.length ? 0 : 2, pt: insufficientGas?.length ? 1 : 2, children: insufficientFunds
-                                    ? t(`swap.warning.message.insufficientFunds`)
-                                    : null })) : null, insufficientGas?.length ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", px: 2, pt: 1, children: t(`swap.warning.message.insufficientGas`) })) : null, insufficientGas?.length
-                                ? insufficientGas.map((item, index) => ((0, jsx_runtime_1.jsx)(material_1.Typography
-                                // eslint-disable-next-line react/no-array-index-key
-                                , { variant: "body2", px: 2, pb: insufficientGas.length - 1 === index ? 2 : 0, pt: 0.5, children: t(`swap.tokenOnChainAmount`, {
-                                        amount: item.insufficientAmount?.toString(),
-                                        tokenSymbol: item.token.symbol,
-                                        chainName: item.chain?.name,
-                                    }) }, index)))
-                                : null] })] }) }) }));
-};
-exports.GasSufficiencyMessage = GasSufficiencyMessage;

package/cjs/components/GasSufficiencyMessage/GasSufficiencyMessage.style.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const MessageCard: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
-    ref?: import("react").Ref<unknown> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "children" | "sx" | "ref" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "component"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/cjs/components/GasSufficiencyMessage/GasSufficiencyMessage.style.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageCard = void 0;
-const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-exports.MessageCard = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
-    backgroundColor: theme.palette.mode === 'light'
-        ? theme.palette.warning.main
-        : (0, styles_1.alpha)(theme.palette.warning.main, 0.42),
-    borderRadius: theme.shape.borderRadius,
-    position: 'relative',
-    display: 'flex',
-    whiteSpace: 'pre-line',
-}));

package/cjs/components/GasSufficiencyMessage/index.d.ts

@@ -1 +0,0 @@
-export * from './GasSufficiencyMessage';

package/cjs/components/SwapRoutes/useSetRecommendedRoute.d.ts

@@ -1,2 +0,0 @@
-import type { Route } from '@lifi/sdk';
-export declare const useSetRecommendedRoute: (currentRoute?: Route, isFetching?: boolean) => void;

package/cjs/components/SwapRoutes/useSetRecommendedRoute.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSetRecommendedRoute = void 0;
-const react_1 = require("react");
-const stores_1 = require("../../stores");
-const useSetRecommendedRoute = (currentRoute, isFetching) => {
-    const setRecommendedRoute = (0, stores_1.useRecommendedRouteStore)((state) => state.setRecommendedRoute);
-    (0, react_1.useEffect)(() => {
-        setRecommendedRoute(!isFetching ? currentRoute : undefined);
-        return () => setRecommendedRoute(undefined);
-    }, [currentRoute, isFetching, setRecommendedRoute]);
-};
-exports.useSetRecommendedRoute = useSetRecommendedRoute;

package/cjs/config/env.d.ts

@@ -1,3 +0,0 @@
-export declare const env: {
-    LIFI_API_URL: string;
-};

package/cjs/config/env.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.env = void 0;
-exports.env = {
-    LIFI_API_URL: 'https://li.quest/v1/', // 'https://develop.li.quest/v1/',
-};

package/cjs/stores/routes/useRecommendedRouteStore.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { StoreApi, UseBoundStore } from 'zustand';
-import type { PersistStoreProviderProps } from '../types';
-import type { RecommendedRouteState } from './types';
-export declare const createRecommendedRouteStore: () => UseBoundStore<StoreApi<RecommendedRouteState>>;
-export type RecommendedRouteStore = UseBoundStore<StoreApi<RecommendedRouteState>>;
-export declare const RecommendedRouteStoreContext: import("react").Context<RecommendedRouteStore | null>;
-export declare function RecommendedRouteStoreProvider({ children, ...props }: PersistStoreProviderProps): JSX.Element;
-export declare function useRecommendedRouteStore<T>(selector: (state: RecommendedRouteState) => T, equalityFn?: (left: T, right: T) => boolean): T;
-export declare function useRecommendedRouteStoreContext(): RecommendedRouteStore;

package/cjs/stores/routes/useRecommendedRouteStore.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRecommendedRouteStoreContext = exports.useRecommendedRouteStore = exports.RecommendedRouteStoreProvider = exports.RecommendedRouteStoreContext = exports.createRecommendedRouteStore = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const zustand_1 = require("zustand");
-const createRecommendedRouteStore = () => (0, zustand_1.create)((set) => ({
-    setRecommendedRoute: (recommendedRoute) => {
-        set(() => ({
-            recommendedRoute,
-        }));
-    },
-}));
-exports.createRecommendedRouteStore = createRecommendedRouteStore;
-exports.RecommendedRouteStoreContext = (0, react_1.createContext)(null);
-function RecommendedRouteStoreProvider({ children, ...props }) {
-    const storeRef = (0, react_1.useRef)();
-    if (!storeRef.current) {
-        storeRef.current = (0, exports.createRecommendedRouteStore)();
-    }
-    return ((0, jsx_runtime_1.jsx)(exports.RecommendedRouteStoreContext.Provider, { value: storeRef.current, children: children }));
-}
-exports.RecommendedRouteStoreProvider = RecommendedRouteStoreProvider;
-function useRecommendedRouteStore(selector, equalityFn) {
-    const useStore = (0, react_1.useContext)(exports.RecommendedRouteStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${RecommendedRouteStoreProvider.name}>.`);
-    }
-    return useStore(selector, equalityFn);
-}
-exports.useRecommendedRouteStore = useRecommendedRouteStore;
-function useRecommendedRouteStoreContext() {
-    const useStore = (0, react_1.useContext)(exports.RecommendedRouteStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${RecommendedRouteStoreProvider.name}>.`);
-    }
-    return useStore;
-}
-exports.useRecommendedRouteStoreContext = useRecommendedRouteStoreContext;

package/components/GasSufficiencyMessage/GasSufficiencyMessage.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import WarningAmberRoundedIcon from '@mui/icons-material/WarningAmberRounded';
-import { Box, Collapse, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { useGasSufficiency } from '../../hooks';
-import { useRecommendedRouteStore } from '../../stores';
-import { CardTitle } from '../Card';
-import { MessageCard } from './GasSufficiencyMessage.style';
-export const GasSufficiencyMessage = ({ route, ...props }) => {
-    const { t } = useTranslation();
-    const recommendedRoute = useRecommendedRouteStore((state) => state.recommendedRoute);
-    const { insufficientFunds, insufficientGas } = useGasSufficiency(route ?? recommendedRoute);
-    return (_jsx(Collapse, { timeout: 225, in: Boolean(insufficientFunds || insufficientGas?.length), unmountOnExit: true, mountOnEnter: true, appear: true, children: _jsx(Box, { ...props, children: _jsxs(MessageCard, { children: [_jsx(WarningAmberRoundedIcon, { sx: {
-                            marginTop: 2,
-                            marginLeft: 2,
-                        } }), _jsxs(Box, { children: [insufficientGas?.length ? (_jsx(CardTitle, { children: t(`swap.warning.title.insufficientGas`) })) : null, insufficientFunds ? (_jsx(Typography, { variant: "body2", px: 2, pb: insufficientGas?.length ? 0 : 2, pt: insufficientGas?.length ? 1 : 2, children: insufficientFunds
-                                    ? t(`swap.warning.message.insufficientFunds`)
-                                    : null })) : null, insufficientGas?.length ? (_jsx(Typography, { variant: "body2", px: 2, pt: 1, children: t(`swap.warning.message.insufficientGas`) })) : null, insufficientGas?.length
-                                ? insufficientGas.map((item, index) => (_jsx(Typography
-                                // eslint-disable-next-line react/no-array-index-key
-                                , { variant: "body2", px: 2, pb: insufficientGas.length - 1 === index ? 2 : 0, pt: 0.5, children: t(`swap.tokenOnChainAmount`, {
-                                        amount: item.insufficientAmount?.toString(),
-                                        tokenSymbol: item.token.symbol,
-                                        chainName: item.chain?.name,
-                                    }) }, index)))
-                                : null] })] }) }) }));
-};

package/components/GasSufficiencyMessage/GasSufficiencyMessage.style.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const MessageCard: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
-    ref?: import("react").Ref<unknown> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "children" | "sx" | "ref" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "component"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/GasSufficiencyMessage/GasSufficiencyMessage.style.js

@@ -1,11 +0,0 @@
-import { Box } from '@mui/material';
-import { alpha, styled } from '@mui/material/styles';
-export const MessageCard = styled(Box)(({ theme }) => ({
-    backgroundColor: theme.palette.mode === 'light'
-        ? theme.palette.warning.main
-        : alpha(theme.palette.warning.main, 0.42),
-    borderRadius: theme.shape.borderRadius,
-    position: 'relative',
-    display: 'flex',
-    whiteSpace: 'pre-line',
-}));

package/components/GasSufficiencyMessage/index.d.ts

@@ -1 +0,0 @@
-export * from './GasSufficiencyMessage';

package/components/GasSufficiencyMessage/index.js

@@ -1 +0,0 @@
-export * from './GasSufficiencyMessage';

package/components/SwapRoutes/useSetRecommendedRoute.d.ts

@@ -1,2 +0,0 @@
-import type { Route } from '@lifi/sdk';
-export declare const useSetRecommendedRoute: (currentRoute?: Route, isFetching?: boolean) => void;

package/components/SwapRoutes/useSetRecommendedRoute.js

@@ -1,9 +0,0 @@
-import { useEffect } from 'react';
-import { useRecommendedRouteStore } from '../../stores';
-export const useSetRecommendedRoute = (currentRoute, isFetching) => {
-    const setRecommendedRoute = useRecommendedRouteStore((state) => state.setRecommendedRoute);
-    useEffect(() => {
-        setRecommendedRoute(!isFetching ? currentRoute : undefined);
-        return () => setRecommendedRoute(undefined);
-    }, [currentRoute, isFetching, setRecommendedRoute]);
-};

package/config/env.d.ts

@@ -1,3 +0,0 @@
-export declare const env: {
-    LIFI_API_URL: string;
-};

package/config/env.js

@@ -1,3 +0,0 @@
-export const env = {
-    LIFI_API_URL: 'https://li.quest/v1/', // 'https://develop.li.quest/v1/',
-};

package/stores/routes/useRecommendedRouteStore.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { StoreApi, UseBoundStore } from 'zustand';
-import type { PersistStoreProviderProps } from '../types';
-import type { RecommendedRouteState } from './types';
-export declare const createRecommendedRouteStore: () => UseBoundStore<StoreApi<RecommendedRouteState>>;
-export type RecommendedRouteStore = UseBoundStore<StoreApi<RecommendedRouteState>>;
-export declare const RecommendedRouteStoreContext: import("react").Context<RecommendedRouteStore | null>;
-export declare function RecommendedRouteStoreProvider({ children, ...props }: PersistStoreProviderProps): JSX.Element;
-export declare function useRecommendedRouteStore<T>(selector: (state: RecommendedRouteState) => T, equalityFn?: (left: T, right: T) => boolean): T;
-export declare function useRecommendedRouteStoreContext(): RecommendedRouteStore;

package/stores/routes/useRecommendedRouteStore.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useRef } from 'react';
-import { create } from 'zustand';
-export const createRecommendedRouteStore = () => create((set) => ({
-    setRecommendedRoute: (recommendedRoute) => {
-        set(() => ({
-            recommendedRoute,
-        }));
-    },
-}));
-export const RecommendedRouteStoreContext = createContext(null);
-export function RecommendedRouteStoreProvider({ children, ...props }) {
-    const storeRef = useRef();
-    if (!storeRef.current) {
-        storeRef.current = createRecommendedRouteStore();
-    }
-    return (_jsx(RecommendedRouteStoreContext.Provider, { value: storeRef.current, children: children }));
-}
-export function useRecommendedRouteStore(selector, equalityFn) {
-    const useStore = useContext(RecommendedRouteStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${RecommendedRouteStoreProvider.name}>.`);
-    }
-    return useStore(selector, equalityFn);
-}
-export function useRecommendedRouteStoreContext() {
-    const useStore = useContext(RecommendedRouteStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${RecommendedRouteStoreProvider.name}>.`);
-    }
-    return useStore;
-}