@lifi/widget 1.31.1 → 1.32.0

package/cjs/providers/WalletProvider/WalletProvider.js

@@ -1,13 +1,4 @@
 "use strict";
-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());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extractAccountFromSigner = exports.WalletProvider = exports.useWallet = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -32,57 +23,57 @@ const WalletProvider = ({ children }) => {
     const { walletManagement } = (0, WidgetProvider_1.useWidgetConfig)();
     const { connect: walletManagementConnect, disconnect: walletManagementDisconnect, signer, provider, } = (0, wallet_management_1.useLiFiWalletManagement)();
     const [account, setAccount] = (0, react_1.useState)({});
-    const connect = (0, react_1.useCallback)((wallet) => __awaiter(void 0, void 0, void 0, function* () {
+    const connect = (0, react_1.useCallback)(async (wallet) => {
         if (walletManagement) {
-            const signer = yield walletManagement.connect();
-            const account = yield (0, exports.extractAccountFromSigner)(signer);
+            const signer = await walletManagement.connect();
+            const account = await (0, exports.extractAccountFromSigner)(signer);
             setAccount(account);
             return;
         }
-        yield walletManagementConnect(wallet);
-    }), [walletManagement, walletManagementConnect]);
-    const disconnect = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        await walletManagementConnect(wallet);
+    }, [walletManagement, walletManagementConnect]);
+    const disconnect = (0, react_1.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 = (0, react_1.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 (0, exports.extractAccountFromSigner)(signer);
+    const switchChain = (0, react_1.useCallback)(async (chainId) => {
+        if (walletManagement?.switchChain) {
+            const signer = await walletManagement.switchChain(chainId);
+            const account = await (0, exports.extractAccountFromSigner)(signer);
             setAccount(account);
             return true;
         }
         return (0, wallet_management_1.switchChain)(chainId);
-    }), [walletManagement]);
-    const addChain = (0, react_1.useCallback)((chainId) => __awaiter(void 0, void 0, void 0, function* () {
-        if (walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.addChain) {
+    }, [walletManagement]);
+    const addChain = (0, react_1.useCallback)(async (chainId) => {
+        if (walletManagement?.addChain) {
             return walletManagement.addChain(chainId);
         }
         return (0, wallet_management_1.addChain)(chainId);
-    }), [walletManagement]);
-    const addToken = (0, react_1.useCallback)((chainId, token) => __awaiter(void 0, void 0, void 0, function* () {
-        if (walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.addToken) {
+    }, [walletManagement]);
+    const addToken = (0, react_1.useCallback)(async (chainId, token) => {
+        if (walletManagement?.addToken) {
             return walletManagement.addToken(token, chainId);
         }
         return (0, wallet_management_1.switchChainAndAddToken)(chainId, token);
-    }), [walletManagement]);
+    }, [walletManagement]);
     // keep account information up to date
     (0, react_1.useEffect)(() => {
-        const updateAccount = () => __awaiter(void 0, void 0, void 0, function* () {
+        const updateAccount = async () => {
             let account;
             if (walletManagement) {
-                account = yield (0, exports.extractAccountFromSigner)(walletManagement === null || walletManagement === void 0 ? void 0 : walletManagement.signer);
+                account = await (0, exports.extractAccountFromSigner)(walletManagement?.signer);
             }
             else {
-                account = yield (0, exports.extractAccountFromSigner)(signer);
+                account = await (0, exports.extractAccountFromSigner)(signer);
             }
             setAccount(account);
-        });
+        };
         updateAccount();
     }, [signer, walletManagement]);
     const value = (0, react_1.useMemo)(() => ({
@@ -94,21 +85,21 @@ const WalletProvider = ({ children }) => {
         account,
         provider,
     }), [account, addChain, addToken, connect, disconnect, provider, switchChain]);
-    return ((0, jsx_runtime_1.jsx)(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(WalletContext.Provider, { value: value, children: children }));
 };
 exports.WalletProvider = WalletProvider;
-const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {
+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 {};
     }
-});
+};
 exports.extractAccountFromSigner = extractAccountFromSigner;

