@lifi/widget 1.26.2 → 1.26.3

package/AppDrawer.style.d.ts

@@ -2,7 +2,7 @@
 export declare const DrawerButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/AppDrawer.style.d.ts

@@ -2,7 +2,7 @@
 export declare const DrawerButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/components/ActiveSwaps/ActiveSwaps.style.d.ts

@@ -39,7 +39,7 @@ export declare const ListItem: import("@emotion/styled").StyledComponent<{
 export declare const ShowAllButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/components/Header/Header.style.d.ts

@@ -21,7 +21,7 @@ export declare const Container: import("@emotion/styled").StyledComponent<import
 export declare const WalletButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/components/Header/useHeaderActionStore.d.ts

@@ -1,4 +1,2 @@
 import type { HeaderActionStore } from './types';
-export declare const useHeaderActionStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<HeaderActionStore>, "setState"> & {
-    setState(nextStateOrUpdater: HeaderActionStore | Partial<HeaderActionStore> | ((state: import("immer/dist/internal").WritableDraft<HeaderActionStore>) => void), shouldReplace?: boolean | undefined): void;
-}>;
+export declare const useHeaderActionStore: import("zustand").UseBoundStore<import("zustand").StoreApi<HeaderActionStore>>;

package/cjs/components/Header/useHeaderActionStore.js

@@ -3,17 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHeaderActionStore = void 0;
 /* eslint-disable no-underscore-dangle */
 const zustand_1 = require("zustand");
-const immer_1 = require("zustand/middleware/immer");
-exports.useHeaderActionStore = (0, zustand_1.default)()((0, immer_1.immer)((set, get) => ({
+exports.useHeaderActionStore = (0, zustand_1.default)((set, get) => ({
     setAction: (element) => {
-        set((state) => {
-            state.element = element;
-        });
+        set(() => ({
+            element,
+        }));
         return get().removeAction;
     },
     removeAction: () => {
-        set((state) => {
-            state.element = null;
-        });
+        set(() => ({
+            element: null,
+        }));
     },
-})));
+}));

package/cjs/components/ReverseTokensButton/ReverseTokensButton.style.d.ts

@@ -2,7 +2,7 @@
 export declare const IconButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "inherit" | "default" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

package/cjs/components/SendToWallet/SendToWallet.js

@@ -49,7 +49,7 @@ exports.SendToWallet = (0, react_1.forwardRef)((props, ref) => {
         }),
         onBlur: () => trigger(providers_1.SwapFormKey.ToAddress),
     });
