@lifi/widget 2.9.4 → 3.0.0-alpha.1

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

@@ -1,17 +0,0 @@
-import type { Signer } from '@ethersproject/abstract-signer';
-import type { StaticToken } from '@lifi/sdk';
-import type { Wallet } from '@lifi/wallet-management';
-export interface WalletContextProps {
-    account: WalletAccount;
-    addChain(chainId: number): Promise<boolean>;
-    addToken(chainId: number, token: StaticToken): Promise<void>;
-    disconnect(wallet?: Wallet): void;
-    switchChain(chainId: number): Promise<Signer | undefined>;
-    connect(wallet?: Wallet | undefined): Promise<void>;
-}
-export interface WalletAccount {
-    isActive?: boolean;
-    chainId?: number;
-    address?: string;
-    signer?: Signer;
-}

package/cjs/providers/WalletProvider/types.js

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

package/cjs/providers/WidgetProvider/WidgetProvider.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WidgetProvider = exports.useWidgetConfig = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const sdk_1 = require("@lifi/sdk");
-const react_1 = require("react");
-const stores_1 = require("../../stores");
-const utils_1 = require("../../utils");
-const initialContext = {
-    elementId: '',
-    integrator: '',
-};
-const WidgetContext = (0, react_1.createContext)(initialContext);
-const useWidgetConfig = () => (0, react_1.useContext)(WidgetContext);
-exports.useWidgetConfig = useWidgetConfig;
-const WidgetProvider = ({ children, config: { fromChain, fromToken, toChain, toToken, fromAmount, toAddress, integrator, ...config } = {}, }) => {
-    const elementId = (0, react_1.useId)();
-    if (!integrator) {
-        throw Error('Required property "integrator" is missing.');
-    }
-    const value = (0, react_1.useMemo)(() => {
-        try {
-            const searchParams = Object.fromEntries(new URLSearchParams(window?.location.search));
-            // Prevent using fromToken/toToken params if chain is not selected
-            ['from', 'to'].forEach((key) => {
-                if (searchParams[`${key}Token`] && !searchParams[`${key}Chain`]) {
-                    delete searchParams[`${key}Token`];
-                }
-            });
-            const value = {
-                ...config,
-                fromChain: (searchParams.fromChain &&
-                    isNaN(parseInt(searchParams.fromChain, 10))) ||
-                    typeof fromChain === 'string'
-                    ? (0, sdk_1.getChainByKey)((searchParams.fromChain || fromChain)?.toLowerCase())?.id
-                    : (searchParams.fromChain &&
-                        !isNaN(parseInt(searchParams.fromChain, 10))) ||
-                        typeof fromChain === 'number'
-                        ? parseInt(searchParams.fromChain, 10) || fromChain
-                        : undefined,
-                toChain: (searchParams.toChain && isNaN(parseInt(searchParams.toChain, 10))) ||
-                    typeof toChain === 'string'
-                    ? (0, sdk_1.getChainByKey)((searchParams.toChain || toChain)?.toLowerCase())?.id
-                    : (searchParams.toChain &&
-                        !isNaN(parseInt(searchParams.toChain, 10))) ||
-                        typeof toChain === 'number'
-                        ? parseInt(searchParams.toChain, 10) || toChain
-                        : undefined,
-                fromToken: searchParams.fromToken?.toLowerCase() || fromToken?.toLowerCase(),
-                toToken: searchParams.toToken?.toLowerCase() || toToken?.toLowerCase(),
-                fromAmount: typeof searchParams.fromAmount === 'string' &&
-                    !isNaN(parseFloat(searchParams.fromAmount))
-                    ? (0, utils_1.formatInputAmount)(searchParams.fromAmount)
-                    : fromAmount,
-                toAddress: searchParams.toAddress || toAddress,
-                elementId,
-                integrator,
-            };
-            (0, stores_1.setDefaultSettings)(value);
-            return value;
-        }
-        catch (e) {
-            console.warn(e);
-            return { ...config, elementId, integrator };
-        }
-    }, [
-        config,
-        elementId,
-        fromAmount,
-        fromChain,
-        fromToken,
-        integrator,
-        toAddress,
-        toChain,
-        toToken,
-    ]);
-    return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, { value: value, children: children }));
-};
-exports.WidgetProvider = WidgetProvider;

package/cjs/providers/WidgetProvider/index.js