package/cjs/providers/WidgetProvider/WidgetProvider.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WidgetProvider = exports.useWidgetConfig = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -24,48 +13,54 @@ const initialContext = {
 const WidgetContext = (0, react_1.createContext)(initialContext);
 const useWidgetConfig = () => (0, react_1.useContext)(WidgetContext);
 exports.useWidgetConfig = useWidgetConfig;
-const WidgetProvider = (_a) => {
-    var { children } = _a, _b = _a.config, _c = _b === void 0 ? {} : _b, { fromChain, fromToken, toChain, toToken, fromAmount } = _c, config = __rest(_c, ["fromChain", "fromToken", "toChain", "toToken", "fromAmount"]);
+const WidgetProvider = ({ children, config: { fromChain, fromToken, toChain, toToken, fromAmount, ...config } = {}, }) => {
     const settingsStoreContext = (0, stores_1.useSettingsStoreContext)();
     const elementId = (0, react_1.useId)();
     const value = (0, react_1.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 = (0, sdk_1.getChainByKey)((_a = (searchParams.fromChain || fromChain)) === null || _a === void 0 ? void 0 : _a.toLowerCase())) === null || _b === void 0 ? void 0 : _b.id
+                    ? (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))) ||
+                        : undefined,
+                toChain: (searchParams.toChain && isNaN(parseInt(searchParams.toChain, 10))) ||
                     typeof toChain === 'string'
-                    ? (_d = (0, sdk_1.getChainByKey)((_c = (searchParams.toChain || toChain)) === null || _c === void 0 ? void 0 : _c.toLowerCase())) === null || _d === void 0 ? void 0 : _d.id
+                    ? (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: ((_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))
                     ? (0, utils_1.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]);
     (0, react_1.useEffect)(() => {
         (0, stores_1.setDefaultSettings)(settingsStoreContext, value);
     }, [settingsStoreContext, value]);
-    return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, Object.assign({ value: value }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(WidgetContext.Provider, { value: value, children: children }));
 };
 exports.WidgetProvider = WidgetProvider;

package/cjs/providers/WidgetProvider/utils.js

@@ -4,10 +4,9 @@ exports.isItemAllowed = void 0;
 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));
 };
 exports.isItemAllowed = isItemAllowed;

package/cjs/stores/StoreProvider.js

@@ -6,10 +6,10 @@ const chains_1 = require("./chains");
 const routes_1 = require("./routes");
 const settings_1 = require("./settings");
 const StoreProvider = ({ children, namePrefix }) => {
-    return ((0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, Object.assign({ namePrefix: namePrefix }, { children: (0, jsx_runtime_1.jsx)(settings_1.SettingsStoreProvider
+    return ((0, jsx_runtime_1.jsx)(routes_1.RouteExecutionStoreProvider, { namePrefix: namePrefix, children: (0, jsx_runtime_1.jsx)(settings_1.SettingsStoreProvider
         // namePrefix={namePrefix}
         , { children: (0, jsx_runtime_1.jsx)(chains_1.ChainOrderStoreProvider
             // namePrefix={namePrefix}
-            , { children: children }) }) })));
+            , { children: children }) }) }));
 };
 exports.StoreProvider = StoreProvider;

package/cjs/stores/chains/ChainOrderStore.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useChainOrderStoreContext = exports.useChainOrderStore = exports.ChainOrderStoreProvider = exports.ChainOrderStoreContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,13 +6,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const createChainOrderStore_1 = require("./createChainOrderStore");
 exports.ChainOrderStoreContext = (0, react_1.createContext)(null);
