@lifi/widget 1.14.1 → 1.16.0

package/cjs/providers/SwapFormProvider/SwapFormProvider.js

@@ -5,41 +5,75 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const sdk_1 = require("@lifi/sdk");
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
+const chains_1 = require("../../stores/chains");
 const WalletProvider_1 = require("../WalletProvider");
 const WidgetProvider_1 = require("../WidgetProvider");
 const types_1 = require("./types");
 exports.formDefaultValues = {
     [types_1.SwapFormKey.FromAmount]: '',
+    [types_1.SwapFormKey.ToAddress]: '',
     [types_1.SwapFormKey.TokenSearchFilter]: '',
 };
 const SwapFormProvider = ({ children, }) => {
+    const [setChain] = (0, chains_1.useSetChainOrder)();
     const { account } = (0, WalletProvider_1.useWallet)();
-    const { fromChain, fromToken, fromAmount, toChain, toToken } = (0, WidgetProvider_1.useWidgetConfig)();
+    const { fromChain, fromToken, fromAmount, toChain, toToken, toAddress } = (0, WidgetProvider_1.useWidgetConfig)();
     const methods = (0, react_hook_form_1.useForm)({
         defaultValues: Object.assign(Object.assign({}, exports.formDefaultValues), { fromChain: fromChain !== null && fromChain !== void 0 ? fromChain : sdk_1.ChainId.ETH, fromToken, fromAmount: (typeof fromAmount === 'number'
                 ? fromAmount === null || fromAmount === void 0 ? void 0 : fromAmount.toPrecision()
-                : fromAmount) || exports.formDefaultValues.fromAmount, toChain: toChain !== null && toChain !== void 0 ? toChain : sdk_1.ChainId.ETH, toToken }),
+                : fromAmount) || exports.formDefaultValues.fromAmount, toChain: toChain !== null && toChain !== void 0 ? toChain : sdk_1.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
     (0, react_1.useEffect)(() => {
         if (!account.isActive || !account.chainId) {
             return;
         }
-        const { isDirty: isFromChainDirty, isTouched: isFromChainTouched } = methods.getFieldState(types_1.SwapFormKey.FromChain, methods.formState);
-        if (!fromChain && !isFromChainDirty && !isFromChainTouched) {
+        const [fromChainValue, toChainValue] = methods.getValues([
+            types_1.SwapFormKey.FromChain,
+            types_1.SwapFormKey.ToChain,
+        ]);
+        const { isDirty: isFromChainDirty } = methods.getFieldState(types_1.SwapFormKey.FromChain, methods.formState);
+        const { isDirty: isToChainDirty } = methods.getFieldState(types_1.SwapFormKey.ToChain, methods.formState);
+        const { isDirty: isFromTokenDirty } = methods.getFieldState(types_1.SwapFormKey.FromToken, methods.formState);
+        const { isDirty: isToTokenDirty } = methods.getFieldState(types_1.SwapFormKey.ToToken, methods.formState);
+        // Users can switch chains in the wallet.
+        // If we don't have a chain in the ordered chain list we should add it.
+        setChain(account.chainId);
+        // If we ran out of slots for the ordered chain list and the current chain isn't there
+        // we should make a recently switched chain as current.
+        const { chainOrder } = chains_1.useChainOrderStore.getState();
+        const hasFromChainInOrderedList = chainOrder.includes(fromChainValue);
+        const hasToChainInOrderedList = chainOrder.includes(toChainValue);
+        if ((!fromChain && !isFromChainDirty && !isFromTokenDirty) ||
+            !hasFromChainInOrderedList) {
             methods.setValue(types_1.SwapFormKey.FromChain, account.chainId, {
                 shouldDirty: false,
-                shouldTouch: false,
+            });
+            methods.setValue(types_1.SwapFormKey.FromToken, '', {
+                shouldDirty: false,
+            });
+            methods.setValue(types_1.SwapFormKey.FromAmount, '', {
+                shouldDirty: false,
             });
         }
-        const { isDirty: isToChainDirty, isTouched: isToChainTouched } = methods.getFieldState(types_1.SwapFormKey.ToChain, methods.formState);
-        if (!toChain && !isToChainDirty && !isToChainTouched) {
+        if ((!toChain && !isToChainDirty && !isToTokenDirty) ||
+            !hasToChainInOrderedList) {
             methods.setValue(types_1.SwapFormKey.ToChain, account.chainId, {
                 shouldDirty: false,
-                shouldTouch: false,
+            });
+            methods.setValue(types_1.SwapFormKey.ToToken, '', {
+                shouldDirty: false,
             });
         }
-    }, [account.chainId, account.isActive, fromChain, methods, toChain]);
+    }, [
+        account.chainId,
+        account.isActive,
+        fromChain,
+        methods,
+        setChain,
+        toChain,
+    ]);
     return (0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, Object.assign({}, methods, { children: children }));
 };
 exports.SwapFormProvider = SwapFormProvider;

package/cjs/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/cjs/providers/SwapFormProvider/types.js

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

package/cjs/providers/WalletProvider/WalletProvider.js

@@ -28,7 +28,7 @@ const WalletContext = (0, react_1.createContext)(initialContext);
 const useWallet = () => (0, react_1.useContext)(WalletContext);
 exports.useWallet = useWallet;
 const WalletProvider = ({ children, walletManagement }) => {
-    const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, } = (0, wallet_management_1.useLiFiWalletManagement)();
+    const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, provider, } = (0, wallet_management_1.useLiFiWalletManagement)();
     const [account, setAccount] = (0, react_1.useState)({});
     const connect = (0, react_1.useCallback)((wallet) => __awaiter(void 0, void 0, void 0, function* () {
         if (walletManagement) {
@@ -72,8 +72,13 @@ const WalletProvider = ({ children, walletManagement }) => {
     // keep account information up to date
     (0, react_1.useEffect)(() => {
         const updateAccount = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
-            const account = yield (0, exports.extractAccountFromSigner)((_a = walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.signer) !== null && _a !== void 0 ? _a : signer);
+            let account;
+            if (walletManagement) {
+                account = yield (0, exports.extractAccountFromSigner)(walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.signer);
+            }
+            else {
+                account = yield (0, exports.extractAccountFromSigner)(signer);
+            }
             setAccount(account);
         });
         updateAccount();
@@ -85,7 +90,8 @@ const WalletProvider = ({ children, walletManagement }) => {
         addChain,
         addToken,
         account,
-    }), [account, addChain, addToken, connect, disconnect, switchChain]);
+        provider,
+    }), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
     return ((0, jsx_runtime_1.jsx)(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
 };
 exports.WalletProvider = WalletProvider;

package/cjs/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/cjs/providers/WidgetProvider/WidgetProvider.js

@@ -27,7 +27,7 @@ const WidgetContext = (0, react_1.createContext)(initialContext);
 const useWidgetConfig = () => (0, react_1.useContext)(WidgetContext);
 exports.useWidgetConfig = useWidgetConfig;
 const WidgetProvider = (_a) => {
-    var { children } = _a, _b = _a.config, _c = _b === void 0 ? {} : _b, { fromChain, fromToken, toChain, toToken, fromAmount, integrator } = _c, config = __rest(_c, ["fromChain", "fromToken", "toChain", "toToken", "fromAmount", "integrator"]);
+    var { children } = _a, _b = _a.config, _c = _b === void 0 ? {} : _b, { fromChain, fromToken, toChain, toToken, fromAmount, integrator, sdkConfig } = _c, config = __rest(_c, ["fromChain", "fromToken", "toChain", "toToken", "fromAmount", "integrator", "sdkConfig"]);
     const value = (0, react_1.useMemo)(() => {
         var _a, _b, _c, _d;
         try {
@@ -58,12 +58,8 @@ const WidgetProvider = (_a) => {
         }
     }, [config, fromAmount, fromChain, fromToken, toChain, toToken]);
     (0, react_1.useEffect)(() => {
-        (0, lifi_1.updateLiFiConfig)({
-            defaultRouteOptions: {
-                integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname,
-            },
-        });
-    }, [integrator]);
+        (0, lifi_1.updateLiFiConfig)(Object.assign(Object.assign({}, sdkConfig), { defaultRouteOptions: Object.assign(Object.assign({}, sdkConfig === null || sdkConfig === void 0 ? void 0 : sdkConfig.defaultRouteOptions), { integrator: integrator !== null && integrator !== void 0 ? integrator : window.location.hostname }) }));
+    }, [integrator, sdkConfig]);
     (0, react_1.useEffect)(() => {
         (0, sdk_1.checkPackageUpdates)(version_1.name, version_1.version);
     }, []);

package/cjs/providers/index.d.ts

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

package/cjs/providers/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SwapFormProvider"), exports);
+__exportStar(require("./ThemeProvider"), exports);
+__exportStar(require("./WalletProvider"), exports);
+__exportStar(require("./WidgetProvider"), exports);

package/cjs/stores/chains/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './useChainOrder';
+export * from './useChainOrderStore';
+export * from './useInitializeChainOrder';

package/cjs/stores/chains/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./useChainOrder"), exports);
+__exportStar(require("./useChainOrderStore"), exports);
+__exportStar(require("./useInitializeChainOrder"), exports);

package/cjs/stores/chains/types.d.ts

@@ -0,0 +1,8 @@
+export interface ChainOrderState {
+    chainOrder: number[];
+    availableChains: number[];
+}
+export interface ChainOrderStore extends ChainOrderState {
+    initializeChains(chainIds: number[]): void;
+    setChain(chainId: number): void;
+}

package/cjs/stores/chains/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/stores/chains/useChainOrder.d.ts

@@ -0,0 +1 @@
+export declare const useChainOrder: () => [number[], (chainId: number) => void];

package/cjs/stores/chains/useChainOrder.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChainOrder = void 0;
+const shallow_1 = __importDefault(require("zustand/shallow"));
+const useChainOrderStore_1 = require("./useChainOrderStore");
+const useChainOrder = () => {
+    return (0, useChainOrderStore_1.useChainOrderStore)((state) => [state.chainOrder, state.setChain], shallow_1.default);
+};
+exports.useChainOrder = useChainOrder;

package/cjs/stores/chains/useChainOrderStore.d.ts

@@ -0,0 +1,19 @@
+import type { ChainOrderStore } from './types';
+export declare const maxChainToOrder = 9;
+export declare const useChainOrderStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<ChainOrderStore>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ChainOrderStore, {
+            chainOrder: number[];
+        }>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: ChainOrderStore) => void) => () => void;
+        onFinishHydration: (fn: (state: ChainOrderStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ChainOrderStore, {
+            chainOrder: number[];
+        }>>;
+    };
+}, "setState"> & {
+    setState(nextStateOrUpdater: ChainOrderStore | Partial<ChainOrderStore> | ((state: import("immer/dist/internal").WritableDraft<ChainOrderStore>) => void), shouldReplace?: boolean | undefined): void;
+}>;