@@ -1,19 +0,0 @@
-"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("./utils"), exports);
-__exportStar(require("./WidgetProvider"), exports);

package/cjs/providers/WidgetProvider/types.js

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

package/cjs/providers/WidgetProvider/utils.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isItemAllowed = void 0;
-const isItemAllowed = (itemId, items) => {
-    if (items?.allow?.length) {
-        return items.allow.includes(itemId);
-    }
-    return !items?.deny?.includes(itemId);
-};
-exports.isItemAllowed = isItemAllowed;

package/cjs/providers/index.d.ts

@@ -1,6 +0,0 @@
-export * from './FormProvider';
-export * from './I18nProvider';
-export * from './SDKProvider';
-export * from './ThemeProvider';
-export * from './WalletProvider';
-export * from './WidgetProvider';

package/cjs/providers/index.js

@@ -1,22 +0,0 @@
-"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("./FormProvider"), exports);
-__exportStar(require("./I18nProvider"), exports);
-__exportStar(require("./SDKProvider"), exports);
-__exportStar(require("./ThemeProvider"), exports);
-__exportStar(require("./WalletProvider"), exports);
-__exportStar(require("./WidgetProvider"), exports);

package/cjs/stores/StoreProvider.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StoreProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const chains_1 = require("./chains");
-const header_1 = require("./header");
-const routes_1 = require("./routes");
-const settings_1 = require("./settings");
-const StoreProvider = ({ children, config, }) => {
-    return ((0, jsx_runtime_1.jsx)(settings_1.SplitSubvariantStoreProvider, { state: config.subvariant === 'split'
-            ? config.subvariantOptions || 'swap'
-            : undefined, children: (0, jsx_runtime_1.jsx)(header_1.HeaderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(chains_1.ChainOrderStoreProvider, { namePrefix: config?.keyPrefix, children: (0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: config?.keyPrefix, children: children }) }) }) }));
-};
-exports.StoreProvider = StoreProvider;

package/cjs/stores/chains/ChainOrderStore.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useChainOrderStoreContext = exports.useChainOrderStore = exports.ChainOrderStoreProvider = exports.ChainOrderStoreContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const createChainOrderStore_1 = require("./createChainOrderStore");
-exports.ChainOrderStoreContext = (0, react_1.createContext)(null);
-function ChainOrderStoreProvider({ children, ...props }) {
-    const storeRef = (0, react_1.useRef)();
-    const { chains: filteredChains } = (0, hooks_1.useChains)();
-    const { setValue, getValues } = (0, react_hook_form_1.useFormContext)();
-    if (!storeRef.current) {
-        storeRef.current = (0, createChainOrderStore_1.createChainOrderStore)(props);
-    }
-    (0, react_1.useEffect)(() => {
-        if (filteredChains) {
-            const chainOrder = storeRef.current
-                ?.getState()
-                .initializeChains(filteredChains.map((chain) => chain.id));
-            if (chainOrder) {
-                const [fromChainValue, toChainValue] = getValues([
-                    providers_1.FormKey.FromChain,
-                    providers_1.FormKey.ToChain,
-                ]);
-                if (!fromChainValue) {
-                    setValue(providers_1.FormKey.FromChain, chainOrder[0]);
-                }
-                if (!toChainValue) {
-                    setValue(providers_1.FormKey.ToChain, chainOrder[0]);
-                }
-            }
-        }
-    }, [filteredChains, getValues, setValue]);
-    return ((0, jsx_runtime_1.jsx)(exports.ChainOrderStoreContext.Provider, { value: storeRef.current, children: children }));
-}
-exports.ChainOrderStoreProvider = ChainOrderStoreProvider;
-function useChainOrderStore(selector, equalityFn) {
-    const useStore = (0, react_1.useContext)(exports.ChainOrderStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
-    }
-    return useStore(selector, equalityFn);
-}
-exports.useChainOrderStore = useChainOrderStore;
-function useChainOrderStoreContext() {
-    const useStore = (0, react_1.useContext)(exports.ChainOrderStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
-    }
-    return useStore;
-}
-exports.useChainOrderStoreContext = useChainOrderStoreContext;