-function ChainOrderStoreProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+function ChainOrderStoreProvider({ children, ...props }) {
     const storeRef = (0, react_1.useRef)();
     if (!storeRef.current) {
         storeRef.current = (0, createChainOrderStore_1.createChainOrderStore)(props);
     }
-    return ((0, jsx_runtime_1.jsx)(exports.ChainOrderStoreContext.Provider, Object.assign({ value: storeRef.current }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(exports.ChainOrderStoreContext.Provider, { value: storeRef.current, children: children }));
 }
 exports.ChainOrderStoreProvider = ChainOrderStoreProvider;
 function useChainOrderStore(selector, equalityFn) {

package/cjs/stores/routes/RouteExecutionStore.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRouteExecutionStoreContext = exports.useRouteExecutionStore = exports.RouteExecutionStoreProvider = exports.RouteExecutionStoreContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -17,13 +6,12 @@ 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(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+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, Object.assign({ value: storeRef.current }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(exports.RouteExecutionStoreContext.Provider, { value: storeRef.current, children: children }));
 }
 exports.RouteExecutionStoreProvider = RouteExecutionStoreProvider;
 function useRouteExecutionStore(selector, equalityFn) {

package/cjs/stores/routes/createRouteExecutionStore.js

@@ -11,10 +11,10 @@ const createRouteExecutionStore = ({ namePrefix }) => (0, zustand_1.create)((0,
     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) === types_1.RouteExecutionStatus.Idle; })
+                    .filter((routeId) => routes[routeId]?.status === types_1.RouteExecutionStatus.Idle)
                     .forEach((routeId) => delete routes[routeId]);
                 routes[route.id] = {
                     route,
@@ -30,7 +30,10 @@ const createRouteExecutionStore = ({ namePrefix }) => (0, zustand_1.create)((0,
         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 = (0, utils_2.isRouteFailed)(route);
                 if (isFailed) {
@@ -64,14 +67,20 @@ const createRouteExecutionStore = ({ namePrefix }) => (0, zustand_1.create)((0,
     restartRoute: (routeId) => {
         if (get().routes[routeId]) {
             set((state) => ({
-                routes: Object.assign(Object.assign({}, state.routes), { [routeId]: Object.assign(Object.assign({}, state.routes[routeId]), { status: types_1.RouteExecutionStatus.Pending }) }),
+                routes: {
+                    ...state.routes,
+                    [routeId]: {
+                        ...state.routes[routeId],
+                        status: types_1.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,
@@ -80,14 +89,11 @@ const createRouteExecutionStore = ({ namePrefix }) => (0, zustand_1.create)((0,
         }
     },
     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'
-                ? (0, utils_1.hasEnumFlag)((_b = (_a = routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) !== null && _b !== void 0 ? _b : 0, types_1.RouteExecutionStatus.Done)
-                : !(0, utils_1.hasEnumFlag)((_d = (_c = routes[routeId]) === null || _c === void 0 ? void 0 : _c.status) !== null && _d !== void 0 ? _d : 0, types_1.RouteExecutionStatus.Done);
-        })
+            .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,
@@ -98,16 +104,21 @@ const createRouteExecutionStore = ({ namePrefix }) => (0, zustand_1.create)((0,
     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 |= types_1.RouteExecutionStatus.Done;
                 }
             });

package/cjs/stores/routes/useExecutingRoutesIds.js

@@ -9,11 +9,8 @@ const useExecutingRoutesIds = (address) => {
         .filter((item) => item.route.fromAddress === address &&
         (item.status === types_1.RouteExecutionStatus.Pending ||
             item.status === types_1.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_1.shallow);
 };
 exports.useExecutingRoutesIds = useExecutingRoutesIds;

package/cjs/stores/routes/useSwapHistory.js

@@ -7,12 +7,9 @@ const RouteExecutionStore_1 = require("./RouteExecutionStore");
 const types_1 = require("./types");
 const useSwapHistory = (address) => {
     return (0, RouteExecutionStore_1.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 &&
         (0, utils_1.hasEnumFlag)(item.status, types_1.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_1.shallow);
+        .sort((a, b) => (b?.route.steps[0].execution?.process[0].startedAt ?? 0) -
+        (a?.route.steps[0].execution?.process[0].startedAt ?? 0)), shallow_1.shallow);
 };
 exports.useSwapHistory = useSwapHistory;

package/cjs/stores/routes/utils.js

@@ -3,19 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUpdatedProcess = exports.isRouteActive = exports.isRouteFailed = exports.isRouteRefunded = exports.isRoutePartiallyDone = exports.isRouteDone = void 0;
 const microdiff_1 = require("microdiff");
 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');
 };
 exports.isRouteDone = isRouteDone;
 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'));
 };
 exports.isRoutePartiallyDone = isRoutePartiallyDone;
 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'));
 };
 exports.isRouteRefunded = isRouteRefunded;
 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');
 };
 exports.isRouteFailed = isRouteFailed;
 const isRouteActive = (route) => {

package/cjs/stores/settings/SettingsStore.js

@@ -1,28 +1,16 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setDefaultSettings = exports.useSettingsStoreContext = exports.useSettingsStore = exports.SettingsStoreProvider = exports.SettingsStoreContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const createSettingsStore_1 = require("./createSettingsStore");
 exports.SettingsStoreContext = (0, react_1.createContext)(null);
-function SettingsStoreProvider(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+function SettingsStoreProvider({ children, ...props }) {
     const storeRef = (0, react_1.useRef)();
     if (!storeRef.current) {
         storeRef.current = (0, createSettingsStore_1.createSettingsStore)(props);
     }
-    return ((0, jsx_runtime_1.jsx)(exports.SettingsStoreContext.Provider, Object.assign({ value: storeRef.current }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)(exports.SettingsStoreContext.Provider, { value: storeRef.current, children: children }));
 }
 exports.SettingsStoreProvider = SettingsStoreProvider;
 function useSettingsStore(selector, equalityFn) {
@@ -42,17 +30,19 @@ function useSettingsStoreContext() {
 }
 exports.useSettingsStoreContext = useSettingsStoreContext;
 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;
+    createSettingsStore_1.defaultConfigurableSettings.slippage = (defaultSlippage || createSettingsStore_1.defaultConfigurableSettings.slippage)?.toString();
+    createSettingsStore_1.defaultConfigurableSettings.routePriority =
+        defaultRoutePriority || createSettingsStore_1.defaultConfigurableSettings.routePriority;
     if (!slippage) {
-        setValue('slippage', (_e = (defaultSlippage || createSettingsStore_1.defaultConfigurableSettings.slippage)) === null || _e === void 0 ? void 0 : _e.toString());
+        setValue('slippage', createSettingsStore_1.defaultConfigurableSettings.slippage);
     }
     if (!routePriority) {
-        setValue('routePriority', defaultRoutePriority || createSettingsStore_1.defaultConfigurableSettings.routePriority);
+        setValue('routePriority', createSettingsStore_1.defaultConfigurableSettings.routePriority);
     }
 };
 exports.setDefaultSettings = setDefaultSettings;

package/cjs/stores/settings/createSettingsStore.js

@@ -1,15 +1,4 @@
 "use strict";
-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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createSettingsStore = exports.defaultSettings = exports.defaultConfigurableSettings = void 0;
 const zustand_1 = require("zustand");
@@ -22,27 +11,32 @@ exports.defaultConfigurableSettings = {
 exports.defaultSettings = {
     appearance: 'auto',
     gasPrice: 'normal',
-    advancedPreferences: false,
     showDestinationWallet: true,
+    enabledBridges: [],
+    enabledExchanges: [],
 };
-const createSettingsStore = ({ namePrefix }) => (0, zustand_1.create)((0, middleware_1.persist)((set) => (Object.assign(Object.assign({}, exports.defaultSettings), { setValue: (key, value) => set(() => ({
+const createSettingsStore = ({ namePrefix }) => (0, zustand_1.create)((0, middleware_1.persist)((set, get) => ({
+    ...exports.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) => {
@@ -63,21 +57,31 @@ const createSettingsStore = ({ namePrefix }) => (0, zustand_1.create)((0, middle
                 .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(() => ({
+            ...exports.defaultSettings,
+            ...exports.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 };
         types_1.SettingsToolTypes.forEach((toolType) => {
             state[`enabled${toolType}`] = Object.entries(persistedState[`_enabled${toolType}`])
                 .filter(([_, value]) => value)

package/cjs/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;