package/cjs/stores/chains/useChainOrderStore.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useChainOrderStore = exports.maxChainToOrder = void 0;
+/* eslint-disable no-underscore-dangle */
+const zustand_1 = __importDefault(require("zustand"));
+const middleware_1 = require("zustand/middleware");
+const immer_1 = require("zustand/middleware/immer");
+exports.maxChainToOrder = 9;
+exports.useChainOrderStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, immer_1.immer)((set) => ({
+    chainOrder: [],
+    availableChains: [],
+    initializeChains: (chainIds) => set((state) => {
+        state.availableChains = chainIds;
+        state.chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
+        const chainsToAdd = chainIds.filter((chainId) => !state.chainOrder.includes(chainId));
+        if (state.chainOrder.length === exports.maxChainToOrder ||
+            !chainsToAdd.length) {
+            return;
+        }
+        const chainsToAddLength = exports.maxChainToOrder - state.chainOrder.length;
+        for (let index = 0; index < chainsToAddLength; index++) {
+            state.chainOrder.push(chainsToAdd[index]);
+        }
+    }),
+    setChain: (chainId) => set((state) => {
+        if (state.chainOrder.includes(chainId) ||
+            !state.availableChains.includes(chainId)) {
+            return;
+        }
+        state.chainOrder.unshift(chainId);
+        if (state.chainOrder.length > exports.maxChainToOrder) {
+            state.chainOrder.pop();
+        }
+    }),
+})), {
+    name: 'li.fi-widget-chains-order',
+    version: 0,
+    partialize: (state) => ({ chainOrder: state.chainOrder }),
+}));

