@lifi/widget 1.31.1 → 1.32.1

package/providers/TelemetryProvider/TelemetryProvider.js

@@ -2,6 +2,6 @@ import { useWidgetConfig } from '..';
 import { useTelemetry } from '../../hooks';
 export const TelemetryProvider = ({ children }) => {
     const config = useWidgetConfig();
-    useTelemetry(config === null || config === void 0 ? void 0 : config.disableTelemetry);
+    useTelemetry(config?.disableTelemetry);
     return children;
 };

package/providers/ThemeProvider/ThemeProvider.js

@@ -9,7 +9,7 @@ export const ThemeProvider = ({ children, }) => {
     const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig();
     const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
     const [appearance, setAppearance] = useAppearance();
-    const [mode, setMode] = useState((colorSchemeMode !== null && colorSchemeMode !== void 0 ? colorSchemeMode : appearance === 'auto')
+    const [mode, setMode] = useState(colorSchemeMode ?? appearance === 'auto'
         ? prefersDarkMode
             ? 'dark'
             : 'light'
@@ -29,5 +29,5 @@ export const ThemeProvider = ({ children, }) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [colorSchemeMode]);
     const theme = useMemo(() => createTheme(mode, themeConfig), [mode, themeConfig]);
-    return _jsx(MuiThemeProvider, Object.assign({ theme: theme }, { children: children }));
+    return _jsx(MuiThemeProvider, { theme: theme, children: children });
 };

package/providers/WalletProvider/WalletProvider.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { addChain as walletAddChain, switchChain as walletSwitchChain, switchChainAndAddToken, useLiFiWalletManagement, } from '@lifi/wallet-management';
 import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
@@ -28,57 +19,57 @@ export const WalletProvider = ({ children }) => {
     const { walletManagement } = useWidgetConfig();
     const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, provider, } = useLiFiWalletManagement();
     const [account, setAccount] = useState({});
-    const connect = useCallback((wallet) => __awaiter(void 0, void 0, void 0, function* () {
+    const connect = useCallback(async (wallet) => {
         if (walletManagement) {
-            const signer = yield walletManagement.connect();
-            const account = yield extractAccountFromSigner(signer);
+            const signer = await walletManagement.connect();
+            const account = await extractAccountFromSigner(signer);
             setAccount(account);
             return;
         }
-        yield walletManagementConnect(wallet);
-    }), [walletManagement, walletManagementConnect]);
-    const disconnect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        await walletManagementConnect(wallet);
+    }, [walletManagement, walletManagementConnect]);
+    const disconnect = useCallback(async () => {
         if (walletManagement) {
-            yield walletManagement.disconnect();
+            await walletManagement.disconnect();
             setAccount({});
             return;
         }
-        yield walletManagementDisconnect();
-    }), [walletManagement, walletManagementDisconnect]);
+        await walletManagementDisconnect();
+    }, [walletManagement, walletManagementDisconnect]);
     // only for injected wallets
