@m4l/components 9.4.28 → 9.4.29-beta.0

package/components/areas/contexts/AreasContext/store.js

@@ -1,101 +1,96 @@
-import { createStore } from "zustand";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import { g as getCookiesContainer, a as getDataFromResponse, b as getParmsFromValue, s as setColapsedLayoutBreakPoints, c as COOKIE_BREAKPOINT_LAYOUTS, D as DEBOUCED_SAVE_TIME, d as DEFAULT_WINDOW, M as MARGIN_GRIDLAYOUT, e as COOKIE_WINDOWS, f as deleteLayoutFromBreakPoints, R as RESPONSIVE_ROW_HEIGHTS, P as PADDING_GRIDLAYOUT, N as NORMALIZED_COLS, h as addArea, i as DEFAULT_AREA, j as getSelectedAreaIdFromCookies, C as COOKIE_WINDOW_SELECTED, k as COOKIE_AREAS_ADMIN_CONTAINER_ID, l as COOKIE_AREAS_ADMIN_ID } from "./helpers/helper.js";
-import { c as createDynamicMFStore } from "../../../WindowBase/contexts/DynamicMFParmsContext/store.js";
-import cloneDeep from "lodash-es/cloneDeep";
-import debounce from "lodash-es/debounce";
-import { g as generateModuleCount } from "./helpers/generateModuleCount.js";
-import { a as AREAS_STORE_ID } from "../../constants.js";
-import { h as helperSelectLayout } from "./helpers/selectLayout.js";
-import { d as deleteCookie, s as setCookie, g as getCookie } from "../../../../helpers/cookies/cookies.js";
-import { k as isEqualLayouts } from "../../../GridLayout/utils.js";
-import { d as cloneLayouts, e as addLayoutItemToBreakPoints } from "../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
-const createDevtools = (immerMiddlewere, config) => {
-  const { enabled = false } = config;
-  if (enabled && process.env.NODE_ENV === "development") {
-    return devtools(immerMiddlewere, config);
-  }
-  return immerMiddlewere;
-};
-const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
-  const startProps = {
+import { createStore as x } from "zustand";
+import { devtools as F } from "zustand/middleware";
+import { immer as b } from "zustand/middleware/immer";
+import { getCookiesContainer as S, getDataFromResponse as N, getParmsFromValue as R, setColapsedLayoutBreakPoints as E, COOKIE_BREAKPOINT_LAYOUTS as $, DEBOUCED_SAVE_TIME as z, DEFAULT_WINDOW as C, MARGIN_GRIDLAYOUT as m, COOKIE_WINDOWS as B, deleteLayoutFromBreakPoints as H, RESPONSIVE_ROW_HEIGHTS as U, PADDING_GRIDLAYOUT as _, NORMALIZED_COLS as G, addArea as M, DEFAULT_AREA as K, getSelectedAreaIdFromCookies as Q, COOKIE_WINDOW_SELECTED as V, COOKIE_AREAS_ADMIN_CONTAINER_ID as P, COOKIE_AREAS_ADMIN_ID as D } from "./helpers/helper.js";
+import { createDynamicMFStore as I } from "../../../WindowBase/contexts/DynamicMFParmsContext/store.js";
+import Y from "lodash-es/cloneDeep";
+import j from "lodash-es/debounce";
+import "../../../GridLayout/GridLayout.js";
+import "../../../GridLayout/subcomponents/Responsive/index.js";
+import { cloneLayouts as q, addLayoutItemToBreakPoints as Z } from "../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
+import { isEqualLayouts as J } from "../../../GridLayout/utils.js";
+import "@emotion/react/jsx-runtime";
+import "react";
+import "clsx";
+import "lodash-es/throttle";
+import "@m4l/graphics";
+import { deleteCookie as w, setCookie as A, getCookie as L } from "../../../../helpers/cookies/cookies.js";
+import { generateModuleCount as T } from "./helpers/generateModuleCount.js";
+import { AREAS_STORE_ID as X } from "../../constants.js";
+import { helperSelectLayout as W } from "./helpers/selectLayout.js";
+const g = (f, y) => {
+  const { enabled: O = !1 } = y;
+  return O && process.env.NODE_ENV === "development" ? F(f, y) : f;
+}, Io = (f, y = !1) => {
+  const O = {
     currentAreaId: "",
     currentModuleId: "",
     areasIds: [],
     hashAreas: {},
     hashWindows: {},
     windowsModalsIds: [],
-    ...initProps
+    ...f
   };
-  return createStore(
-    createDevtools(
-      immer((set, get) => ({
-        ...startProps,
+  return x(
+    g(
+      b((i, a) => ({
+        ...O,
         areasActions: {
           /**
            * Inicializa el store de areas
            */
           init: () => {
-            if (get().ownerState?.status !== "init") {
+            if (a().ownerState?.status !== "init")
               return;
-            }
-            if (!get().loadAreasFromNetwork) {
-              get().areasActions.addArea();
-              set((state) => {
-                state.ownerState.status = "loaded";
+            if (!a().loadAreasFromNetwork) {
+              a().areasActions.addArea(), i((r) => {
+                r.ownerState.status = "loaded";
               });
               return;
             }
-            set((state) => {
-              state.ownerState.status = "loading";
+            i((r) => {
+              r.ownerState.status = "loading";
             });
-            const cookiePromise = getCookie({
-              networkOperation: get().networkOperation,
+            const o = L({
+              networkOperation: a().networkOperation,
               params: {
                 f: [
-                  { n: "container_id", o: "e", o1: COOKIE_AREAS_ADMIN_CONTAINER_ID },
-                  { n: "id", o: "e", o1: COOKIE_AREAS_ADMIN_ID }
+                  { n: "container_id", o: "e", o1: P },
+                  { n: "id", o: "e", o1: D }
                 ]
               }
-            });
-            const areasPromise = get().networkOperation({
+            }), e = a().networkOperation({
               method: "GET",
-              endPoint: `areas`,
+              endPoint: "areas",
               parms: {},
-              toastSuccess: false
-            });
-            let selectedAreaIdCookie;
-            Promise.allSettled([areasPromise, cookiePromise]).then(([areasResponse, cookieResponse]) => {
-              if (areasResponse?.status === "fulfilled") {
-                const areasData = areasResponse?.value?.data;
-                set((state) => {
-                  if (areasData && Array.isArray(areasData) && areasData.length > 0) {
-                    for (let i = 0; i < areasData.length; i++) {
-                      const newArea = {
-                        ...DEFAULT_AREA,
-                        ...areasData[i],
-                        loadWindows: true
+              toastSuccess: !1
+            });
+            let s;
+            Promise.allSettled([e, o]).then(([r, n]) => {
+              if (r?.status === "fulfilled") {
+                const t = r?.value?.data;
+                i((d) => {
+                  if (t && Array.isArray(t) && t.length > 0)
+                    for (let l = 0; l < t.length; l++) {
+                      const h = {
+                        ...K,
+                        ...t[l],
+                        loadWindows: !0
                         //Se indica que si se carguen las ventas debido a que viene de la API
                       };
-                      state.hashAreas[newArea.id] = newArea;
-                      state.areasIds.push(newArea.id);
+                      d.hashAreas[h.id] = h, d.areasIds.push(h.id);
                     }
-                  } else {
-                    addArea(state);
-                  }
+                  else
+                    M(d);
                 });
               }
-              if (cookieResponse.status === "fulfilled") {
-                selectedAreaIdCookie = getSelectedAreaIdFromCookies(cookieResponse?.value);
-              }
+              n.status === "fulfilled" && (s = Q(n?.value));
             }).finally(() => {
-              set((state) => {
-                state.ownerState.status = "loaded";
-              });
-              if (get().areasIds.length > 0 && get().currentAreaId === "") {
-                const selectedAreaId = selectedAreaIdCookie && get().areasIds?.includes?.(selectedAreaIdCookie) ? selectedAreaIdCookie : get().areasIds[0];
-                get().areasActions.selectArea(selectedAreaId);
+              if (i((r) => {
+                r.ownerState.status = "loaded";
+              }), a().areasIds.length > 0 && a().currentAreaId === "") {
+                const r = s && a().areasIds?.includes?.(s) ? s : a().areasIds[0];
+                a().areasActions.selectArea(r);
               }
             });
           },
@@ -103,117 +98,80 @@ const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
            * Acción encargada de añadir un área de trabajo en blanco
            */
           addArea: () => {
-            let newId = "";
-            set((state) => {
-              newId = addArea(state);
-            });
-            get().areasActions.selectArea(newId);
-            return newId;
+            let o = "";
+            return i((e) => {
+              o = M(e);
+            }), a().areasActions.selectArea(o), o;
           },
           /**
            * editArea store
            */
-          editArea: (areaId, newName) => {
-            set((state) => {
-              if (state.hashAreas[areaId]) {
-                state.hashAreas[areaId].name = newName;
-                if (state.loadAreasFromNetwork) {
-                  state.networkOperation({
-                    method: "PATCH",
-                    endPoint: `areas/${areaId}`,
-                    data: { name: newName },
-                    toastSuccess: false,
-                    toastError: false
-                  });
-                }
-              }
+          editArea: (o, e) => {
+            i((s) => {
+              s.hashAreas[o] && (s.hashAreas[o].name = e, s.loadAreasFromNetwork && s.networkOperation({
+                method: "PATCH",
+                endPoint: `areas/${o}`,
+                data: { name: e },
+                toastSuccess: !1,
+                toastError: !1
+              }));
             });
           },
           /**
            * deleteArea store
            */
-          deleteArea: (areaId) => {
-            let selectNewAreaId = "";
-            set((state) => {
-              const ha = state.hashAreas[areaId];
-              if (!ha || state.areasIds.length < 2) {
+          deleteArea: (o) => {
+            let e = "";
+            i((s) => {
+              if (!s.hashAreas[o] || s.areasIds.length < 2)
                 return;
-              }
-              const removeIndex = state.areasIds.indexOf(areaId);
-              if (removeIndex > -1) {
-                for (const key in state.hashWindows) {
-                  if (state.hashWindows[key].areaId === areaId) {
-                    delete state.hashWindows[key];
-                  }
-                }
-                const indexDeleteArea = state.areasIds.findIndex((elementAreaId) => elementAreaId === areaId);
-                state.areasIds.splice(removeIndex, 1);
-                delete state.hashAreas[areaId];
-                if (state.currentAreaId === areaId) {
-                  selectNewAreaId = state.areasIds[indexDeleteArea <= state.areasIds.length - 1 ? indexDeleteArea : state.areasIds.length - 1];
-                }
-              }
-              if (state.loadAreasFromNetwork) {
-                state.networkOperation({
-                  method: "DELETE",
-                  endPoint: `areas/${areaId}`,
-                  parms: {},
-                  toastSuccess: false,
-                  toastError: false
-                });
-              }
-              if (state.loadCookiesFromNetwork) {
-                deleteCookie({
-                  networkOperation: get().networkOperation,
-                  data: { f: [{ n: "container_id", o: "c", o1: areaId }] }
-                });
-              }
-            });
-            if (selectNewAreaId) {
-              get().areasActions.selectArea(selectNewAreaId);
-            }
+              const n = s.areasIds.indexOf(o);
+              if (n > -1) {
+                for (const d in s.hashWindows)
+                  s.hashWindows[d].areaId === o && delete s.hashWindows[d];
+                const t = s.areasIds.findIndex((d) => d === o);
+                s.areasIds.splice(n, 1), delete s.hashAreas[o], s.currentAreaId === o && (e = s.areasIds[t <= s.areasIds.length - 1 ? t : s.areasIds.length - 1]);
+              }
+              s.loadAreasFromNetwork && s.networkOperation({
+                method: "DELETE",
+                endPoint: `areas/${o}`,
+                parms: {},
+                toastSuccess: !1,
+                toastError: !1
+              }), s.loadCookiesFromNetwork && w({
+                networkOperation: a().networkOperation,
+                data: { f: [{ n: "container_id", o: "c", o1: o }] }
+              });
+            }), e && a().areasActions.selectArea(e);
           },
           /**
            * selectArea store
            */
-          selectArea: (areaId) => {
-            set((state) => {
-              state.currentAreaId = areaId;
-              if (state.hashAreas[areaId].currentLayoutId) {
-                state.currentModuleId = state.hashWindows[state.hashAreas[areaId].currentLayoutId].moduleId;
-              } else {
-                state.currentModuleId = "";
-              }
-            });
-            if (get().hashAreas[areaId].status === "init") {
-              if (get().hashAreas[areaId].loadWindows) {
-                get().areaActions.loadWindowsFromApi(areaId);
-              } else {
-                set((state) => {
-                  state.hashAreas[areaId].status = "loaded";
-                });
-              }
-            }
-            setCookie({
-              networkOperation: get().networkOperation,
-              endPoint: `${COOKIE_AREAS_ADMIN_CONTAINER_ID}/${COOKIE_AREAS_ADMIN_ID}`,
-              value: { selectedAreaId: areaId }
+          selectArea: (o) => {
+            i((e) => {
+              e.currentAreaId = o, e.hashAreas[o].currentLayoutId ? e.currentModuleId = e.hashWindows[e.hashAreas[o].currentLayoutId].moduleId : e.currentModuleId = "";
+            }), a().hashAreas[o].status === "init" && (a().hashAreas[o].loadWindows ? a().areaActions.loadWindowsFromApi(o) : i((e) => {
+              e.hashAreas[o].status = "loaded";
+            })), A({
+              networkOperation: a().networkOperation,
+              endPoint: `${P}/${D}`,
+              value: { selectedAreaId: o }
             });
           },
           /**
            * setHandlerGetLabel
            */
-          setHandlerGetLabel: (newHandler) => {
-            set((state) => {
-              state.getLabel = newHandler;
+          setHandlerGetLabel: (o) => {
+            i((e) => {
+              e.getLabel = o;
             });
           },
           /**
            * setExternalState
            */
-          setExternalState: (newExternalState) => {
-            set((state) => {
-              state.ownerState = { ...state.ownerState, ...newExternalState };
+          setExternalState: (o) => {
+            i((e) => {
+              e.ownerState = { ...e.ownerState, ...o };
             });
           }
         },
@@ -221,438 +179,326 @@ const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
           /**
            * addWindow store
            */
-          addWindow: (newWindowProps) => {
-            const windowId = `${get().currentAreaId}_window_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
-            if (newWindowProps.emergeType === "layout") {
-              get().areaActions.addLayout(get().currentAreaId, windowId, newWindowProps);
-            } else if (newWindowProps.emergeType === "popup") {
-              get().areaActions.addPopup(get().currentAreaId, windowId, newWindowProps);
-            } else if (newWindowProps.emergeType === "modal") {
-              get().areaActions.addWindowModal(get().currentAreaId, windowId, newWindowProps);
-            }
+          addWindow: (o) => {
+            const e = `${a().currentAreaId}_window_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
+            o.emergeType === "layout" ? a().areaActions.addLayout(a().currentAreaId, e, o) : o.emergeType === "popup" ? a().areaActions.addPopup(a().currentAreaId, e, o) : o.emergeType === "modal" && a().areaActions.addWindowModal(a().currentAreaId, e, o);
           },
           /**
            * addLayout store
            */
-          addLayout: (areaId, windowId, newWindowProps) => {
-            let previousId = windowId;
-            const freeMove = false;
-            const moduleCount = generateModuleCount(get().currentAreaId, newWindowProps.moduleId, get().hashWindows);
-            const newLayoutItem = {
-              ...newWindowProps.layoutProps,
-              i: windowId,
-              isDraggable: true,
-              isResizable: true,
-              freeMove
+          addLayout: (o, e, s) => {
+            let r = e;
+            const n = !1, t = T(a().currentAreaId, s.moduleId, a().hashWindows), d = {
+              ...s.layoutProps,
+              i: e,
+              isDraggable: !0,
+              isResizable: !0,
+              freeMove: n
             };
-            set((state) => {
-              const area = state.hashAreas[areaId];
-              if (!area) {
-                return;
-              }
-              if (newWindowProps.replaceMeId) {
-                for (let index = 0; index < area.layoutItemsIds.length; index++) {
-                  const key = area.layoutItemsIds[index];
-                  const WindoPopUp = state.hashWindows[key];
-                  if (WindoPopUp.replaceMeId === newWindowProps.replaceMeId) {
-                    previousId = key;
-                    WindoPopUp.dynamicMFStore.getState().actions.changeData(newWindowProps.dynamicParams);
-                    break;
+            i((l) => {
+              const h = l.hashAreas[o];
+              if (h) {
+                if (s.replaceMeId)
+                  for (let u = 0; u < h.layoutItemsIds.length; u++) {
+                    const c = h.layoutItemsIds[u], p = l.hashWindows[c];
+                    if (p.replaceMeId === s.replaceMeId) {
+                      r = c, p.dynamicMFStore.getState().actions.changeData(s.dynamicParams);
+                      break;
+                    }
                   }
+                if (r === e) {
+                  const u = I({
+                    dynamicMFParameters: s.dynamicParams
+                  });
+                  l.hashWindows[e] = {
+                    ...s,
+                    areaId: o,
+                    windowId: e,
+                    onClose: (c) => {
+                      a().areaActions.closeLayout(o, c);
+                    },
+                    ...C,
+                    dynamicMFStore: u,
+                    moduleCount: t
+                  }, h.layoutItemsIds.push(e), h.maximizedId && (h.maximizedId = e), h.layouts = Z(
+                    h.layouts,
+                    d,
+                    G,
+                    [m, m],
+                    [_, _],
+                    U,
+                    h.containerHeight,
+                    h.currentBreakpoint
+                  ), h.currentBreakpoint === "xxs" && (h.maximizedId = e), W(l, o, e, !0), a().popupsProviderMethods.setSelectedPopupId(o, void 0);
                 }
               }
-              if (previousId === windowId) {
-                const dynamicMFStore = createDynamicMFStore({
-                  dynamicMFParameters: newWindowProps.dynamicParams
-                });
-                state.hashWindows[windowId] = {
-                  ...newWindowProps,
-                  areaId,
-                  windowId,
-                  onClose: (removeLayoutId) => {
-                    get().areaActions.closeLayout(areaId, removeLayoutId);
-                  },
-                  ...DEFAULT_WINDOW,
-                  dynamicMFStore,
-                  moduleCount
-                };
-                area.layoutItemsIds.push(windowId);
-                if (area.maximizedId) {
-                  area.maximizedId = windowId;
-                }
-                area.layouts = addLayoutItemToBreakPoints(
-                  area.layouts,
-                  newLayoutItem,
-                  NORMALIZED_COLS,
-                  [MARGIN_GRIDLAYOUT, MARGIN_GRIDLAYOUT],
-                  [PADDING_GRIDLAYOUT, PADDING_GRIDLAYOUT],
-                  RESPONSIVE_ROW_HEIGHTS,
-                  area.containerHeight,
-                  area.currentBreakpoint
-                );
-                if (area.currentBreakpoint === "xxs") {
-                  area.maximizedId = windowId;
-                }
-                helperSelectLayout(state, areaId, windowId, true);
-                get().popupsProviderMethods.setSelectedPopupId(areaId, void 0);
-              }
-            });
-            get().areaActions.saveLayouts(areaId);
-            get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
+            }), a().areaActions.saveLayouts(o), a().areaActions.bouncedSaveBreakpointsLayouts(o);
           },
           /**
            * closeLayout
            */
-          closeLayout: (areaId, removeLayoutId) => {
-            set((state) => {
-              const area = state.hashAreas[areaId];
-              if (!area) {
+          closeLayout: (o, e) => {
+            i((s) => {
+              const r = s.hashAreas[o];
+              if (!r)
                 return;
-              }
-              const removeIndex = area.layoutItemsIds.indexOf(removeLayoutId);
-              if (removeIndex > -1) {
-                area.layoutItemsIds.splice(removeIndex, 1);
-              }
-              deleteLayoutFromBreakPoints(area, removeLayoutId);
-              delete state.hashWindows[removeLayoutId];
-              if (state.hashAreas[areaId].currentLayoutId === removeLayoutId) {
-                helperSelectLayout(state, areaId, "");
-              }
-            });
-            get().areaActions.saveLayouts(areaId);
-            if (get().hashAreas[areaId].maximizedId === removeLayoutId) {
-              get().areaActions.maximizeLayout(areaId);
+              const n = r.layoutItemsIds.indexOf(e);
+              n > -1 && r.layoutItemsIds.splice(n, 1), H(r, e), delete s.hashWindows[e], s.hashAreas[o].currentLayoutId === e && W(s, o, "");
+            }), a().areaActions.saveLayouts(o), a().hashAreas[o].maximizedId === e && a().areaActions.maximizeLayout(o);
+            for (let s = 0; s < a().hashAreas[o].layoutItemsIds.length; s++) {
+              const r = a().hashAreas[o].layoutItemsIds[s], n = a().hashWindows[r];
+              n && n.parentId === e && a().areaActions.closeLayout(o, n.windowId);
             }
-            for (let index = 0; index < get().hashAreas[areaId].layoutItemsIds.length; index++) {
-              const layoutItemId = get().hashAreas[areaId].layoutItemsIds[index];
-              const layoutItem = get().hashWindows[layoutItemId];
-              if (layoutItem && layoutItem.parentId === removeLayoutId) {
-                get().areaActions.closeLayout(areaId, layoutItem.windowId);
-              }
-            }
-            get().popupsProviderMethods.closeAllPopupsByParentId(removeLayoutId);
+            a().popupsProviderMethods.closeAllPopupsByParentId(e);
           },
           /**
            * saveLayouts
            */
-          saveLayouts: (areaId) => {
-            let nrKeys = 0;
-            const area = get().hashAreas[areaId];
-            if (!area) {
+          saveLayouts: (o) => {
+            let e = 0;
+            const s = a().hashAreas[o];
+            if (!s)
               return;
-            }
-            const saveObjetc = {};
-            for (let index = 0; index < area.layoutItemsIds.length; index++) {
-              const key = area.layoutItemsIds[index];
-              if (get().hashWindows[key] && get().hashWindows[key].winType === "microfrontend") {
-                const element = get().hashWindows[key];
-                const hasPropsToSave = {
-                  winType: true,
-                  emergeType: true,
-                  title: true,
-                  url_icon: true,
-                  windowOptions: true,
-                  moduleId: true,
-                  windowId: true,
-                  mfProps: true,
-                  moduleCount: true
-                };
-                const newElement = {};
-                for (const keyToSave in hasPropsToSave) {
-                  newElement[keyToSave] = element[keyToSave];
-                }
-                saveObjetc[key] = newElement;
-                nrKeys++;
+            const r = {};
+            for (let n = 0; n < s.layoutItemsIds.length; n++) {
+              const t = s.layoutItemsIds[n];
+              if (a().hashWindows[t] && a().hashWindows[t].winType === "microfrontend") {
+                const d = a().hashWindows[t], l = {
+                  winType: !0,
+                  emergeType: !0,
+                  title: !0,
+                  url_icon: !0,
+                  windowOptions: !0,
+                  moduleId: !0,
+                  windowId: !0,
+                  mfProps: !0,
+                  moduleCount: !0
+                }, h = {};
+                for (const u in l)
+                  h[u] = d[u];
+                r[t] = h, e++;
               }
             }
-            if (nrKeys > 0) {
-              setCookie({
-                networkOperation: get().networkOperation,
-                endPoint: `${area.id}/${COOKIE_WINDOWS}`,
-                value: saveObjetc
-              });
-            } else {
-              deleteCookie({
-                networkOperation: get().networkOperation,
-                data: { f: [{ n: "container_id", o: "c", o1: area.id }] }
-              });
-            }
+            e > 0 ? A({
+              networkOperation: a().networkOperation,
+              endPoint: `${s.id}/${B}`,
+              value: r
+            }) : w({
+              networkOperation: a().networkOperation,
+              data: { f: [{ n: "container_id", o: "c", o1: s.id }] }
+            });
           },
           /**
            * addPopup store
            */
-          addPopup: (areaId, windowId, newWindowProps) => {
-            let previousId = windowId;
-            set((state) => {
-              const area = state.hashAreas[areaId];
-              if (!area) {
-                return;
-              }
-              if (newWindowProps.replaceMeId) {
-                for (const key in state.hashWindows) {
-                  if (state.hashWindows[key].replaceMeId === newWindowProps.replaceMeId) {
-                    const WindoPopUp = state.hashWindows[key];
-                    previousId = key;
-                    WindoPopUp.dynamicMFStore.getState().actions.changeData(newWindowProps.dynamicParams);
-                    get().popupsProviderMethods.bringPopupOnFront(key, true);
-                    break;
-                  }
+          addPopup: (o, e, s) => {
+            let r = e;
+            i((n) => {
+              if (n.hashAreas[o]) {
+                if (s.replaceMeId) {
+                  for (const d in n.hashWindows)
+                    if (n.hashWindows[d].replaceMeId === s.replaceMeId) {
+                      const l = n.hashWindows[d];
+                      r = d, l.dynamicMFStore.getState().actions.changeData(s.dynamicParams), a().popupsProviderMethods.bringPopupOnFront(d, !0);
+                      break;
+                    }
                 }
-              }
-              if (previousId === windowId) {
-                const dynamicMFStore = createDynamicMFStore({
-                  dynamicMFParameters: newWindowProps.dynamicParams
-                });
-                state.hashWindows[windowId] = {
-                  ...newWindowProps,
-                  ...DEFAULT_WINDOW,
-                  areaId,
-                  windowId,
-                  onClose: (removeLayoutId) => {
-                    get().areaActions.closeLayout(areaId, removeLayoutId);
-                  },
-                  dynamicMFStore
-                };
-                const { emergeType, popupProps, ...newWindowPropsExact } = newWindowProps;
-                const onSelectedPopupIdChange = (groupId, _popupId, reason) => {
-                  if (parentId) {
-                    if (reason === "select") {
-                      get().areaActions.selectLayout(groupId, parentId);
+                if (r === e) {
+                  const d = I({
+                    dynamicMFParameters: s.dynamicParams
+                  });
+                  n.hashWindows[e] = {
+                    ...s,
+                    ...C,
+                    areaId: o,
+                    windowId: e,
+                    onClose: (k) => {
+                      a().areaActions.closeLayout(o, k);
+                    },
+                    dynamicMFStore: d
+                  };
+                  const { emergeType: l, popupProps: h, ...u } = s, c = (k, oo, v) => {
+                    p ? v === "select" && a().areaActions.selectLayout(k, p) : a().areaActions.selectLayout(k, "");
+                  }, p = s?.parentId;
+                  a().popupsProviderMethods.addPopup({
+                    ...u,
+                    ...s.popupProps,
+                    popupId: e,
+                    groupId: o,
+                    dynamicMFStore: d,
+                    dynamicParams: s.dynamicParams,
+                    onRemove: () => a().areaActions.closePopup(o, e),
+                    /**
+                     *
+                     */
+                    onSelectedPopupIdChange: c,
+                    allowHeightResizeContainer: !0,
+                    allowWidthResizeContainer: !1,
+                    bounds: {
+                      left: m,
+                      top: m,
+                      right: -m,
+                      bottom: -m
                     }
-                  } else {
-                    get().areaActions.selectLayout(groupId, "");
-                  }
-                };
-                const parentId = newWindowProps?.parentId;
-                get().popupsProviderMethods.addPopup({
-                  ...newWindowPropsExact,
-                  ...newWindowProps.popupProps,
-                  popupId: windowId,
-                  groupId: areaId,
-                  dynamicMFStore,
-                  dynamicParams: newWindowProps.dynamicParams,
-                  onRemove: () => get().areaActions.closePopup(areaId, windowId),
-                  /**
-                   *
-                   */
-                  onSelectedPopupIdChange,
-                  allowHeightResizeContainer: true,
-                  allowWidthResizeContainer: false,
-                  bounds: {
-                    left: MARGIN_GRIDLAYOUT,
-                    top: MARGIN_GRIDLAYOUT,
-                    right: -MARGIN_GRIDLAYOUT,
-                    bottom: -MARGIN_GRIDLAYOUT
-                  }
-                });
+                  });
+                }
               }
             });
           },
           /**
            * closePopup
            */
-          closePopup: (areaId, windowId) => {
-            set((state) => {
-              const area = state.hashAreas[areaId];
-              if (!area) {
-                return;
-              }
-              delete state.hashWindows[windowId];
+          closePopup: (o, e) => {
+            i((s) => {
+              s.hashAreas[o] && delete s.hashWindows[e];
             });
           },
           /**
            * closeWindowModal
            */
-          closeWindowModal: (removeModalId) => {
-            set((state) => {
-              const removeIndex = state.windowsModalsIds.findIndex((w) => w === removeModalId);
-              if (removeIndex > -1) {
-                state.windowsModalsIds.splice(removeIndex, 1);
-              }
-              delete state.hashWindows[removeModalId];
+          closeWindowModal: (o) => {
+            i((e) => {
+              const s = e.windowsModalsIds.findIndex((r) => r === o);
+              s > -1 && e.windowsModalsIds.splice(s, 1), delete e.hashWindows[o];
             });
           },
           /**
            * addWindowModal
            */
-          addWindowModal: (areaId, windowId, newWindowModalProps) => {
-            set((state) => {
-              const dynamicMFStore = createDynamicMFStore({
-                dynamicMFParameters: newWindowModalProps.dynamicParams
+          addWindowModal: (o, e, s) => {
+            i((r) => {
+              const n = I({
+                dynamicMFParameters: s.dynamicParams
               });
-              state.windowsModalsIds.push(windowId);
-              const moduleCount = generateModuleCount(get().currentAreaId, newWindowModalProps.moduleId, get().hashWindows);
-              state.hashWindows[windowId] = {
-                ...newWindowModalProps,
-                areaId,
-                windowId,
-                ...DEFAULT_WINDOW,
-                onClose: get().areaActions.closeWindowModal,
-                dynamicMFStore,
-                moduleCount
+              r.windowsModalsIds.push(e);
+              const t = T(a().currentAreaId, s.moduleId, a().hashWindows);
+              r.hashWindows[e] = {
+                ...s,
+                areaId: o,
+                windowId: e,
+                ...C,
+                onClose: a().areaActions.closeWindowModal,
+                dynamicMFStore: n,
+                moduleCount: t
               };
             });
           },
-          bouncedSaveBreakpointsLayouts: debounce(
-            (areaId) => {
-              const purgedLayouts = {
-                ...get().hashAreas[areaId].layouts
-              };
-              const finalLayouts = {};
-              for (const key in purgedLayouts) {
-                const element = purgedLayouts[key];
-                purgedLayouts[key] = element.filter((l) => {
-                  if (l.i === "none") {
-                    return false;
-                  }
-                  if (get().hashAreas[areaId].layoutItemsIds.indexOf(l.i) > -1) {
-                    return true;
-                  }
-                  return false;
-                });
-                if (purgedLayouts[key].length > 0) {
-                  finalLayouts[key] = purgedLayouts[key];
-                }
-              }
-              if (Object.keys(finalLayouts).length > 0) {
-                setCookie({
-                  networkOperation: get().networkOperation,
-                  endPoint: `${get().hashAreas[areaId].id}/${COOKIE_BREAKPOINT_LAYOUTS}`,
-                  value: finalLayouts
-                });
+          bouncedSaveBreakpointsLayouts: j(
+            (o) => {
+              const e = {
+                ...a().hashAreas[o].layouts
+              }, s = {};
+              for (const r in e) {
+                const n = e[r];
+                e[r] = n.filter((t) => t.i === "none" ? !1 : a().hashAreas[o].layoutItemsIds.indexOf(t.i) > -1), e[r].length > 0 && (s[r] = e[r]);
               }
+              Object.keys(s).length > 0 && A({
+                networkOperation: a().networkOperation,
+                endPoint: `${a().hashAreas[o].id}/${$}`,
+                value: s
+              });
             },
-            DEBOUCED_SAVE_TIME,
+            z,
             {
-              leading: true,
-              trailing: true
+              leading: !0,
+              trailing: !0
             }
           ),
           /**
            * onBreakpointsLayoutsChange
            */
-          onBreakpointsLayoutsChange: (areaId, _currentLayout, newAllLayouts) => {
-            if (!isEqualLayouts(get().hashAreas[areaId].layouts, newAllLayouts)) {
-              set((state) => {
-                state.hashAreas[areaId].layouts = cloneLayouts(newAllLayouts);
-              });
-              if (!get().hashAreas[areaId].maximizedId) {
-                get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
-              }
-            }
+          onBreakpointsLayoutsChange: (o, e, s) => {
+            J(a().hashAreas[o].layouts, s) || (i((r) => {
+              r.hashAreas[o].layouts = q(s);
+            }), a().hashAreas[o].maximizedId || a().areaActions.bouncedSaveBreakpointsLayouts(o));
           },
           /**
            * containerChange
            */
-          onContainerChange: (areaId, e) => {
-            set((state) => {
-              state.hashAreas[areaId].containerHeight = e.containerHeight;
-              state.hashAreas[areaId].currentBreakpoint = e.breakpoint;
+          onContainerChange: (o, e) => {
+            i((s) => {
+              s.hashAreas[o].containerHeight = e.containerHeight, s.hashAreas[o].currentBreakpoint = e.breakpoint;
             });
           },
           /**
            * selectLayout
            */
-          selectLayout: (areaId, layoutId) => {
-            if (get().hashAreas[areaId].currentLayoutId === layoutId) {
-              return;
-            }
-            set((state) => {
-              helperSelectLayout(state, areaId, layoutId);
+          selectLayout: (o, e) => {
+            a().hashAreas[o].currentLayoutId !== e && i((s) => {
+              W(s, o, e);
             });
           },
           /**
            * unColapseLayoutItem
            */
-          unColapseLayoutItem: (areaId, layoutId) => {
-            set((state) => {
-              setColapsedLayoutBreakPoints(state.hashAreas[areaId], layoutId, false);
+          unColapseLayoutItem: (o, e) => {
+            i((s) => {
+              E(s.hashAreas[o], e, !1);
             });
           },
           /**
            * colapseLayoutItem
            */
-          colapseLayoutItem: (areaId, layoutId) => {
-            if (!get().hashAreas[areaId].maximizedId && get().hashWindows[layoutId]) {
-              set((state) => {
-                setColapsedLayoutBreakPoints(state.hashAreas[areaId], layoutId, true);
-              });
-            }
+          colapseLayoutItem: (o, e) => {
+            !a().hashAreas[o].maximizedId && a().hashWindows[e] && i((s) => {
+              E(s.hashAreas[o], e, !0);
+            });
           },
           /**
            * minimizeLayout
            */
-          maximizeLayout: (areaId, layoutId) => {
-            set((state) => {
-              const area = state.hashAreas[areaId];
-              if (!area) {
-                return;
-              }
-              area.maximizedId = layoutId;
-            });
-            if (layoutId) {
-              get().areaActions.selectLayout(areaId, layoutId);
-            }
+          maximizeLayout: (o, e) => {
+            i((s) => {
+              const r = s.hashAreas[o];
+              r && (r.maximizedId = e);
+            }), e && a().areaActions.selectLayout(o, e);
           },
           /**
            * normalizeLayouts
            */
-          normalizeLayouts: (areaId) => {
-            set((state) => {
-              const area = state.hashAreas[areaId];
-              if (!area) {
-                return;
-              }
-              area.maximizedId = void 0;
+          normalizeLayouts: (o) => {
+            i((e) => {
+              const s = e.hashAreas[o];
+              s && (s.maximizedId = void 0);
             });
           },
           /**
            * loadWindowsFromApi
            */
-          loadWindowsFromApi: (areaId) => {
-            const area = get().hashAreas[areaId];
-            if (!area) {
-              return;
-            }
-            if (area.status !== "init") {
-              return;
-            }
-            if (!get().loadAreasFromNetwork || !area.loadWindows) {
-              set((state) => {
-                state.hashAreas[areaId].status = "loaded";
-              });
-              return;
-            }
-            set((state) => {
-              state.hashAreas[areaId].status = "loading";
-            });
-            getCookie({
-              networkOperation: get().networkOperation,
-              params: { f: [{ n: "container_id", o: "e", o1: areaId }] }
-            }).then((response) => {
-              const area2 = get().hashAreas[areaId];
-              if (!area2) {
+          loadWindowsFromApi: (o) => {
+            const e = a().hashAreas[o];
+            if (e && e.status === "init") {
+              if (!a().loadAreasFromNetwork || !e.loadWindows) {
+                i((s) => {
+                  s.hashAreas[o].status = "loaded";
+                });
                 return;
               }
-              const dataResponse = response.data;
-              set((state) => {
-                const area3 = state.hashAreas[areaId];
-                const { newBreakPointsLayouts, newHashLayoutItems } = getDataFromResponse(
-                  dataResponse,
-                  state,
-                  areaId
-                );
-                area3.layouts = newBreakPointsLayouts;
-                area3.layoutItemsIds = newHashLayoutItems;
-                area3.status = "loaded";
-                const layoutSelected = getParmsFromValue(COOKIE_WINDOW_SELECTED, dataResponse) || { currentLayoutId: "" };
-                helperSelectLayout(state, areaId, layoutSelected?.currentLayoutId || "", false);
-              });
-            }).catch((_response) => {
-              set((state) => {
-                state.hashAreas[areaId].status = "loaded";
+              i((s) => {
+                s.hashAreas[o].status = "loading";
+              }), L({
+                networkOperation: a().networkOperation,
+                params: { f: [{ n: "container_id", o: "e", o1: o }] }
+              }).then((s) => {
+                if (!a().hashAreas[o])
+                  return;
+                const n = s.data;
+                i((t) => {
+                  const d = t.hashAreas[o], { newBreakPointsLayouts: l, newHashLayoutItems: h } = N(
+                    n,
+                    t,
+                    o
+                  );
+                  d.layouts = l, d.layoutItemsIds = h, d.status = "loaded";
+                  const u = R(V, n) || { currentLayoutId: "" };
+                  W(t, o, u?.currentLayoutId || "", !1);
+                });
+              }).catch((s) => {
+                i((r) => {
+                  r.hashAreas[o].status = "loaded";
+                });
               });
-            });
+            }
           }
           // /**
           //  * setIsDraggingResizingPopup
@@ -667,207 +513,162 @@ const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
           /**
            * setActions
            */
-          setActions: (windowId, newActions, version, buildTime) => {
-            set((state) => {
-              if (state.hashWindows[windowId]) {
-                state.hashWindows[windowId].moduleActions = cloneDeep(newActions);
-                state.hashWindows[windowId].version = version;
-                state.hashWindows[windowId].buildTime = buildTime;
-              }
+          setActions: (o, e, s, r) => {
+            i((n) => {
+              n.hashWindows[o] && (n.hashWindows[o].moduleActions = Y(e), n.hashWindows[o].version = s, n.hashWindows[o].buildTime = r);
             });
           },
           /**
            * getCookie
            */
-          getCookie: (windowId, id) => {
-            if (get().hashWindows[windowId]) {
-              return get().hashWindows[windowId].cookies.windowCookies[id] || get().hashWindows[windowId].cookies.moduleCookies[id];
-            }
-            return {};
-          },
+          getCookie: (o, e) => a().hashWindows[o] ? a().hashWindows[o].cookies.windowCookies[e] || a().hashWindows[o].cookies.moduleCookies[e] : {},
           /**
            * getCookies
            */
-          getCookies: (windowId, type) => {
-            if (get().hashWindows[windowId]) {
-              if (type === "window") {
-                return get().hashWindows[windowId].cookies.windowCookies;
-              } else {
-                return get().hashWindows[windowId].cookies.moduleCookies;
-              }
-            }
-            return {};
-          },
+          getCookies: (o, e) => a().hashWindows[o] ? e === "window" ? a().hashWindows[o].cookies.windowCookies : a().hashWindows[o].cookies.moduleCookies : {},
           /**
            * setCookie
            */
-          setCookie: (windowId, id, type, cookie) => {
-            set((state) => {
-              const hW = state.hashWindows[windowId];
-              if (hW) {
-                setCookie({
-                  networkOperation: get().networkOperation,
-                  endPoint: `${type === "module" ? hW.moduleId : windowId}/${id}`,
-                  value: cookie
-                });
-                if (type === "window") {
-                  hW.cookies.windowCookies[id] = cookie;
-                } else {
-                  hW.cookies.moduleCookies[id] = cookie;
-                }
-              }
+          setCookie: (o, e, s, r) => {
+            i((n) => {
+              const t = n.hashWindows[o];
+              t && (A({
+                networkOperation: a().networkOperation,
+                endPoint: `${s === "module" ? t.moduleId : o}/${e}`,
+                value: r
+              }), s === "window" ? t.cookies.windowCookies[e] = r : t.cookies.moduleCookies[e] = r);
             });
           },
           /**
            * close window
            */
-          close: (windowId, useFnQueryClose = true) => {
-            const hW = get().hashWindows[windowId];
-            if (hW) {
-              if (hW.fnQueryClose && useFnQueryClose) {
-                hW.fnQueryClose();
+          close: (o, e = !0) => {
+            const s = a().hashWindows[o];
+            if (s) {
+              if (s.fnQueryClose && e) {
+                s.fnQueryClose();
                 return;
               }
-              const onClose = hW.onClose;
-              if (onClose) {
-                onClose(hW.windowId);
-              }
+              const r = s.onClose;
+              r && r(s.windowId);
             }
           },
           /**
            * startProgress
            */
-          startProgress: (windowId) => {
-            set((state) => {
-              if (state.hashWindows[windowId]) {
-                state.hashWindows[windowId].loading = true;
-              }
+          startProgress: (o) => {
+            i((e) => {
+              e.hashWindows[o] && (e.hashWindows[o].loading = !0);
             });
           },
           /**
            * stopProgress
            */
-          stopProgress: (windowId) => {
-            set((state) => {
-              if (state.hashWindows[windowId]) {
-                state.hashWindows[windowId].loading = false;
-              }
+          stopProgress: (o) => {
+            i((e) => {
+              e.hashWindows[o] && (e.hashWindows[o].loading = !1);
             });
           },
           /**
            * loadCookiesFromApi
            */
-          loadCookiesFromApi: (windowId) => {
-            const hW = get().hashWindows[windowId];
-            if (hW) {
-              if (hW.status === "init") {
-                set((state) => {
-                  state.hashWindows[windowId].status = "loading";
-                });
-                getCookie({
-                  networkOperation: get().networkOperation,
-                  params: {
-                    f: [
-                      { n: "container_id", o: "e", o1: hW.windowId },
-                      { n: "container_id", o: "e", o1: hW.moduleId }
-                    ]
-                  }
-                }).then((response) => {
-                  set((state) => {
-                    const hWs = state.hashWindows[windowId];
-                    if (hWs) {
-                      hWs.cookies.moduleCookies = getCookiesContainer(
-                        response.data,
-                        hWs.moduleId
-                      );
-                      hWs.cookies.windowCookies = getCookiesContainer(response.data, windowId);
-                      hWs.status = "loaded";
-                    }
-                  });
-                }).catch((_response) => {
-                  set((state) => {
-                    if (state.hashWindows[windowId]) {
-                      state.hashWindows[windowId].status = "loaded";
-                    }
-                  });
-                });
+          loadCookiesFromApi: (o) => {
+            const e = a().hashWindows[o];
+            e && e.status === "init" && (i((s) => {
+              s.hashWindows[o].status = "loading";
+            }), L({
+              networkOperation: a().networkOperation,
+              params: {
+                f: [
+                  { n: "container_id", o: "e", o1: e.windowId },
+                  { n: "container_id", o: "e", o1: e.moduleId }
+                ]
               }
-            }
+            }).then((s) => {
+              i((r) => {
+                const n = r.hashWindows[o];
+                n && (n.cookies.moduleCookies = S(
+                  s.data,
+                  n.moduleId
+                ), n.cookies.windowCookies = S(s.data, o), n.status = "loaded");
+              });
+            }).catch((s) => {
+              i((r) => {
+                r.hashWindows[o] && (r.hashWindows[o].status = "loaded");
+              });
+            }));
           },
           /**
            * saveModuleCookies
            */
-          saveModuleCookies: (windowId) => {
-            const hW = get().hashWindows[windowId];
-            if (hW) {
-              for (const key in hW.cookies.windowCookies) {
-                const cookie = hW.cookies.windowCookies[key];
-                setCookie({
-                  networkOperation: get().networkOperation,
-                  endPoint: `${hW.moduleId}/${key}`,
-                  value: cookie
+          saveModuleCookies: (o) => {
+            const e = a().hashWindows[o];
+            if (e)
+              for (const s in e.cookies.windowCookies) {
+                const r = e.cookies.windowCookies[s];
+                A({
+                  networkOperation: a().networkOperation,
+                  endPoint: `${e.moduleId}/${s}`,
+                  value: r
                 });
               }
-            }
           },
           /**
            * setModuleCookies
            */
-          resetModuleCookies: (windowId) => {
-            const hW = get().hashWindows[windowId];
-            if (hW) {
-              deleteCookie({
-                networkOperation: get().networkOperation,
-                data: {
-                  f: [
-                    {
-                      n: "id",
-                      o: "c",
-                      o1: hW.moduleId
-                    }
-                  ]
-                }
-              });
-            }
+          resetModuleCookies: (o) => {
+            const e = a().hashWindows[o];
+            e && w({
+              networkOperation: a().networkOperation,
+              data: {
+                f: [
+                  {
+                    n: "id",
+                    o: "c",
+                    o1: e.moduleId
+                  }
+                ]
+              }
+            });
           },
           /**
            * setFnQueryClose
            */
-          setFnQueryClose: (windowId, fnQueryClose) => {
-            set((state) => {
-              state.hashWindows[windowId].fnQueryClose = fnQueryClose;
+          setFnQueryClose: (o, e) => {
+            i((s) => {
+              s.hashWindows[o].fnQueryClose = e;
             });
           },
           /**
            * setWindowTitle
            */
-          setWindowTitle: (windowId, title) => {
-            set((state) => {
-              state.hashWindows[windowId].title = title;
+          setWindowTitle: (o, e) => {
+            i((s) => {
+              s.hashWindows[o].title = e;
             });
           },
           /**
            * setWindowSubtitle
            */
-          setWindowSubTitle: (windowId, subTitle) => {
-            set((state) => {
-              state.hashWindows[windowId].subTitle = subTitle;
+          setWindowSubTitle: (o, e) => {
+            i((s) => {
+              s.hashWindows[o].subTitle = e;
             });
           },
           /**
            * setWindowEditionInfo
            */
-          setWindowEditionInfo: (windowId, editionInfo) => {
-            set((state) => {
-              state.hashWindows[windowId].editionInfo = editionInfo;
+          setWindowEditionInfo: (o, e) => {
+            i((s) => {
+              s.hashWindows[o].editionInfo = e;
             });
           }
         }
       })),
-      { name: `${AREAS_STORE_ID}: ${initProps.storeId}`, enabled: storeDevtoolsEnabled }
+      { name: `${X}: ${f.storeId}`, enabled: y }
     )
   );
 };
 export {
-  createAreasStore as c
+  Io as createAreasStore
 };