package/cjs/stores/chains/useInitializeChainOrder.d.ts

@@ -0,0 +1 @@
+export declare const useSetChainOrder: () => [(chainId: number) => void, (chainIds: number[]) => void];

package/cjs/stores/chains/useInitializeChainOrder.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSetChainOrder = void 0;
+const shallow_1 = __importDefault(require("zustand/shallow"));
+const useChainOrderStore_1 = require("./useChainOrderStore");
+const useSetChainOrder = () => {
+    return (0, useChainOrderStore_1.useChainOrderStore)((state) => [state.setChain, state.initializeChains], shallow_1.default);
+};
+exports.useSetChainOrder = useSetChainOrder;

package/cjs/stores/route/index.d.ts

@@ -1,5 +1,6 @@
 export * from './types';
-export * from './useExecutingRoutes';
+export * from './useExecutingRoutesIds';
 export * from './useRouteStore';
 export * from './useSetExecutableRoute';
 export * from './useSwapHistory';
+export * from './utils';

package/cjs/stores/route/index.js

@@ -15,7 +15,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./types"), exports);
-__exportStar(require("./useExecutingRoutes"), exports);
+__exportStar(require("./useExecutingRoutesIds"), exports);
 __exportStar(require("./useRouteStore"), exports);
 __exportStar(require("./useSetExecutableRoute"), exports);
 __exportStar(require("./useSwapHistory"), exports);
