@lifi/widget 1.26.2 → 1.26.3

package/stores/settings/useSettingsStore.js

@@ -12,7 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 /* eslint-disable no-underscore-dangle */
 import create from 'zustand';
 import { persist } from 'zustand/middleware';
-import { immer } from 'zustand/middleware/immer';
 import { SettingsToolTypes } from './types';
 export const defaultConfigurableSettings = {
     routePriority: 'RECOMMENDED',
@@ -24,45 +23,51 @@ export const defaultSettings = {
     advancedPreferences: false,
     showDestinationWallet: true,
 };
-export const useSettingsStore = create()(persist(immer((set) => (Object.assign(Object.assign({}, defaultSettings), { setValue: (key, value) => set((state) => {
-        state[key] = value;
-    }), setValues: (values) => set((state) => {
+export const useSettingsStore = create()(persist((set) => (Object.assign(Object.assign({}, defaultSettings), { setValue: (key, value) => set(() => ({
+        [key]: value,
+    })), setValues: (values) => set((state) => {
+        const updatedState = Object.assign({}, state);
         for (const key in values) {
             if (Object.prototype.hasOwnProperty.call(state, key)) {
-                state[key] = values[key];
+                updatedState[key] = values[key];
             }
         }
-    }), initializeTools: (toolType, tools) => set((state) => {
+        return updatedState;
+    }), initializeTools: (toolType, tools) => {
         if (!tools.length) {
             return;
         }
-        if (state[`_enabled${toolType}`]) {
-            // Add a new tools
-            const enabledTools = tools
-                .filter((tool) => !Object.prototype.hasOwnProperty.call(state[`_enabled${toolType}`], tool))
-                .reduce((values, tool) => {
-                values[tool] = true;
-                return values;
-            }, state[`_enabled${toolType}`]);
-            // Filter tools we no longer have
-            state[`_enabled${toolType}`] = Object.fromEntries(Object.entries(enabledTools).filter(([key]) => tools.includes(key)));
-        }
-        else {
-            state[`_enabled${toolType}`] = tools.reduce((values, tool) => {
-                values[tool] = true;
-                return values;
-            }, {});
-        }
-        state[`enabled${toolType}`] = Object.entries(state[`_enabled${toolType}`])
-            .filter(([_, value]) => value)
-            .map(([key]) => key);
-    }), setTools: (toolType, tools, availableTools) => set((state) => {
-        state[`enabled${toolType}`] = tools;
-        state[`_enabled${toolType}`] = availableTools.reduce((values, tool) => {
+        set((state) => {
+            const updatedState = Object.assign({}, state);
+            if (updatedState[`_enabled${toolType}`]) {
+                // Add a new tools
+                const enabledTools = tools
+                    .filter((tool) => !Object.prototype.hasOwnProperty.call(updatedState[`_enabled${toolType}`], tool))
+                    .reduce((values, tool) => {
+                    values[tool] = true;
+                    return values;
+                }, updatedState[`_enabled${toolType}`]);
+                // Filter tools we no longer have
+                updatedState[`_enabled${toolType}`] = Object.fromEntries(Object.entries(enabledTools).filter(([key]) => tools.includes(key)));
+            }
+            else {
+                updatedState[`_enabled${toolType}`] = tools.reduce((values, tool) => {
+                    values[tool] = true;
+                    return values;
+                }, {});
+            }
+            updatedState[`enabled${toolType}`] = Object.entries(updatedState[`_enabled${toolType}`])
+                .filter(([_, value]) => value)
+                .map(([key]) => key);
+            return updatedState;
+        });
+    }, setTools: (toolType, tools, availableTools) => set(() => ({
+        [`enabled${toolType}`]: tools,
+        [`_enabled${toolType}`]: availableTools.reduce((values, tool) => {
             values[tool.key] = tools.includes(tool.key);
             return values;
-        }, {});
-    }) }))), {
+        }, {}),
+    })) })), {
     name: 'li.fi-widget-settings',
     version: 2,
     partialize: (state) => {