package/cjs/stores/chains/createChainOrderStore.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createChainOrderStore = exports.maxChainToOrder = void 0;
-const middleware_1 = require("zustand/middleware");
-const traditional_1 = require("zustand/traditional");
-exports.maxChainToOrder = 9;
-const createChainOrderStore = ({ namePrefix }) => (0, traditional_1.createWithEqualityFn)((0, middleware_1.persist)((set, get) => ({
-    chainOrder: [],
-    availableChains: [],
-    initializeChains: (chainIds) => {
-        set((state) => {
-            const chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
-            const chainsToAdd = chainIds.filter((chainId) => !chainOrder.includes(chainId));
-            if (chainOrder.length === exports.maxChainToOrder || !chainsToAdd.length) {
-                return {
-                    availableChains: chainIds,
-                    chainOrder,
-                };
-            }
-            const chainsToAddLength = exports.maxChainToOrder - chainOrder.length;
-            for (let index = 0; index < chainsToAddLength; index++) {
-                chainOrder.push(chainsToAdd[index]);
-            }
-            return {
-                availableChains: chainIds,
-                chainOrder,
-            };
-        });
-        return get().chainOrder;
-    },
-    setChain: (chainId) => {
-        const state = get();
-        if (state.chainOrder.includes(chainId) ||
-            !state.availableChains.includes(chainId)) {
-            return;
-        }
-        set((state) => {
-            const chainOrder = state.chainOrder.slice();
-            chainOrder.unshift(chainId);
-            if (chainOrder.length > exports.maxChainToOrder) {
-                chainOrder.pop();
-            }
-            return {
-                chainOrder,
-            };
-        });
-    },
-}), {
-    name: `${namePrefix || 'li.fi'}-widget-chains-order`,
-    version: 0,
-    partialize: (state) => ({ chainOrder: state.chainOrder }),
-}), Object.is);
-exports.createChainOrderStore = createChainOrderStore;

package/cjs/stores/chains/index.js