+__exportStar(require("./utils"), exports);

package/cjs/stores/route/useExecutingRoutesIds.d.ts

@@ -0,0 +1 @@
+export declare const useExecutingRoutesIds: (address?: string) => string[];

package/cjs/stores/route/useExecutingRoutesIds.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExecutingRoutesIds = void 0;
+const shallow_1 = __importDefault(require("zustand/shallow"));
+const useRouteStore_1 = require("./useRouteStore");
+const useExecutingRoutesIds = (address) => {
+    return (0, useRouteStore_1.useRouteStore)((state) => Object.values(state.routes)
+        .filter((item) => item.route.fromAddress === address &&
+        (item.status === 'loading' || item.status === 'error'))
+        .sort((a, b) => {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = b === null || b === void 0 ? void 0 : b.route.steps[0].execution) === null || _a === void 0 ? void 0 : _a.process[0].startedAt) !== null && _b !== void 0 ? _b : 0) -
+            ((_d = (_c = a === null || a === void 0 ? void 0 : a.route.steps[0].execution) === null || _c === void 0 ? void 0 : _c.process[0].startedAt) !== null && _d !== void 0 ? _d : 0);
+    })
+        .map(({ route }) => route.id), shallow_1.default);
+};
+exports.useExecutingRoutesIds = useExecutingRoutesIds;

package/cjs/stores/route/useRouteStore.js

@@ -7,6 +7,7 @@ exports.useRouteStore = void 0;
 const zustand_1 = __importDefault(require("zustand"));
 const middleware_1 = require("zustand/middleware");
 const immer_1 = require("zustand/middleware/immer");