-    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ timeout: 225, in: showSendToWallet, mountOnEnter: true, unmountOnExit: true }, { children: (0, jsx_runtime_1.jsxs)(Card_1.Card, Object.assign({}, props, { ref: ref }, { children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('swap.sendToWallet') }), (0, jsx_runtime_1.jsxs)(SendToWallet_style_1.FormControl, Object.assign({ fullWidth: true, sx: { paddingTop: '6px', paddingBottom: '5px' } }, { children: [(0, jsx_runtime_1.jsx)(SendToWallet_style_1.Input, { ref: inputRef, size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: onChange, onBlur: onBlur, name: name, placeholder: t('swap.walletAddressOrEns'), autoFocus: true }), (0, jsx_runtime_1.jsx)(exports.SendToWalletFormHelperText, {})] }))] })) })));
+    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ timeout: 225, in: showSendToWallet, mountOnEnter: true, unmountOnExit: true }, { children: (0, jsx_runtime_1.jsxs)(Card_1.Card, Object.assign({}, props, { ref: ref }, { children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { children: t('swap.sendToWallet') }), (0, jsx_runtime_1.jsxs)(SendToWallet_style_1.FormControl, Object.assign({ fullWidth: true, sx: { paddingTop: '6px', paddingBottom: '5px' } }, { children: [(0, jsx_runtime_1.jsx)(SendToWallet_style_1.Input, { ref: inputRef, size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: onChange, onBlur: onBlur, name: name, placeholder: t('swap.walletAddressOrEns') }), (0, jsx_runtime_1.jsx)(exports.SendToWalletFormHelperText, {})] }))] })) })));
 });
 const SendToWalletFormHelperText = () => {
     var _a;

package/cjs/components/SendToWallet/SendToWallet.style.d.ts

@@ -2,7 +2,7 @@
 export declare const FormControl: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").FormControlClasses> | undefined;
-    color?: "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
     fullWidth?: boolean | undefined;

package/cjs/components/SendToWallet/store.d.ts

@@ -1,4 +1,2 @@
 import type { SendToWalletStore } from './types';
-export declare const useSendToWalletStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<SendToWalletStore>, "setState"> & {
-    setState(nextStateOrUpdater: SendToWalletStore | Partial<SendToWalletStore> | ((state: import("immer/dist/internal").WritableDraft<SendToWalletStore>) => void), shouldReplace?: boolean | undefined): void;
-}>;
+export declare const useSendToWalletStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SendToWalletStore>>;

package/cjs/components/SendToWallet/store.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSendToWalletStore = void 0;
 const zustand_1 = require("zustand");
-const immer_1 = require("zustand/middleware/immer");
-exports.useSendToWalletStore = (0, zustand_1.default)()((0, immer_1.immer)((set) => ({
+exports.useSendToWalletStore = (0, zustand_1.default)((set) => ({
     showSendToWallet: false,
     toggleSendToWallet: () => {
-        set((state) => {
-            state.showSendToWallet = !state.showSendToWallet;
-        });
+        set((state) => ({
+            showSendToWallet: !state.showSendToWallet,
+        }));
     },
-})));
+}));

package/cjs/components/Step/StepProcess.style.d.ts

@@ -2,7 +2,7 @@
 export declare const LinkButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "inherit" | "default" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

package/cjs/components/SwapInput/SwapInput.style.d.ts

@@ -4,7 +4,7 @@ export declare const minInputFontSize = 14;
 export declare const FormControl: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").FormControlClasses> | undefined;
-    color?: "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
     fullWidth?: boolean | undefined;

package/cjs/components/SwapInput/SwapInputAdornment.style.d.ts

@@ -2,7 +2,7 @@
 export declare const Button: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "inherit" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableElevation?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;

package/cjs/components/SwapRouteCard/SwapRouteCard.style.d.ts

@@ -17,7 +17,7 @@ export declare const Label: import("@emotion/styled").StyledComponent<import("@m
 export declare const IconButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
-    color?: "inherit" | "default" | "error" | "success" | "warning" | "primary" | "secondary" | "info" | undefined;
+    color?: "inherit" | "default" | "success" | "warning" | "error" | "primary" | "secondary" | "info" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;

package/cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "1.26.2";
+export declare const version = "1.26.3";

package/cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '1.26.2';
+exports.version = '1.26.3';

package/cjs/hooks/useWidgetEvents.d.ts

@@ -1,3 +1,3 @@
-import type { Emitter } from 'mitt';
 import type { WidgetEvents } from '../types';
-export declare const useWidgetEvents: () => Emitter<WidgetEvents>;
+export declare const widgetEvents: import("mitt").Emitter<WidgetEvents>;
+export declare const useWidgetEvents: () => import("mitt").Emitter<WidgetEvents>;

package/cjs/hooks/useWidgetEvents.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWidgetEvents = void 0;
+exports.useWidgetEvents = exports.widgetEvents = void 0;
 const mitt_1 = require("mitt");
-const zustand_1 = require("zustand");
-const emitterStore = (0, zustand_1.default)()(() => (0, mitt_1.default)());
+exports.widgetEvents = (0, mitt_1.default)();
 const useWidgetEvents = () => {
-    return emitterStore();
+    return exports.widgetEvents;
 };
 exports.useWidgetEvents = useWidgetEvents;

package/cjs/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import './fonts/inter.css';
 export type { WidgetDrawer } from './AppDrawer';
-export { useWidgetEvents } from './hooks';
+export { useWidgetEvents, widgetEvents } from './hooks';
 export * from './types';
 export declare const LiFiWidget: import("react").FC<import("./types").WidgetProps>;
 /**

package/cjs/index.js

@@ -14,12 +14,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LiFiWidgetDrawer = exports.LiFiWidget = exports.useWidgetEvents = void 0;
+exports.LiFiWidgetDrawer = exports.LiFiWidget = exports.widgetEvents = exports.useWidgetEvents = void 0;
 const App_1 = require("./App");
 const AppDrawer_1 = require("./AppDrawer");
 require("./fonts/inter.css");
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useWidgetEvents", { enumerable: true, get: function () { return hooks_1.useWidgetEvents; } });
+Object.defineProperty(exports, "widgetEvents", { enumerable: true, get: function () { return hooks_1.widgetEvents; } });
 __exportStar(require("./types"), exports);
 // ClassNameGenerator.configure((componentName) =>
 //   componentName.replace('Mui', 'LiFi'),

package/cjs/pages/SettingsPage/ColorSchemeButtonGroup.style.d.ts

@@ -2,7 +2,7 @@
 export declare const ToggleButton: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
     classes?: Partial<import("@mui/material").ToggleButtonClasses> | undefined;
-    color?: "error" | "success" | "warning" | "primary" | "secondary" | "info" | "standard" | undefined;
+    color?: "success" | "warning" | "error" | "primary" | "secondary" | "info" | "standard" | undefined;
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     fullWidth?: boolean | undefined;

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

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

package/cjs/stores/chains/useChainOrderStore.js

@@ -4,38 +4,49 @@ exports.useChainOrderStore = exports.maxChainToOrder = void 0;
 /* eslint-disable no-underscore-dangle */
 const zustand_1 = require("zustand");
 const middleware_1 = require("zustand/middleware");
-const immer_1 = require("zustand/middleware/immer");
 exports.maxChainToOrder = 9;
-exports.useChainOrderStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, immer_1.immer)((set, get) => ({
+exports.useChainOrderStore = (0, zustand_1.default)()((0, middleware_1.persist)((set, get) => ({
     chainOrder: [],
     availableChains: [],
     initializeChains: (chainIds) => {
         set((state) => {
-            state.availableChains = chainIds;
-            state.chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
-            const chainsToAdd = chainIds.filter((chainId) => !state.chainOrder.includes(chainId));
-            if (state.chainOrder.length === exports.maxChainToOrder ||
-                !chainsToAdd.length) {
-                return;
+            const chainOrder = state.chainOrder.filter((chainId) => chainIds.includes(chainId));
+            const chainsToAdd = chainIds.filter((chainId) => !chainOrder.includes(chainId));
+            if (chainOrder.length === exports.maxChainToOrder || !chainsToAdd.length) {
+                return {
+                    availableChains: chainIds,
+                    chainOrder,
+                };
             }
-            const chainsToAddLength = exports.maxChainToOrder - state.chainOrder.length;
+            const chainsToAddLength = exports.maxChainToOrder - chainOrder.length;
             for (let index = 0; index < chainsToAddLength; index++) {
-                state.chainOrder.push(chainsToAdd[index]);
+                chainOrder.push(chainsToAdd[index]);
             }
+            return {
+                availableChains: chainIds,
+                chainOrder,
+            };
         });
         return get().chainOrder;
     },
-    setChain: (chainId) => set((state) => {
+    setChain: (chainId) => {
+        const state = get();
         if (state.chainOrder.includes(chainId) ||
             !state.availableChains.includes(chainId)) {
             return;
         }
-        state.chainOrder.unshift(chainId);
-        if (state.chainOrder.length > exports.maxChainToOrder) {
-            state.chainOrder.pop();
-        }
-    }),
-})), {
+        set((state) => {
+            const chainOrder = state.chainOrder.slice();
+            chainOrder.unshift(chainId);
+            if (chainOrder.length > exports.maxChainToOrder) {
+                chainOrder.pop();
+            }
+            return {
+                chainOrder,
+            };
+        });
+    },
+}), {
     name: 'li.fi-widget-chains-order',
     version: 0,
     partialize: (state) => ({ chainOrder: state.chainOrder }),

package/cjs/stores/routes/useRecommendedRouteStore.d.ts

@@ -1,4 +1,2 @@
 import type { RecommendedRouteStore } from './types';
-export declare const useRecommendedRouteStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<RecommendedRouteStore>, "setState"> & {
-    setState(nextStateOrUpdater: RecommendedRouteStore | Partial<RecommendedRouteStore> | ((state: import("immer/dist/internal").WritableDraft<RecommendedRouteStore>) => void), shouldReplace?: boolean | undefined): void;
-}>;
+export declare const useRecommendedRouteStore: import("zustand").UseBoundStore<import("zustand").StoreApi<RecommendedRouteStore>>;

package/cjs/stores/routes/useRecommendedRouteStore.js

@@ -2,11 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRecommendedRouteStore = void 0;
 const zustand_1 = require("zustand");
-const immer_1 = require("zustand/middleware/immer");
-exports.useRecommendedRouteStore = (0, zustand_1.default)()((0, immer_1.immer)((set) => ({
-    setRecommendedRoute: (route) => {
-        set((state) => {
-            state.recommendedRoute = route;
-        });
+exports.useRecommendedRouteStore = (0, zustand_1.default)((set) => ({
+    setRecommendedRoute: (recommendedRoute) => {
+        set(() => ({
+            recommendedRoute,
+        }));
     },
-})));
+}));

package/cjs/stores/routes/useRouteExecutionStore.d.ts

@@ -1,5 +1,5 @@
 import type { RouteExecutionStore } from './types';
-export declare const useRouteExecutionStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<RouteExecutionStore>, "persist"> & {
+export declare const useRouteExecutionStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<RouteExecutionStore>, "persist"> & {
     persist: {
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<RouteExecutionStore, {
             routes: Partial<Record<string, import("./types").RouteExecution>>;
@@ -13,6 +13,4 @@ export declare const useRouteExecutionStore: import("zustand").UseBoundStore<Omi
             routes: Partial<Record<string, import("./types").RouteExecution>>;
         }>>;
     };
-}, "setState"> & {
-    setState(nextStateOrUpdater: RouteExecutionStore | Partial<RouteExecutionStore> | ((state: import("immer/dist/internal").WritableDraft<RouteExecutionStore>) => void), shouldReplace?: boolean | undefined): void;
 }>;

package/cjs/stores/routes/useRouteExecutionStore.js

@@ -3,68 +3,96 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRouteExecutionStore = void 0;
 const zustand_1 = require("zustand");
 const middleware_1 = require("zustand/middleware");
-const immer_1 = require("zustand/middleware/immer");
 const utils_1 = require("../../utils");
 const types_1 = require("./types");
 const utils_2 = require("./utils");
-exports.useRouteExecutionStore = (0, zustand_1.default)()((0, middleware_1.persist)((0, immer_1.immer)((set) => ({
+exports.useRouteExecutionStore = (0, zustand_1.default)()((0, middleware_1.persist)((set, get) => ({
     routes: {},
-    setExecutableRoute: (route) => set((state) => {
-        if (!state.routes[route.id]) {
-            // clean previous idle routes that were not executed
-            Object.keys(state.routes)
-                .filter((routeId) => { var _a; return ((_a = state.routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) === types_1.RouteExecutionStatus.Idle; })
-                .forEach((routeId) => delete state.routes[routeId]);
-            state.routes[route.id] = {
-                route,
-                status: types_1.RouteExecutionStatus.Idle,
-            };
+    setExecutableRoute: (route) => {
+        if (!get().routes[route.id]) {
+            set((state) => {
+                const routes = Object.assign({}, 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; })
+                    .forEach((routeId) => delete routes[routeId]);
+                routes[route.id] = {
+                    route,
+                    status: types_1.RouteExecutionStatus.Idle,
+                };
+                return {
+                    routes,
+                };
+            });
         }
-    }),
-    updateRoute: (route) => set((state) => {
-        if (state.routes[route.id]) {
-            state.routes[route.id].route = route;
-            const isFailed = (0, utils_2.isRouteFailed)(route);
-            if (isFailed) {
-                state.routes[route.id].status = types_1.RouteExecutionStatus.Failed;
-                return;
-            }
-            const isDone = (0, utils_2.isRouteDone)(route);
-            if (isDone) {
-                state.routes[route.id].status = types_1.RouteExecutionStatus.Done;
-                if ((0, utils_2.isRoutePartiallyDone)(route)) {
-                    state.routes[route.id].status |= types_1.RouteExecutionStatus.Partial;
+    },
+    updateRoute: (route) => {
+        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 }) }),
+                };
+                const isFailed = (0, utils_2.isRouteFailed)(route);
+                if (isFailed) {
+                    updatedState.routes[route.id].status =
+                        types_1.RouteExecutionStatus.Failed;
+                    return updatedState;
                 }
-                else if ((0, utils_2.isRouteRefunded)(route)) {
-                    state.routes[route.id].status |= types_1.RouteExecutionStatus.Refunded;
+                const isDone = (0, utils_2.isRouteDone)(route);
+                if (isDone) {
+                    updatedState.routes[route.id].status = types_1.RouteExecutionStatus.Done;
+                    if ((0, utils_2.isRoutePartiallyDone)(route)) {
+                        updatedState.routes[route.id].status |=
+                            types_1.RouteExecutionStatus.Partial;
+                    }
+                    else if ((0, utils_2.isRouteRefunded)(route)) {
+                        updatedState.routes[route.id].status |=
+                            types_1.RouteExecutionStatus.Refunded;
+                    }
+                    return updatedState;
                 }
-                return;
-            }
-            const isLoading = route.steps.some((step) => step.execution);
-            if (isLoading) {
-                state.routes[route.id].status = types_1.RouteExecutionStatus.Pending;
-            }
+                const isLoading = route.steps.some((step) => step.execution);
+                if (isLoading) {
+                    updatedState.routes[route.id].status =
+                        types_1.RouteExecutionStatus.Pending;
+                }
+                return updatedState;
+            });
         }
-    }),
-    restartRoute: (routeId) => set((state) => {
-        state.routes[routeId].status = types_1.RouteExecutionStatus.Pending;
-    }),
-    deleteRoute: (routeId) => set((state) => {
-        if (state.routes[routeId]) {
-            delete state.routes[routeId];
+    },
+    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 }) }),
+            }));
         }
-    }),
+    },
+    deleteRoute: (routeId) => {
+        if (get().routes[routeId]) {
+            set((state) => {
+                const routes = Object.assign({}, state.routes);
+                delete routes[routeId];
+                return {
+                    routes,
+                };
+            });
+        }
+    },
     deleteRoutes: (type) => set((state) => {
-        Object.keys(state.routes)
+        const routes = Object.assign({}, state.routes);
+        Object.keys(routes)
             .filter((routeId) => {
             var _a, _b, _c, _d;
             return type === 'completed'
-                ? (0, utils_1.hasEnumFlag)((_b = (_a = state.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 = state.routes[routeId]) === null || _c === void 0 ? void 0 : _c.status) !== null && _d !== void 0 ? _d : 0, types_1.RouteExecutionStatus.Done);
+                ? (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);
         })
-            .forEach((routeId) => delete state.routes[routeId]);
+            .forEach((routeId) => delete routes[routeId]);
+        return {
+            routes,
+        };
     }),
-})), {
+}), {
     name: 'li.fi-widget-routes',
     version: 1,
     partialize: (state) => ({ routes: state.routes }),

package/cjs/stores/settings/useSettingsStore.d.ts

@@ -2,7 +2,7 @@ import type { WidgetConfig } from '../../types';
 import type { SettingsState, SettingsStore } from './types';
 export declare const defaultConfigurableSettings: Pick<SettingsState, 'routePriority' | 'slippage'>;
 export declare const defaultSettings: SettingsState;
-export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<SettingsStore>, "persist"> & {
+export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<SettingsStore>, "persist"> & {
     persist: {
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SettingsStore, {
             setValue: import("./types").ValueSetter<SettingsState>;
@@ -40,7 +40,5 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
             _enabledExchanges?: Record<string, boolean> | undefined;
         }>>;
     };
-}, "setState"> & {
-    setState(nextStateOrUpdater: SettingsStore | Partial<SettingsStore> | ((state: import("immer/dist/internal").WritableDraft<SettingsStore>) => void), shouldReplace?: boolean | undefined): void;
 }>;
 export declare const setDefaultSettings: (config?: WidgetConfig) => void;