@@ -1,20 +0,0 @@
-"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("./ChainOrderStore"), exports);
-__exportStar(require("./createChainOrderStore"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./useChainOrder"), exports);

package/cjs/stores/chains/types.js

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

package/cjs/stores/chains/useChainOrder.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useChainOrder = void 0;
-const shallow_1 = require("zustand/shallow");
-const ChainOrderStore_1 = require("./ChainOrderStore");
-const useChainOrder = () => {
-    return (0, ChainOrderStore_1.useChainOrderStore)((state) => [state.chainOrder, state.setChain], shallow_1.shallow);
-};
-exports.useChainOrder = useChainOrder;

package/cjs/stores/header/index.js

@@ -1,17 +0,0 @@
-"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("./useHeaderStore"), exports);

package/cjs/stores/header/types.js

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

package/cjs/stores/header/useHeaderStore.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { PersistStoreProps, PersistStoreProviderProps } from '../types';
-import type { HeaderState, HeaderStore } from './types';
-export declare const HeaderStoreContext: import("react").Context<HeaderStore | null>;
-export declare function HeaderStoreProvider({ children, ...props }: PersistStoreProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useHeaderStore<T>(selector: (state: HeaderState) => T, equalityFn?: (left: T, right: T) => boolean): T;
-export declare function useHeaderStoreContext(): HeaderStore;
-export declare const createHeaderStore: ({ namePrefix }: PersistStoreProps) => import("zustand/traditional").UseBoundStoreWithEqualityFn<import("zustand").StoreApi<HeaderState>>;

package/cjs/stores/header/useHeaderStore.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createHeaderStore = exports.useHeaderStoreContext = exports.useHeaderStore = exports.HeaderStoreProvider = exports.HeaderStoreContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const traditional_1 = require("zustand/traditional");
-exports.HeaderStoreContext = (0, react_1.createContext)(null);
-function HeaderStoreProvider({ children, ...props }) {
-    const storeRef = (0, react_1.useRef)();
-    if (!storeRef.current) {
-        storeRef.current = (0, exports.createHeaderStore)(props);
-    }
-    return ((0, jsx_runtime_1.jsx)(exports.HeaderStoreContext.Provider, { value: storeRef.current, children: children }));
-}
-exports.HeaderStoreProvider = HeaderStoreProvider;
-function useHeaderStore(selector, equalityFn) {
-    const useStore = (0, react_1.useContext)(exports.HeaderStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
-    }
-    return useStore(selector, equalityFn);
-}
-exports.useHeaderStore = useHeaderStore;
-function useHeaderStoreContext() {
-    const useStore = (0, react_1.useContext)(exports.HeaderStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${HeaderStoreProvider.name}>.`);
-    }
-    return useStore;
-}
-exports.useHeaderStoreContext = useHeaderStoreContext;
-const createHeaderStore = ({ namePrefix }) => (0, traditional_1.createWithEqualityFn)((set, get) => ({
-    setAction: (element) => {
-        set(() => ({
-            element,
-        }));
-        return get().removeAction;
-    },
-    setTitle: (title) => {
-        set(() => ({
-            title,
-        }));
-        return get().removeTitle;
-    },
-    removeAction: () => {
-        set(() => ({
-            element: null,
-        }));
-    },
-    removeTitle: () => {
-        set(() => ({
-            title: undefined,
-        }));
-    },
-}), Object.is);
-exports.createHeaderStore = createHeaderStore;

package/cjs/stores/index.js

@@ -1,21 +0,0 @@
-"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("./StoreProvider"), exports);
-__exportStar(require("./chains"), exports);
-__exportStar(require("./header"), exports);
-__exportStar(require("./routes"), exports);
-__exportStar(require("./settings"), exports);

package/cjs/stores/routes/RouteExecutionStore.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRouteExecutionStoreContext = exports.useRouteExecutionStore = exports.RouteExecutionStoreProvider = exports.RouteExecutionStoreContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const createRouteExecutionStore_1 = require("./createRouteExecutionStore");
-exports.RouteExecutionStoreContext = (0, react_1.createContext)(null);
-function RouteExecutionStoreProvider({ children, ...props }) {
-    const storeRef = (0, react_1.useRef)();
-    if (!storeRef.current) {
-        storeRef.current = (0, createRouteExecutionStore_1.createRouteExecutionStore)(props);
-    }
-    return ((0, jsx_runtime_1.jsx)(exports.RouteExecutionStoreContext.Provider, { value: storeRef.current, children: children }));
-}
-exports.RouteExecutionStoreProvider = RouteExecutionStoreProvider;
-function useRouteExecutionStore(selector, equalityFn) {
-    const useStore = (0, react_1.useContext)(exports.RouteExecutionStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`);
-    }
-    return useStore(selector, equalityFn);
-}
-exports.useRouteExecutionStore = useRouteExecutionStore;
-function useRouteExecutionStoreContext() {
-    const useStore = (0, react_1.useContext)(exports.RouteExecutionStoreContext);
-    if (!useStore) {
-        throw new Error(`You forgot to wrap your component in <${RouteExecutionStoreProvider.name}>.`);
-    }
-    return useStore;
-}
-exports.useRouteExecutionStoreContext = useRouteExecutionStoreContext;

package/cjs/stores/routes/createRouteExecutionStore.js

@@ -1,188 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRouteExecutionStore = void 0;
-const middleware_1 = require("zustand/middleware");
-const traditional_1 = require("zustand/traditional");
-const utils_1 = require("../../utils");
-const types_1 = require("./types");
-const utils_2 = require("./utils");
-const createRouteExecutionStore = ({ namePrefix }) => (0, traditional_1.createWithEqualityFn)((0, middleware_1.persist)((set, get) => ({
-    routes: {},
-    setExecutableRoute: (route, insurableRouteId) => {
-        if (!get().routes[route.id]) {
-            set((state) => {
-                const routes = { ...state.routes };
-                // clean previous idle routes that were not executed
-                Object.keys(routes)
-                    .filter((routeId) => routeId !== insurableRouteId &&
-                    routes[routeId]?.status === types_1.RouteExecutionStatus.Idle)
-                    .forEach((routeId) => delete routes[routeId]);
-                routes[route.id] = {
-                    route,
-                    status: types_1.RouteExecutionStatus.Idle,
-                };
-                return {
-                    routes,
-                };
-            });
-        }
-    },
-    updateRoute: (route) => {
-        if (get().routes[route.id]) {
-            set((state) => {
-                const updatedState = {
-                    routes: {
-                        ...state.routes,
-                        [route.id]: { ...state.routes[route.id], route },
-                    },
-                };
-                const isFailed = (0, utils_2.isRouteFailed)(route);
-                if (isFailed) {
-                    updatedState.routes[route.id].status =
-                        types_1.RouteExecutionStatus.Failed;
-                    return updatedState;
-                }
-                const isDone = (0, utils_2.isRouteDone)(route);
-                if (isDone) {
-                    updatedState.routes[route.id].status =
-                        types_1.RouteExecutionStatus.Done;
-                    if ((0, utils_2.isRoutePartiallyDone)(route)) {
-                        updatedState.routes[route.id].status |=
-                            types_1.RouteExecutionStatus.Partial;
-                    }
-                    else if ((0, utils_2.isRouteRefunded)(route)) {
-                        updatedState.routes[route.id].status |=
-                            types_1.RouteExecutionStatus.Refunded;
-                    }
-                    return updatedState;
-                }
-                const isLoading = route.steps.some((step) => step.execution);
-                if (isLoading) {
-                    updatedState.routes[route.id].status =
-                        types_1.RouteExecutionStatus.Pending;
-                }
-                return updatedState;
-            });
-        }
-    },
-    restartRoute: (routeId) => {
-        if (get().routes[routeId]) {
-            set((state) => ({
-                routes: {
-                    ...state.routes,
-                    [routeId]: {
-                        ...state.routes[routeId],
-                        status: types_1.RouteExecutionStatus.Pending,
-                    },
-                },
-            }));
-        }
-    },
-    deleteRoute: (routeId) => {
-        if (get().routes[routeId]) {
-            set((state) => {
-                const routes = { ...state.routes };
-                delete routes[routeId];
-                return {
-                    routes,
-                };
-            });
-        }
-    },
-    deleteRoutes: (type) => set((state) => {
-        const routes = { ...state.routes };
-        Object.keys(routes)
-            .filter((routeId) => type === 'completed'
-            ? (0, utils_1.hasEnumFlag)(routes[routeId]?.status ?? 0, types_1.RouteExecutionStatus.Done)
-            : !(0, utils_1.hasEnumFlag)(routes[routeId]?.status ?? 0, types_1.RouteExecutionStatus.Done))
-            .forEach((routeId) => delete routes[routeId]);
-        return {
-            routes,
-        };
-    }),
-}), {
-    name: `${namePrefix || 'li.fi'}-widget-routes`,
-    version: 1,
-    partialize: (state) => ({ routes: state.routes }),
-    merge: (persistedState, currentState) => {
-        const state = {
-            ...currentState,
-            ...persistedState,
-        };
-        try {
-            // Move transactions to history after 1 day
-            const currentTime = new Date().getTime();
-            const oneDay = 1000 * 60 * 60 * 24;
-            Object.values(state.routes).forEach((routeExecution) => {
-                const startedAt = routeExecution?.route.steps
-                    ?.find((step) => step.execution?.status === 'FAILED')
-                    ?.execution?.process.find((process) => process.startedAt)
-                    ?.startedAt ?? 0;
-                const outdated = startedAt > 0 && currentTime - startedAt > oneDay;
-                if (routeExecution?.route && outdated) {
-                    routeExecution.status |= types_1.RouteExecutionStatus.Done;
-                }
-            });
-            // migrate old routes
-            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: types_1.RouteExecutionStatus.Idle,
-                    };
-                    const isFailed = (0, utils_2.isRouteFailed)(route);
-                    if (isFailed) {
-                        state.routes[route.id].status = types_1.RouteExecutionStatus.Failed;
-                        return;
-                    }
-                    const isDone = (0, utils_2.isRouteDone)(route);
-                    if (isDone) {
-                        state.routes[route.id].status = types_1.RouteExecutionStatus.Done;
-                        return;
-                    }
-                    const isLoading = route.steps.some((step) => step.execution);
-                    if (isLoading) {
-                        state.routes[route.id].status = types_1.RouteExecutionStatus.Pending;
-                    }
-                });
-                localStorage.removeItem('routes');
-            }
-        }
-        catch (error) {
-            console.error(error);
-        }
-        return state;
-    },
-    migrate: (persistedState, version) => {
-        if (version === 0) {
-            Object.values(persistedState.routes).forEach((route) => {
-                if (route) {
-                    switch (route.status) {
-                        case 'idle':
-                            route.status = types_1.RouteExecutionStatus.Idle;
-                            break;
-                        case 'loading':
-                            route.status = types_1.RouteExecutionStatus.Pending;
-                            break;
-                        case 'success':
-                        case 'warning':
-                            route.status = types_1.RouteExecutionStatus.Done;
-                            break;
-                        case 'error':
-                            route.status = types_1.RouteExecutionStatus.Failed;
-                            break;
-                        default:
-                            break;
-                    }
-                }
-            });
-        }
-        return persistedState;
-    },
-}), Object.is);
-exports.createRouteExecutionStore = createRouteExecutionStore;