+const utils_1 = require("./utils");
 exports.useRouteStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, immer_1.immer)((set) => ({
     routes: {},
     setExecutableRoute: (route) => set((state) => {
@@ -24,12 +25,12 @@ exports.useRouteStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, i
     updateRoute: (route) => set((state) => {
         if (state.routes[route.id]) {
             state.routes[route.id].route = route;
-            const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+            const isFailed = (0, utils_1.isRouteFailed)(route);
             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'; });
+            const isDone = (0, utils_1.isRouteCompleted)(route);
             if (isDone) {
                 state.routes[route.id].status = 'success';
                 return;
@@ -68,12 +69,12 @@ exports.useRouteStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, i
                         route,
                         status: 'idle',
                     };
-                    const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+                    const isFailed = (0, utils_1.isRouteFailed)(route);
                     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'; });
+                    const isDone = (0, utils_1.isRouteCompleted)(route);
                     if (isDone) {
                         state.routes[route.id].status = 'success';
                         return;

package/cjs/stores/route/utils.d.ts

@@ -0,0 +1,4 @@
+import type { Route } from '@lifi/sdk';
+export declare const isRouteCompleted: (route: Route) => boolean;
+export declare const isRouteFailed: (route: Route) => boolean;
+export declare const isRouteActive: (route?: Route) => boolean;

package/cjs/stores/route/utils.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isRouteActive = exports.isRouteFailed = exports.isRouteCompleted = void 0;
+const isRouteCompleted = (route) => {
+    return route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+};
+exports.isRouteCompleted = isRouteCompleted;
+const isRouteFailed = (route) => {
+    return route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+};
+exports.isRouteFailed = isRouteFailed;
+const isRouteActive = (route) => {
+    if (!route) {
+        return false;
+    }
+    const isDone = (0, exports.isRouteCompleted)(route);
+    const isFailed = (0, exports.isRouteFailed)(route);
+    const alreadyStarted = route.steps.some((step) => step.execution);
+    return !isDone && !isFailed && alreadyStarted;
+};
+exports.isRouteActive = isRouteActive;

package/cjs/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/cjs/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/cjs/stores/settings/useSettingsStore.js

@@ -22,6 +22,7 @@ const immer_1 = require("zustand/middleware/immer");
 const types_1 = require("./types");
 exports.useSettingsStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, immer_1.immer)((set) => ({
     advancedPreferences: false,
+    showDestinationWallet: false,
     appearance: 'auto',
     gasPrice: 'normal',
     routePriority: 'RECOMMENDED',
@@ -41,12 +42,15 @@ exports.useSettingsStore = (0, zustand_1.default)()((0, middleware_1.persist)((0
             return;
         }
         if (state[`_enabled${toolType}`]) {
-            state[`_enabled${toolType}`] = tools
-                .filter((tool) => !Object.prototype.hasOwnProperty.call(state._enabledBridges, tool))
+            // Add a new tools
+            const enabledTools = tools
+                .filter((tool) => !Object.prototype.hasOwnProperty.call(state[`_enabled${toolType}`], tool))
                 .reduce((values, tool) => {
                 values[tool] = true;
                 return values;
             }, state[`_enabled${toolType}`]);
+            // Filter tools we no longer have
+            state[`_enabled${toolType}`] = Object.fromEntries(Object.entries(enabledTools).filter(([key]) => tools.includes(key)));
         }
         else {
             state[`_enabled${toolType}`] = tools.reduce((values, tool) => {

package/cjs/types/events.d.ts

@@ -0,0 +1,5 @@
+export declare enum WidgetEvent {
+    SwapStarted = "swapStarted",
+    SwapCompleted = "swapCompleted",
+    SwapFailed = "swapFailed"
+}

package/cjs/types/events.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetEvent = void 0;
+var WidgetEvent;
+(function (WidgetEvent) {
+    WidgetEvent["SwapStarted"] = "swapStarted";
+    WidgetEvent["SwapCompleted"] = "swapCompleted";
+    WidgetEvent["SwapFailed"] = "swapFailed";
+})(WidgetEvent = exports.WidgetEvent || (exports.WidgetEvent = {}));

package/cjs/types/index.d.ts

@@ -1,2 +1,3 @@
+export * from './events';
 export * from './token';
 export * from './widget';

package/cjs/types/index.js

@@ -14,5 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./events"), exports);
 __exportStar(require("./token"), exports);
 __exportStar(require("./widget"), exports);

package/cjs/types/widget.d.ts

@@ -1,4 +1,4 @@
-import type { ChainKey, Token } from '@lifi/sdk';
+import type { ChainKey, ConfigUpdate, 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';
@@ -19,6 +19,7 @@ export interface WidgetWalletManagement {
 }
 interface WidgetConfigBase {
     fromAmount?: number | string;
+    toAddress?: string;
     containerStyle?: CSSProperties;
     theme?: ThemeConfig;
     appearance?: Appearance;
@@ -28,6 +29,7 @@ interface WidgetConfigBase {
     integrator?: string;
     disabledChains?: number[];
     featuredTokens?: Token[];
+    sdkConfig?: ConfigUpdate;
 }
 declare type WidgetFromTokenConfig = {
     fromChain: `${ChainKey}` | number;

package/cjs/utils/format.js

@@ -68,8 +68,13 @@ const formatAmount = (amount = '', returnInitial = false) => {
     if (parsedAmount < 0) {
         return Math.abs(parsedAmount).toString();
     }
-    if (returnInitial) {
-        return amount;
+    try {
+        if (returnInitial && (0, big_js_1.default)(amount)) {
+            return amount;
+        }
+    }
+    catch (_a) {
+        return '';
     }
     return (0, big_js_1.default)(parsedAmount).toString();
 };

package/cjs/utils/navigationRoutes.d.ts

@@ -4,10 +4,15 @@ export declare const navigationRoutes: {
     settings: string;
     fromToken: string;
     toToken: string;
+    fromChain: string;
+    toChain: string;
     swapRoutes: string;
     swapExecution: string;
     swapHistory: string;
+    activeSwaps: string;
     swapDetails: string;
 };
 export declare const navigationRoutesValues: string[];
+export declare const stickyHeaderRoutes: string[];
+export declare const backButtonRoutes: string[];
 export declare type NavigationRouteType = keyof typeof navigationRoutes;