@lifi/widget 1.31.1 → 1.32.0

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,14 +1,3 @@
-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';
@@ -20,47 +9,53 @@ 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"]);
+export const WidgetProvider = ({ children, config: { fromChain, fromToken, toChain, toToken, fromAmount, ...config } = {}, }) => {
     const settingsStoreContext = useSettingsStoreContext();
     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 &&
+            return {
+                ...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,
+            };
         }
         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

@@ -3,9 +3,9 @@ import { ChainOrderStoreProvider } from './chains';
 import { RouteExecutionStoreProvider } from './routes';
 import { SettingsStoreProvider } from './settings';
 export const StoreProvider = ({ children, namePrefix }) => {
-    return (_jsx(RouteExecutionStoreProvider, Object.assign({ namePrefix: namePrefix }, { children: _jsx(SettingsStoreProvider
+    return (_jsx(RouteExecutionStoreProvider, { namePrefix: namePrefix, children: _jsx(SettingsStoreProvider
         // namePrefix={namePrefix}
         , { children: _jsx(ChainOrderStoreProvider
             // namePrefix={namePrefix}
-            , { children: children }) }) })));
+            , { children: children }) }) }));
 };

package/stores/chains/ChainOrderStore.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 { createChainOrderStore } from './createChainOrderStore';
 export const ChainOrderStoreContext = createContext(null);