-    const switchChain = useCallback((chainId) => __awaiter(void 0, void 0, void 0, function* () {
-        if (walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.switchChain) {
-            const signer = yield walletManagement.switchChain(chainId);
-            const account = yield extractAccountFromSigner(signer);
+    const switchChain = useCallback(async (chainId) => {
+        if (walletManagement?.switchChain) {
+            const signer = await walletManagement.switchChain(chainId);
+            const account = await extractAccountFromSigner(signer);
             setAccount(account);
             return true;
         }
         return walletSwitchChain(chainId);
-    }), [walletManagement]);
-    const addChain = useCallback((chainId) => __awaiter(void 0, void 0, void 0, function* () {
-        if (walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.addChain) {
+    }, [walletManagement]);
+    const addChain = useCallback(async (chainId) => {
+        if (walletManagement?.addChain) {
             return walletManagement.addChain(chainId);
         }
         return walletAddChain(chainId);
-    }), [walletManagement]);
-    const addToken = useCallback((chainId, token) => __awaiter(void 0, void 0, void 0, function* () {
-        if (walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.addToken) {
+    }, [walletManagement]);
+    const addToken = useCallback(async (chainId, token) => {
+        if (walletManagement?.addToken) {
             return walletManagement.addToken(token, chainId);
         }
         return switchChainAndAddToken(chainId, token);
-    }), [walletManagement]);
+    }, [walletManagement]);
     // keep account information up to date
     useEffect(() => {
-        const updateAccount = () => __awaiter(void 0, void 0, void 0, function* () {
+        const updateAccount = async () => {
             let account;
             if (walletManagement) {
-                account = yield extractAccountFromSigner(walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.signer);
+                account = await extractAccountFromSigner(walletManagement?.signer);
             }
             else {
-                account = yield extractAccountFromSigner(signer);
+                account = await extractAccountFromSigner(signer);
             }
             setAccount(account);
-        });
+        };
         updateAccount();
     }, [signer, walletManagement]);
     const value = useMemo(() => ({
@@ -90,19 +81,19 @@ export const WalletProvider = ({ children }) => {
         account,
         provider,
     }), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
-    return (_jsx(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
+    return (_jsx(WalletContext.Provider, { value: value, children: children }));
 };
-export const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
+export const extractAccountFromSigner = async (signer) => {
     try {
         return {
-            address: yield (signer === null || signer === void 0 ? void 0 : signer.getAddress()),
-            isActive: (signer && !!(yield signer.getAddress()) === null) || !!signer,
+            address: await signer?.getAddress(),
+            isActive: (signer && !!(await signer.getAddress()) === null) || !!signer,
             signer,
-            chainId: yield (signer === null || signer === void 0 ? void 0 : signer.getChainId()),
+            chainId: await signer?.getChainId(),
         };
     }
     catch (error) {
         console.log(error);
         return {};
     }
-});
+};

package/providers/WidgetProvider/WidgetProvider.js

@@ -1,18 +1,7 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getChainByKey } from '@lifi/sdk';
-import { createContext, useContext, useEffect, useId, useMemo } from 'react';
-import { setDefaultSettings, useSettingsStoreContext } from '../../stores';
+import { createContext, useContext, useId, useMemo } from 'react';
+import { setDefaultSettings } from '../../stores';
 import { formatAmount } from '../../utils';
 const initialContext = {
     disabledChains: [],
@@ -20,47 +9,51 @@ const initialContext = {
 };
 const WidgetContext = createContext(initialContext);
 export const useWidgetConfig = () => useContext(WidgetContext);
-export const WidgetProvider = (_a) => {
-    var { children } = _a, _b = _a.config, _c = _b === void 0 ? {} : _b, { fromChain, fromToken, toChain, toToken, fromAmount } = _c, config = __rest(_c, ["fromChain", "fromToken", "toChain", "toToken", "fromAmount"]);
-    const settingsStoreContext = useSettingsStoreContext();
+export const WidgetProvider = ({ children, config: { fromChain, fromToken, toChain, toToken, fromAmount, ...config } = {}, }) => {
     const elementId = useId();
     const value = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f;
         try {
-            const searchParams = Object.fromEntries(new URLSearchParams(window === null || window === void 0 ? void 0 : window.location.search));
+            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`];
                 }
             });
-            return Object.assign(Object.assign({}, config), { fromChain: (searchParams.fromChain &&
+            const value = {
+                ...config,
+                fromChain: (searchParams.fromChain &&
                     isNaN(parseInt(searchParams.fromChain, 10))) ||
                     typeof fromChain === 'string'
-                    ? (_b = getChainByKey((_a = (searchParams.fromChain || fromChain)) === null || _a === void 0 ? void 0 : _a.toLowerCase())) === null || _b === void 0 ? void 0 : _b.id
+                    ? 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))) ||
+                        : undefined,
+                toChain: (searchParams.toChain && isNaN(parseInt(searchParams.toChain, 10))) ||
                     typeof toChain === 'string'
-                    ? (_d = getChainByKey((_c = (searchParams.toChain || toChain)) === null || _c === void 0 ? void 0 : _c.toLowerCase())) === null || _d === void 0 ? void 0 : _d.id
+                    ? getChainByKey((searchParams.toChain || toChain)?.toLowerCase())?.id
                     : (searchParams.toChain &&
                         !isNaN(parseInt(searchParams.toChain, 10))) ||
                         typeof toChain === 'number'
                         ? parseInt(searchParams.toChain, 10) || toChain
-                        : undefined, fromToken: ((_e = searchParams.fromToken) === null || _e === void 0 ? void 0 : _e.toLowerCase()) || (fromToken === null || fromToken === void 0 ? void 0 : fromToken.toLowerCase()), toToken: ((_f = searchParams.toToken) === null || _f === void 0 ? void 0 : _f.toLowerCase()) || (toToken === null || toToken === void 0 ? void 0 : toToken.toLowerCase()), fromAmount: typeof searchParams.fromAmount === 'string' &&
+                        : undefined,
+                fromToken: searchParams.fromToken?.toLowerCase() || fromToken?.toLowerCase(),
+                toToken: searchParams.toToken?.toLowerCase() || toToken?.toLowerCase(),
+                fromAmount: typeof searchParams.fromAmount === 'string' &&
                     !isNaN(parseFloat(searchParams.fromAmount))
                     ? formatAmount(searchParams.fromAmount)
-                    : fromAmount, elementId });
+                    : fromAmount,
+                elementId,
+            };
+            setDefaultSettings(value);
+            return value;
         }
         catch (e) {
             console.warn(e);
-            return Object.assign(Object.assign({}, config), { elementId });
+            return { ...config, elementId };
         }
     }, [config, elementId, fromAmount, fromChain, fromToken, toChain, toToken]);
-    useEffect(() => {
-        setDefaultSettings(settingsStoreContext, value);
-    }, [settingsStoreContext, value]);
-    return (_jsx(WidgetContext.Provider, Object.assign({ value: value }, { children: children })));
+    return (_jsx(WidgetContext.Provider, { value: value, children: children }));
 };

package/providers/WidgetProvider/utils.js

@@ -1,9 +1,8 @@
 export const isItemAllowed = (itemId, items, 
 /** @deprecated Remove in the next major release */
 disabledChains) => {
-    var _a, _b;
-    if ((_a = items === null || items === void 0 ? void 0 : items.allow) === null || _a === void 0 ? void 0 : _a.length) {
+    if (items?.allow?.length) {
         return items.allow.includes(itemId);
     }
-    return !((disabledChains === null || disabledChains === void 0 ? void 0 : disabledChains.includes(itemId)) || ((_b = items === null || items === void 0 ? void 0 : items.deny) === null || _b === void 0 ? void 0 : _b.includes(itemId)));
+    return !(disabledChains?.includes(itemId) || items?.deny?.includes(itemId));
 };

package/stores/StoreProvider.js

@@ -1,11 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ChainOrderStoreProvider } from './chains';
-import { RouteExecutionStoreProvider } from './routes';
-import { SettingsStoreProvider } from './settings';
+import { RecommendedRouteStoreProvider, RouteExecutionStoreProvider, } from './routes';
 export const StoreProvider = ({ children, namePrefix }) => {
-    return (_jsx(RouteExecutionStoreProvider, Object.assign({ namePrefix: namePrefix }, { children: _jsx(SettingsStoreProvider
-        // namePrefix={namePrefix}
-        , { children: _jsx(ChainOrderStoreProvider
-            // namePrefix={namePrefix}
-            , { children: children }) }) })));
+    return (_jsx(RouteExecutionStoreProvider, { namePrefix: namePrefix, children: _jsx(RecommendedRouteStoreProvider, { children: children }) }));
 };

package/stores/chains/index.d.ts

@@ -1,4 +1,3 @@
-export * from './ChainOrderStore';
-export * from './createChainOrderStore';
 export * from './types';
 export * from './useChainOrder';
+export * from './useChainOrderStore';

package/stores/chains/index.js

@@ -1,4 +1,3 @@
-export * from './ChainOrderStore';
-export * from './createChainOrderStore';
 export * from './types';
 export * from './useChainOrder';
+export * from './useChainOrderStore';

package/stores/chains/useChainOrder.js

@@ -1,5 +1,5 @@
 import { shallow } from 'zustand/shallow';
-import { useChainOrderStore } from './ChainOrderStore';
+import { useChainOrderStore } from '.';
 export const useChainOrder = () => {
     return useChainOrderStore((state) => [state.chainOrder, state.setChain], shallow);
 };

package/stores/chains/useChainOrderStore.d.ts

@@ -0,0 +1,3 @@
+import type { ChainOrderState } from './types';
+export declare const maxChainToOrder = 9;
+export declare const useChainOrderStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ChainOrderState>>;

package/stores/chains/{createChainOrderStore.js → useChainOrderStore.js}

@@ -1,7 +1,7 @@
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 export const maxChainToOrder = 9;
-export const createChainOrderStore = ({ namePrefix }) => create(persist((set, get) => ({
+export const useChainOrderStore = create(persist((set, get) => ({
     chainOrder: [],
     availableChains: [],
     initializeChains: (chainIds) => {
@@ -43,7 +43,7 @@ export const createChainOrderStore = ({ namePrefix }) => create(persist((set, ge
         });
     },
 }), {
-    name: `${namePrefix || 'li.fi'}-widget-chains-order`,
+    name: `li.fi-widget-chains-order`,
     version: 0,
     partialize: (state) => ({ chainOrder: state.chainOrder }),
 }));

package/stores/routes/RouteExecutionStore.js

@@ -1,26 +1,14 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable no-underscore-dangle */
 import { createContext, useContext, useRef } from 'react';
 import { createRouteExecutionStore } from './createRouteExecutionStore';
 export const RouteExecutionStoreContext = createContext(null);
-export function RouteExecutionStoreProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+export function RouteExecutionStoreProvider({ children, ...props }) {
     const storeRef = useRef();
     if (!storeRef.current) {
         storeRef.current = createRouteExecutionStore(props);
     }
-    return (_jsx(RouteExecutionStoreContext.Provider, Object.assign({ value: storeRef.current }, { children: children })));
+    return (_jsx(RouteExecutionStoreContext.Provider, { value: storeRef.current, children: children }));
 }
 export function useRouteExecutionStore(selector, equalityFn) {
     const useStore = useContext(RouteExecutionStoreContext);

package/stores/routes/createRouteExecutionStore.js

@@ -8,10 +8,10 @@ export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set
     setExecutableRoute: (route) => {
         if (!get().routes[route.id]) {
             set((state) => {
-                const routes = Object.assign({}, state.routes);
+                const routes = { ...state.routes };
                 // clean previous idle routes that were not executed
                 Object.keys(routes)
-                    .filter((routeId) => { var _a; return ((_a = routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) === RouteExecutionStatus.Idle; })
+                    .filter((routeId) => routes[routeId]?.status === RouteExecutionStatus.Idle)
                     .forEach((routeId) => delete routes[routeId]);
                 routes[route.id] = {
                     route,
@@ -27,7 +27,10 @@ export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set
         if (get().routes[route.id]) {
             set((state) => {
                 const updatedState = {
-                    routes: Object.assign(Object.assign({}, state.routes), { [route.id]: Object.assign(Object.assign({}, state.routes[route.id]), { route }) }),
+                    routes: {
+                        ...state.routes,
+                        [route.id]: { ...state.routes[route.id], route },
+                    },
                 };
                 const isFailed = isRouteFailed(route);
                 if (isFailed) {
@@ -61,14 +64,20 @@ export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set
     restartRoute: (routeId) => {
         if (get().routes[routeId]) {
             set((state) => ({
-                routes: Object.assign(Object.assign({}, state.routes), { [routeId]: Object.assign(Object.assign({}, state.routes[routeId]), { status: RouteExecutionStatus.Pending }) }),
+                routes: {
+                    ...state.routes,
+                    [routeId]: {
+                        ...state.routes[routeId],
+                        status: RouteExecutionStatus.Pending,
+                    },
+                },
             }));
         }
     },
     deleteRoute: (routeId) => {
         if (get().routes[routeId]) {
             set((state) => {
-                const routes = Object.assign({}, state.routes);
+                const routes = { ...state.routes };
                 delete routes[routeId];
                 return {
                     routes,
@@ -77,14 +86,11 @@ export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set
         }
     },
     deleteRoutes: (type) => set((state) => {
-        const routes = Object.assign({}, state.routes);
+        const routes = { ...state.routes };
         Object.keys(routes)
-            .filter((routeId) => {
-            var _a, _b, _c, _d;
-            return type === 'completed'
-                ? hasEnumFlag((_b = (_a = routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) !== null && _b !== void 0 ? _b : 0, RouteExecutionStatus.Done)
-                : !hasEnumFlag((_d = (_c = routes[routeId]) === null || _c === void 0 ? void 0 : _c.status) !== null && _d !== void 0 ? _d : 0, RouteExecutionStatus.Done);
-        })
+            .filter((routeId) => type === 'completed'
+            ? hasEnumFlag(routes[routeId]?.status ?? 0, RouteExecutionStatus.Done)
+            : !hasEnumFlag(routes[routeId]?.status ?? 0, RouteExecutionStatus.Done))
             .forEach((routeId) => delete routes[routeId]);
         return {
             routes,
@@ -95,16 +101,21 @@ export const createRouteExecutionStore = ({ namePrefix }) => create(persist((set
     version: 1,
     partialize: (state) => ({ routes: state.routes }),
     merge: (persistedState, currentState) => {
-        const state = Object.assign(Object.assign({}, currentState), persistedState);
+        const state = {
+            ...currentState,
+            ...persistedState,
+        };
         try {
             // Move swaps to history after 1 day
             const currentTime = new Date().getTime();
             const oneDay = 1000 * 60 * 60 * 24;
             Object.values(state.routes).forEach((routeExecution) => {
-                var _a, _b, _c, _d, _e;
-                const startedAt = (_e = (_d = (_c = (_b = (_a = routeExecution === null || routeExecution === void 0 ? void 0 : routeExecution.route.steps) === null || _a === void 0 ? void 0 : _a.find((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; })) === null || _b === void 0 ? void 0 : _b.execution) === null || _c === void 0 ? void 0 : _c.process.find((process) => process.startedAt)) === null || _d === void 0 ? void 0 : _d.startedAt) !== null && _e !== void 0 ? _e : 0;
+                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 === null || routeExecution === void 0 ? void 0 : routeExecution.route) && outdated) {
+                if (routeExecution?.route && outdated) {
                     routeExecution.status |= RouteExecutionStatus.Done;
                 }
             });

package/stores/routes/types.d.ts

@@ -19,7 +19,7 @@ export declare enum RouteExecutionStatus {
     Partial = 8,
     Refunded = 16
 }
-export interface RecommendedRouteStore {
+export interface RecommendedRouteState {
     recommendedRoute?: Route;
     setRecommendedRoute: (route?: Route) => void;
 }

package/stores/routes/useExecutingRoutesIds.js

@@ -6,10 +6,7 @@ export const useExecutingRoutesIds = (address) => {
         .filter((item) => item.route.fromAddress === address &&
         (item.status === RouteExecutionStatus.Pending ||
             item.status === RouteExecutionStatus.Failed))
-        .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);
-    })
+        .sort((a, b) => (b?.route.steps[0].execution?.process[0].startedAt ?? 0) -
+        (a?.route.steps[0].execution?.process[0].startedAt ?? 0))
         .map(({ route }) => route.id), shallow);
 };

package/stores/routes/useRecommendedRouteStore.d.ts

@@ -1,2 +1,10 @@
-import type { RecommendedRouteStore } from './types';
-export declare const useRecommendedRouteStore: import("zustand").UseBoundStore<import("zustand").StoreApi<RecommendedRouteStore>>;
+/// <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,8 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useRef } from 'react';
 import { create } from 'zustand';
-export const useRecommendedRouteStore = create((set) => ({
+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;
+}

package/stores/routes/useSwapHistory.js

@@ -4,11 +4,8 @@ import { useRouteExecutionStore } from './RouteExecutionStore';
 import { RouteExecutionStatus } from './types';
 export const useSwapHistory = (address) => {
     return useRouteExecutionStore((state) => Object.values(state.routes)
-        .filter((item) => (item === null || item === void 0 ? void 0 : item.route.fromAddress) === address &&
+        .filter((item) => item?.route.fromAddress === address &&
         hasEnumFlag(item.status, RouteExecutionStatus.Done))
-        .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);
-    }), shallow);
+        .sort((a, b) => (b?.route.steps[0].execution?.process[0].startedAt ?? 0) -
+        (a?.route.steps[0].execution?.process[0].startedAt ?? 0)), shallow);
 };

package/stores/routes/utils.js

@@ -1,15 +1,15 @@
 import microdiff from 'microdiff';
 export const isRouteDone = (route) => {
-    return route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+    return route.steps.every((step) => step.execution?.status === 'DONE');
 };
 export const isRoutePartiallyDone = (route) => {
-    return route.steps.some((step) => { var _a; return (_a = step.execution) === null || _a === void 0 ? void 0 : _a.process.some((process) => process.substatus === 'PARTIAL'); });
+    return route.steps.some((step) => step.execution?.process.some((process) => process.substatus === 'PARTIAL'));
 };
 export const isRouteRefunded = (route) => {
-    return route.steps.some((step) => { var _a; return (_a = step.execution) === null || _a === void 0 ? void 0 : _a.process.some((process) => process.substatus === 'REFUNDED'); });
+    return route.steps.some((step) => step.execution?.process.some((process) => process.substatus === 'REFUNDED'));
 };
 export const isRouteFailed = (route) => {
-    return route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+    return route.steps.some((step) => step.execution?.status === 'FAILED');
 };
 export const isRouteActive = (route) => {
     if (!route) {

package/stores/settings/index.d.ts

@@ -1,5 +1,5 @@
-export * from './SettingsStore';
 export * from './types';
 export * from './useAppearance';
 export * from './useSendToWalletStore';
 export * from './useSettings';
+export * from './useSettingsStore';

package/stores/settings/index.js

@@ -1,5 +1,5 @@
-export * from './SettingsStore';
 export * from './types';
 export * from './useAppearance';
 export * from './useSendToWalletStore';
 export * from './useSettings';
+export * from './useSettingsStore';

package/stores/settings/types.d.ts

@@ -1,27 +1,27 @@
-import type { Bridge, Exchange, Order } from '@lifi/sdk';
+import type { Order } from '@lifi/sdk';
 import type { Appearance } from '../../types';
 export type ValueSetter<S> = <K extends keyof S>(key: K, value: S[Extract<K, string>]) => void;
 export type ValuesSetter<S> = <K extends keyof S>(values: Record<K, S[Extract<K, string>]>) => void;
 export type SettingsToolType = 'Bridges' | 'Exchanges';
 export declare const SettingsToolTypes: SettingsToolType[];
 export interface SettingsProps {
-    advancedPreferences: boolean;
     appearance: Appearance;
     gasPrice?: string;
     language?: string;
     routePriority?: Order;
     showDestinationWallet: boolean;
     slippage?: string;
-    enabledBridges?: string[];
+    enabledBridges: string[];
     _enabledBridges?: Record<string, boolean>;
-    enabledExchanges?: string[];
+    enabledExchanges: string[];
     _enabledExchanges?: Record<string, boolean>;
 }
 export interface SettingsState extends SettingsProps {
     setValue: ValueSetter<SettingsProps>;
     setValues: ValuesSetter<SettingsProps>;
-    initializeTools(toolType: SettingsToolType, tools: string[]): void;
-    setTools(toolType: SettingsToolType, tools: string[], availableTools: (Pick<Bridge, 'key'> | Pick<Exchange, 'key'>)[]): void;
+    initializeTools(toolType: SettingsToolType, tools: string[], reset?: boolean): void;
+    setTools(toolType: SettingsToolType, tools: string[], availableTools: string[]): void;
+    reset(bridges: string[], exchanges: string[]): void;
 }
 export interface SendToWalletState {
     showSendToWallet: boolean;

package/stores/settings/useAppearance.js

@@ -1,5 +1,5 @@
 import { shallow } from 'zustand/shallow';
-import { useSettingsStore } from './SettingsStore';
+import { useSettingsStore } from './useSettingsStore';
 export const useAppearance = () => {
     const [appearance, setValue] = useSettingsStore((state) => [state.appearance, state.setValue], shallow);
     const setAppearance = (appearance) => {

package/stores/settings/useSettings.js

@@ -1,5 +1,5 @@
 import { shallow } from 'zustand/shallow';
-import { useSettingsStore } from './SettingsStore';
+import { useSettingsStore } from './useSettingsStore';
 export const useSettings = (keys) => {
     return useSettingsStore((state) => keys.reduce((values, key) => {
         values[key] = state[key];

package/stores/settings/useSettingsStore.d.ts

@@ -0,0 +1,6 @@
+import type { WidgetConfig } from '../../types';
+import type { SettingsProps, SettingsState } from './types';
+export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage'>;
+export declare const defaultSettings: SettingsProps;
+export declare const useSettingsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SettingsState>>;
+export declare const setDefaultSettings: (config?: WidgetConfig) => void;