@lifi/widget 1.13.7 → 1.15.0

package/providers/SwapFormProvider/SwapFormProvider.js

@@ -7,15 +7,17 @@ import { useWidgetConfig } from '../WidgetProvider';
 import { SwapFormKey } from './types';
 export const formDefaultValues = {
     [SwapFormKey.FromAmount]: '',
+    [SwapFormKey.ToAddress]: '',
     [SwapFormKey.TokenSearchFilter]: '',
 };
 export const SwapFormProvider = ({ children, }) => {
     const { account } = useWallet();
-    const { fromChain, fromToken, fromAmount, toChain, toToken } = useWidgetConfig();
+    const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress } = useWidgetConfig();
     const methods = useForm({
         defaultValues: Object.assign(Object.assign({}, formDefaultValues), { fromChain: fromChain !== null && fromChain !== void 0 ? fromChain : ChainId.ETH, fromToken, fromAmount: (typeof fromAmount === 'number'
                 ? fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toPrecision()
-                : fromAmount) || formDefaultValues.fromAmount, toChain: toChain !== null && toChain !== void 0 ? toChain : ChainId.ETH, toToken }),
+                : fromAmount) || formDefaultValues.fromAmount, toChain: toChain !== null && toChain !== void 0 ? toChain : ChainId.ETH, toToken,
+            toAddress }),
     });
     // Set wallet chain as default if no chains are provided by config and if they were not changed during widget usage
     useEffect(() => {
@@ -23,14 +25,18 @@ export const SwapFormProvider = ({ children, }) => {
             return;
         }
         const { isDirty: isFromChainDirty, isTouched: isFromChainTouched } = methods.getFieldState(SwapFormKey.FromChain, methods.formState);
+        const { isDirty: isToChainDirty, isTouched: isToChainTouched } = methods.getFieldState(SwapFormKey.ToChain, methods.formState);
         if (!fromChain && !isFromChainDirty && !isFromChainTouched) {
             methods.setValue(SwapFormKey.FromChain, account.chainId, {
                 shouldDirty: false,
                 shouldTouch: false,
             });
         }
-        const { isDirty: isToChainDirty, isTouched: isToChainTouched } = methods.getFieldState(SwapFormKey.ToChain, methods.formState);
-        if (!toChain && !isToChainDirty && !isToChainTouched) {
+        if (!toChain &&
+            !isToChainDirty &&
+            !isToChainTouched &&
+            !isFromChainDirty &&
+            !isFromChainTouched) {
             methods.setValue(SwapFormKey.ToChain, account.chainId, {
                 shouldDirty: false,
                 shouldTouch: false,

package/providers/SwapFormProvider/types.d.ts

@@ -4,7 +4,8 @@ export declare enum SwapFormKey {
     FromToken = "fromToken",
     TokenSearchFilter = "tokenSearchFilter",
     ToChain = "toChain",
-    ToToken = "toToken"
+    ToToken = "toToken",
+    ToAddress = "toAddress"
 }
 export declare type SwapFormValues = {
     [SwapFormKey.FromAmount]: string;
@@ -13,6 +14,7 @@ export declare type SwapFormValues = {
     [SwapFormKey.TokenSearchFilter]: string;
     [SwapFormKey.ToChain]: number;
     [SwapFormKey.ToToken]: string;
+    [SwapFormKey.ToAddress]: string;
 };
 export declare type SwapFormDirection = 'from' | 'to';
 export declare const SwapFormKeyHelper: {

package/providers/SwapFormProvider/types.js

@@ -6,6 +6,7 @@ export var SwapFormKey;
     SwapFormKey["TokenSearchFilter"] = "tokenSearchFilter";
     SwapFormKey["ToChain"] = "toChain";
     SwapFormKey["ToToken"] = "toToken";
+    SwapFormKey["ToAddress"] = "toAddress";
 })(SwapFormKey || (SwapFormKey = {}));
 export const SwapFormKeyHelper = {
     getChainKey: (formType) => `${formType}Chain`,

package/providers/WalletProvider/WalletProvider.js

@@ -24,7 +24,7 @@ const initialContext = {
 const WalletContext = createContext(initialContext);
 export const useWallet = () => useContext(WalletContext);
 export const WalletProvider = ({ children, walletManagement }) => {
-    const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, } = useLiFiWalletManagement();
+    const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, provider, } = useLiFiWalletManagement();
     const [account, setAccount] = useState({});
     const connect = useCallback((wallet) => __awaiter(void 0, void 0, void 0, function* () {
         if (walletManagement) {
@@ -81,16 +81,17 @@ export const WalletProvider = ({ children, walletManagement }) => {
         addChain,
         addToken,
         account,
-    }), [account, addChain, addToken, connect, disconnect, switchChain]);
+        provider,
+    }), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
     return (_jsx(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
 };
 export const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         return {
-            address: (yield (signer === null || signer === void 0 ? void 0 : signer.getAddress())) || undefined,
+            address: yield (signer === null || signer === void 0 ? void 0 : signer.getAddress()),
             isActive: (signer && !!(yield signer.getAddress()) === null) || !!signer,
             signer,
-            chainId: (yield (signer === null || signer === void 0 ? void 0 : signer.getChainId())) || undefined,
+            chainId: yield (signer === null || signer === void 0 ? void 0 : signer.getChainId()),
         };
     }
     catch (error) {

package/providers/WalletProvider/types.d.ts

@@ -1,8 +1,10 @@
+import type { Web3Provider } from '@ethersproject/providers';
 import type { Token } from '@lifi/sdk';
 import type { Wallet } from '@lifi/wallet-management';
 import type { Signer } from 'ethers';
 export interface WalletContextProps {
     account: WalletAccount;
+    provider?: Web3Provider;
     addChain(chainId: number): Promise<boolean>;
     addToken(chainId: number, token: Token): Promise<void>;
     disconnect(): void;
@@ -10,8 +12,8 @@ export interface WalletContextProps {
     connect(wallet?: Wallet | undefined): Promise<void>;
 }
 export interface WalletAccount {
-    address?: string;
     isActive?: boolean;
-    signer?: Signer;
     chainId?: number;
+    address?: string;
+    signer?: Signer;
 }

package/providers/WidgetProvider/WidgetProvider.js

@@ -10,9 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getChainByKey } from '@lifi/sdk';
+import { checkPackageUpdates, getChainByKey } from '@lifi/sdk';
 import { createContext, useContext, useEffect, useMemo } from 'react';
 import { updateLiFiConfig } from '../../config/lifi';
+import { name, version } from '../../config/version';
 const stub = () => {
     throw new Error('You forgot to wrap your component in <WidgetProvider>.');
 };
@@ -59,5 +60,8 @@ export const WidgetProvider = (_a) => {
             },
         });
     }, [integrator]);
+    useEffect(() => {
+        checkPackageUpdates(name, version);
+    }, []);
     return (_jsx(WidgetContext.Provider, Object.assign({ value: value }, { children: children })));
 };

package/providers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SwapFormProvider';
+export * from './ThemeProvider';
+export * from './WalletProvider';
+export * from './WidgetProvider';

package/providers/index.js

@@ -0,0 +1,4 @@
+export * from './SwapFormProvider';
+export * from './ThemeProvider';
+export * from './WalletProvider';
+export * from './WidgetProvider';

package/stores/route/useRouteStore.js

@@ -48,4 +48,40 @@ export const useRouteStore = create()(persist(immer((set) => ({
 })), {
     name: 'li.fi-widget-routes',
     partialize: (state) => ({ routes: state.routes }),
+    merge: (persistedState, currentState) => {
+        const state = Object.assign(Object.assign({}, currentState), persistedState);
+        try {
+            const routeString = localStorage.getItem('routes');
+            if (routeString) {
+                const routes = JSON.parse(routeString);
+                routes.forEach((route) => {
+                    if (state.routes[route.id]) {
+                        return;
+                    }
+                    state.routes[route.id] = {
+                        route,
+                        status: 'idle',
+                    };
+                    const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+                    if (isFailed) {
+                        state.routes[route.id].status = 'error';
+                        return;
+                    }
+                    const isDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+                    if (isDone) {
+                        state.routes[route.id].status = 'success';
+                        return;
+                    }
+                    const isLoading = route.steps.some((step) => step.execution);
+                    if (isLoading) {
+                        state.routes[route.id].status = 'loading';
+                    }
+                });
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+        return state;
+    },
 }));

package/stores/settings/types.d.ts

@@ -7,9 +7,10 @@ export declare const SettingsToolTypes: SettingsToolType[];
 export interface SettingsState {
     advancedPreferences: boolean;
     appearance: Appearance;
+    gasPrice: string;
     routePriority: Order;
+    showDestinationWallet: boolean;
     slippage: string;
-    gasPrice: string;
     enabledBridges?: string[];
     _enabledBridges?: Record<string, boolean>;
     enabledExchanges?: string[];

package/stores/settings/useSettingsStore.d.ts

@@ -8,9 +8,10 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
             setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
             advancedPreferences: boolean;
             appearance: import("../..").Appearance;
+            gasPrice: string;
             routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
+            showDestinationWallet: boolean;
             slippage: string;
-            gasPrice: string;
             _enabledBridges?: Record<string, boolean> | undefined;
             _enabledExchanges?: Record<string, boolean> | undefined;
         }>>) => void;
@@ -26,9 +27,10 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
             setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
             advancedPreferences: boolean;
             appearance: import("../..").Appearance;
+            gasPrice: string;
             routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
+            showDestinationWallet: boolean;
             slippage: string;
-            gasPrice: string;
             _enabledBridges?: Record<string, boolean> | undefined;
             _enabledExchanges?: Record<string, boolean> | undefined;
         }>>;

package/stores/settings/useSettingsStore.js

@@ -16,6 +16,7 @@ import { immer } from 'zustand/middleware/immer';
 import { SettingsToolTypes } from './types';
 export const useSettingsStore = create()(persist(immer((set) => ({
     advancedPreferences: false,
+    showDestinationWallet: false,
     appearance: 'auto',
     gasPrice: 'normal',
     routePriority: 'RECOMMENDED',