-export function ChainOrderStoreProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+export function ChainOrderStoreProvider({ children, ...props }) {
     const storeRef = useRef();
     if (!storeRef.current) {
         storeRef.current = createChainOrderStore(props);
     }
-    return (_jsx(ChainOrderStoreContext.Provider, Object.assign({ value: storeRef.current }, { children: children })));
+    return (_jsx(ChainOrderStoreContext.Provider, { value: storeRef.current, children: children }));
 }
 export function useChainOrderStore(selector, equalityFn) {
     const useStore = useContext(ChainOrderStoreContext);

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/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/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/SettingsStore.js

@@ -1,25 +1,13 @@
-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 { createContext, useContext, useRef } from 'react';
 import { createSettingsStore, defaultConfigurableSettings, } from './createSettingsStore';
 export const SettingsStoreContext = createContext(null);
-export function SettingsStoreProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+export function SettingsStoreProvider({ children, ...props }) {
     const storeRef = useRef();
     if (!storeRef.current) {
         storeRef.current = createSettingsStore(props);
     }
-    return (_jsx(SettingsStoreContext.Provider, Object.assign({ value: storeRef.current }, { children: children })));
+    return (_jsx(SettingsStoreContext.Provider, { value: storeRef.current, children: children }));
 }
 export function useSettingsStore(selector, equalityFn) {
     const useStore = useContext(SettingsStoreContext);
@@ -36,16 +24,18 @@ export function useSettingsStoreContext() {
     return useStore;
 }
 export const setDefaultSettings = (useSettingsStore, config) => {
-    var _a, _b, _c, _d, _e;
     const { slippage, routePriority, setValue } = useSettingsStore.getState();
-    const defaultSlippage = ((config === null || config === void 0 ? void 0 : config.slippage) ||
-        ((_b = (_a = config === null || config === void 0 ? void 0 : config.sdkConfig) === null || _a === void 0 ? void 0 : _a.defaultRouteOptions) === null || _b === void 0 ? void 0 : _b.slippage) ||
+    const defaultSlippage = (config?.slippage ||
+        config?.sdkConfig?.defaultRouteOptions?.slippage ||
         0) * 100;
-    const defaultRoutePriority = (config === null || config === void 0 ? void 0 : config.routePriority) || ((_d = (_c = config === null || config === void 0 ? void 0 : config.sdkConfig) === null || _c === void 0 ? void 0 : _c.defaultRouteOptions) === null || _d === void 0 ? void 0 : _d.order);
+    const defaultRoutePriority = config?.routePriority || config?.sdkConfig?.defaultRouteOptions?.order;
+    defaultConfigurableSettings.slippage = (defaultSlippage || defaultConfigurableSettings.slippage)?.toString();
+    defaultConfigurableSettings.routePriority =
+        defaultRoutePriority || defaultConfigurableSettings.routePriority;
     if (!slippage) {
-        setValue('slippage', (_e = (defaultSlippage || defaultConfigurableSettings.slippage)) === null || _e === void 0 ? void 0 : _e.toString());
+        setValue('slippage', defaultConfigurableSettings.slippage);
     }
     if (!routePriority) {
-        setValue('routePriority', defaultRoutePriority || defaultConfigurableSettings.routePriority);
+        setValue('routePriority', defaultConfigurableSettings.routePriority);
     }
 };

package/stores/settings/createSettingsStore.js

@@ -1,14 +1,3 @@
-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 { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import { SettingsToolTypes } from './types';
@@ -19,27 +8,32 @@ export const defaultConfigurableSettings = {
 export const defaultSettings = {
     appearance: 'auto',
     gasPrice: 'normal',
-    advancedPreferences: false,
     showDestinationWallet: true,
+    enabledBridges: [],
+    enabledExchanges: [],
 };
-export const createSettingsStore = ({ namePrefix }) => create(persist((set) => (Object.assign(Object.assign({}, defaultSettings), { setValue: (key, value) => set(() => ({
+export const createSettingsStore = ({ namePrefix }) => create(persist((set, get) => ({
+    ...defaultSettings,
+    setValue: (key, value) => set(() => ({
         [key]: value,
-    })), setValues: (values) => set((state) => {
-        const updatedState = Object.assign({}, state);
+    })),
+    setValues: (values) => set((state) => {
+        const updatedState = { ...state };
         for (const key in values) {
             if (Object.hasOwn(state, key)) {
                 updatedState[key] = values[key];
             }
         }
         return updatedState;
-    }), initializeTools: (toolType, tools) => {
+    }),
+    initializeTools: (toolType, tools, reset) => {
         if (!tools.length) {
             return;
         }
         set((state) => {
-            const updatedState = Object.assign({}, state);
-            if (updatedState[`_enabled${toolType}`]) {
-                // Add a new tools
+            const updatedState = { ...state };
+            if (updatedState[`_enabled${toolType}`] && !reset) {
+                // Add new tools
                 const enabledTools = tools
                     .filter((tool) => !Object.hasOwn(updatedState[`_enabled${toolType}`], tool))
                     .reduce((values, tool) => {
@@ -60,21 +54,31 @@ export const createSettingsStore = ({ namePrefix }) => create(persist((set) => (
                 .map(([key]) => key);
             return updatedState;
         });
-    }, setTools: (toolType, tools, availableTools) => set(() => ({
+    },
+    setTools: (toolType, tools, availableTools) => set(() => ({
         [`enabled${toolType}`]: tools,
-        [`_enabled${toolType}`]: availableTools.reduce((values, tool) => {
-            values[tool.key] = tools.includes(tool.key);
+        [`_enabled${toolType}`]: availableTools.reduce((values, toolKey) => {
+            values[toolKey] = tools.includes(toolKey);
             return values;
         }, {}),
-    })) })), {
+    })),
+    reset: (bridges, exchanges) => {
+        set(() => ({
+            ...defaultSettings,
+            ...defaultConfigurableSettings,
+        }));
+        get().initializeTools('Bridges', bridges, true);
+        get().initializeTools('Exchanges', exchanges, true);
+    },
+}), {
     name: `${namePrefix || 'li.fi'}-widget-settings`,
     version: 2,
     partialize: (state) => {
-        const { enabledBridges, enabledExchanges } = state, partializedState = __rest(state, ["enabledBridges", "enabledExchanges"]);
+        const { enabledBridges, enabledExchanges, ...partializedState } = state;
         return partializedState;
     },
     merge: (persistedState, currentState) => {
-        const state = Object.assign(Object.assign({}, currentState), persistedState);
+        const state = { ...currentState, ...persistedState };
         SettingsToolTypes.forEach((toolType) => {
             state[`enabled${toolType}`] = Object.entries(persistedState[`_enabled${toolType}`])
                 .filter(([_, value]) => value)

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;