@m4l/components 9.17.1-beta-feature-731-m4l-components-code-editor.0 → 9.18.0

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useWindow.js

@@ -1,69 +1,70 @@
-import { useMemo as k, useEffect as V } from "react";
-import { shallow as i } from "zustand/shallow";
-import { useAreasStore as n } from "../../../../../../../hooks/useAreas/index.js";
-import { useHeaderActions as X } from "./useHeaderActions.js";
-import { usePopupsStore as Y } from "../../../../../../../../popups/components/PopupsProvider/hooks/usePopupsStore.js";
-import { useAuth as Z } from "@m4l/core";
-import _ from "../../../../../../../../ToastContainer/helpers/toaster.js";
-const se = (o, s) => {
+import { useMemo as k, useEffect as R } from "react";
+import { shallow as r } from "zustand/shallow";
+import { useAreasStore as m } from "../../../../../../../hooks/useAreas/index.js";
+import { useHeaderActions as V } from "./useHeaderActions.js";
+import { usePopupsStore as X } from "../../../../../../../../popups/components/PopupsProvider/hooks/usePopupsStore.js";
+import { useAuth as Y } from "@m4l/core";
+import Z from "../../../../../../../../ToastContainer/helpers/toaster.js";
+const se = (t, s) => {
   const [
-    c,
+    n,
     b,
+    v,
     E,
     F,
-    v,
+    d,
     M,
     U,
     L,
     Q,
+    u,
     x,
-    m,
+    c,
     z,
-    u,
-    H
-  ] = n((e) => {
-    const t = e.hashWindows[o], r = s ? e.hashAreas[s]?.currentLayoutId === o : !1;
+    H,
+    j
+  ] = m((e) => {
+    const o = e.hashWindows[t], i = s ? e.hashAreas[s]?.currentLayoutId === t : !1;
     return [
-      t?.emergeType,
-      t?.moduleId,
-      t?.winType,
-      t?.title,
-      t?.subTitle,
-      t?.editionInfo,
-      t?.iconUrl,
-      t?.version,
-      t?.buildTime,
-      t?.moduleCount,
-      r,
-      t?.loading,
-      t?.status,
-      t?.dynamicMFStore
+      o?.emergeType,
+      o?.moduleId,
+      o?.winType,
+      o?.title,
+      o?.subTitle,
+      o?.editionInfo,
+      o?.iconUrl,
+      o?.version,
+      o?.buildTime,
+      o?.moduleCount,
+      i,
+      o?.loading,
+      o?.status,
+      o?.dynamicMFStore,
+      o?.winType === "microfrontend" ? o.mfProps : void 0,
+      o?.winType === "component" ? o.component : void 0
     ];
-  }, i), j = n((e) => e.hashWindows[o]?.mfProps, i), { user: q } = Z(), B = n(
-    (e) => e.hashWindows[o]?.component,
-    i
-  ), { setActions: l, getCookie: p, getCookies: f, setCookie: h, close: g, startProgress: a, stopProgress: A, setFnQueryClose: T, setWindowTitle: y, setWindowSubTitle: D, setWindowEditionInfo: G, loadCookiesFromApi: C } = n((e) => e.windowActions, i), { selectLayout: J } = n((e) => e.areaActions, i), { setSelectedPopupId: K } = Y((e) => e.popupsActions, i), N = () => {
-    !m && c === "layout" && s && (J(s, o), K(s, void 0));
-  }, O = k(
+  }, r), { user: q } = Y(), { setActions: l, getCookie: p, getCookies: f, setCookie: T, close: g, startProgress: A, stopProgress: h, setFnQueryClose: a, setWindowTitle: y, setWindowSubTitle: B, setWindowEditionInfo: D, loadCookiesFromApi: C } = m((e) => e.windowActions, r), { selectLayout: G } = m((e) => e.areaActions, r), { setSelectedPopupId: J } = X((e) => e.popupsActions, r), K = () => {
+    !u && n === "layout" && s && (G(s, t), J(s, void 0));
+  }, N = k(
     () => ({
-      getWindowId: () => o,
+      getWindowId: () => t,
       /**
-       * Actualizar las acciones de la ventana
+       * Update shell actions from the mounted content.
        */
-      setActions: (e, t, r) => {
-        l(o, e, t, r);
+      setActions: (e, o, i) => {
+        l(t, e, o, i);
       },
-      getCookie: (e) => p(o, e),
-      getCookies: (e) => f(o, e),
-      setCookie: (e, t, r) => h(o, e, t, r),
-      close: (e = !0) => g(o, e),
-      startProgress: () => a(o),
-      stopProgress: () => A(o),
-      setFnQueryClose: (e) => T(o, e),
-      toast: _(o),
-      setWindowTitle: (e) => y(o, e),
-      setWindowSubTitle: (e) => D(o, e),
-      setWindowEditionInfo: (e) => G(o, e),
+      getCookie: (e) => p(t, e),
+      getCookies: (e) => f(t, e),
+      setCookie: (e, o, i) => T(t, e, o, i),
+      close: (e = !0) => g(t, e),
+      startProgress: () => A(t),
+      stopProgress: () => h(t),
+      setFnQueryClose: (e) => a(t, e),
+      toast: Z(t),
+      setWindowTitle: (e) => y(t, e),
+      setWindowSubTitle: (e) => B(t, e),
+      setWindowEditionInfo: (e) => D(t, e),
       hide: () => {
         throw new Error("hide not implemented");
       },
@@ -72,36 +73,36 @@ const se = (o, s) => {
       }
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [o, l, p, f, h, g, a, A, T, y]
+    [t, l, p, f, T, g, A, h, a, y]
   );
-  V(() => {
-    u === "init" && C(o);
-  }, [u, C, o]);
-  const { leftActions: W, insideActions: P, rightActions: S } = X({
-    windowId: o,
+  R(() => {
+    c === "init" && C(t);
+  }, [c, C, t]);
+  const { leftActions: W, insideActions: P, rightActions: S } = V({
+    windowId: t,
     areaId: s,
-    emergeType: c
-  }), R = k(() => [...W, ...P, ...S], [W, P, S]);
+    emergeType: n
+  }), O = k(() => [...W, ...P, ...S], [W, P, S]);
   return {
-    emergeType: c,
+    emergeType: n,
     moduleId: b,
-    winType: E,
-    title: F,
-    subTitle: v,
-    editionInfo: M,
-    iconUrl: U,
-    version: L,
-    buildTime: Q,
-    moduleCount: x,
-    selected: m,
-    mfProps: j,
-    component: B,
-    loading: z,
-    status: u,
-    dynamicMFStore: H,
-    windowTools: O,
-    onTouch: N,
-    memoizedActions: R,
+    winType: v,
+    title: E,
+    subTitle: F,
+    editionInfo: d,
+    iconUrl: M,
+    version: U,
+    buildTime: L,
+    moduleCount: Q,
+    selected: u,
+    mfProps: H,
+    component: j,
+    loading: x,
+    status: c,
+    dynamicMFStore: z,
+    windowTools: N,
+    onTouch: K,
+    memoizedActions: O,
     loggedUser: q
   };
 };

package/components/areas/contexts/AreasContext/helpers/generateModuleCount.d.ts

@@ -1,10 +1,8 @@
 import { AreaWindowProps } from '../../../types';
 /**
- * Función que genera un string con el número de módulos repetidos en una misma área.
- * Esta función recibe un hash de ventanas y evalúa cada ventana para contar cuántas veces se repite un módulo en una misma área
- * y genera un number que representa el 'moduleCount' de la ventana.
- * @param hashWindows
- * @returns number con el número de módulos repetidos en una mista area
+ * Compute the visible duplicate counter for one module inside a single area.
+ * The function walks the logical window registry, keeps only windows from the
+ * target area and module, and returns the first available positive counter.
  */
 export declare const generateModuleCount: (areaId: string, moduleId: string, hashWindows: Record<string, AreaWindowProps>) => number;
 //# sourceMappingURL=generateModuleCount.d.ts.map

package/components/areas/contexts/AreasContext/helpers/generateModuleCount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateModuleCount.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/helpers/generateModuleCount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,EAAE,UAAU,MAAM,EAAE,aAAa,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,WAiBjH,CAAC"}
+{"version":3,"file":"generateModuleCount.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/helpers/generateModuleCount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,MAAM,EAAE,UAAU,MAAM,EAAE,aAAa,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,WAejH,CAAC"}

package/components/areas/contexts/AreasContext/helpers/helper.d.ts

@@ -42,47 +42,52 @@ export declare const RESPONSIVE_ROW_HEIGHTS: {
 export declare const DEFAULT_WINDOW: Pick<WindowState, 'status' | 'moduleActions' | 'cookies' | 'loading'>;
 export declare const DEFAULT_AREA: Omit<Area, 'id' | 'name' | 'viewMode'>;
 /**
- * Función de apoyo que crea un área de trabajo,
- *  El Id del area sale de concatenar la fecha actual con un número aleeatorio de 3 digitos
- *  Cuuando se agrega un area queda seleccionada por defecto.
- *  si "loadAreasFromNetwork" esta en true, agrega al backend el área de trabajo
- * @param state
- * @returns
+ * Create a new work area with the next available generated name.
+ * The id combines the current timestamp with a short random suffix, the new
+ * area becomes selected by default, and the backend is notified when network
+ * persistence is enabled.
  */
 export declare const addArea: (state: Draft<AreasStoreStateWithActions>) => string;
 /**
- * Actualiza la clases basado en owner state
- * @param state immer State
+ * Update utility classes from owner state.
+ * This remains commented because class generation moved elsewhere, but the
+ * note is kept as a reminder of the previous responsibility split.
  */
 /**
- * TODO: Documentar
+ * Return the currently selected area from the normalized registry.
+ * Throws when the store points to a missing area because callers expect the
+ * invariant to hold once the Areas provider is loaded.
  */
 export declare const getCurrentArea: (state: Draft<AreasStoreStateWithActions> | AreasStoreStateWithActions) => Area;
 /**
- * TODO: Documentar
+ * Extract and parse a cookie-like value by id from a network response payload.
+ * Returns `undefined` when the key is missing or the payload cannot be parsed.
  */
 export declare const getParmsFromValue: (key: string, data: []) => any;
 /**
- * TODO: Documentar
+ * Apply the collapsed flag for one layout across every breakpoint copy.
+ * On `xxs`, free-move items keep their current collapse state.
  */
 export declare function setColapsedLayoutBreakPoints(state: Draft<Area>, layoutId: string, colapsed: boolean): void;
 /**
- * TODO: Documentar
+ * Remove one layout item from every stored breakpoint representation.
  */
 export declare function deleteLayoutFromBreakPoints(state: Draft<Area>, layoutId?: string): void;
 /**
- * TODO: Documentar
+ * Rebuild persisted layout state from the Areas cookie payload.
+ * This restores the layout breakpoint map and the normalized layout-window ids
+ * for API-backed microfrontend layouts.
  */
 export declare function getDataFromResponse(data: any, state: Draft<AreasStoreStateWithActions>, areaId: string): {
     newBreakPointsLayouts: Layouts;
     newHashLayoutItems: string[];
 };
 /**
- * TODO: Documentar
+ * Collect cookie values belonging to one container id.
  */
 export declare function getCookiesContainer(data: any, containerId: string): Record<string, any>;
 /**
- * TODO: Documentar
+ * Read the selected area id from the Areas admin cookie payload, when present.
  */
 export declare function getSelectedAreaIdFromCookies(cookiesResponse: any): string | undefined;
 //# sourceMappingURL=helper.d.ts.map

package/components/areas/contexts/AreasContext/helpers/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/helpers/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAOnC,OAAO,KAAK,EAAE,IAAI,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAIvD,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,+BAA+B,UAAU,CAAC;AACvD,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAC7C,eAAO,MAAM,yBAAyB,eAAe,CAAC;AACtD,eAAO,MAAM,cAAc,YAAY,CAAC;AACxC,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AACvD,eAAO,MAAM,gBAAgB;;;;;;CAAkD,CAAC;AAChF,eAAO,MAAM,eAAe;;;;;;CAA6C,CAAC;AAC1E,eAAO,MAAM,eAAe;;;;;;CAA8C,CAAC;AAE3E,eAAO,MAAM,sBAAsB;;;;;;CAA8C,CAAC;AAClF,eAAO,MAAM,cAAc,EAAE,IAAI,CAC/B,WAAW,EACX,QAAQ,GAAG,eAAe,GAAG,SAAS,GAAG,SAAS,CAOnD,CAAC;AACF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,UAAU,CAW/D,CAAC;AACF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,CAAC,0BAA0B,CAAC,WAsC/D,CAAC;AACF;;;GAGG;AAKH;;GAEG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,0BAA0B,CAAC,GAAG,0BAA0B,KACpE,IAOF,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,EAAE,MAAM,EAAE,QAWtD,CAAC;AACF;;GAEG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAClB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,OAAO,QAgBlB;AACD;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAYvF;AACD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,CAAC,0BAA0B,CAAC,EACxC,MAAM,EAAE,MAAM;;;EA0Ef;AACD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,uBAYjE;AACD;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,eAAe,EAAE,GAAG,GAAG,MAAM,GAAG,SAAS,CAKrF"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/helpers/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAOnC,OAAO,KAAK,EAAE,IAAI,EAAE,0BAA0B,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAIvD,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,+BAA+B,UAAU,CAAC;AACvD,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAC7C,eAAO,MAAM,yBAAyB,eAAe,CAAC;AACtD,eAAO,MAAM,cAAc,YAAY,CAAC;AACxC,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AACvD,eAAO,MAAM,gBAAgB;;;;;;CAAkD,CAAC;AAChF,eAAO,MAAM,eAAe;;;;;;CAA6C,CAAC;AAC1E,eAAO,MAAM,eAAe;;;;;;CAA8C,CAAC;AAE3E,eAAO,MAAM,sBAAsB;;;;;;CAA8C,CAAC;AAClF,eAAO,MAAM,cAAc,EAAE,IAAI,CAC/B,WAAW,EACX,QAAQ,GAAG,eAAe,GAAG,SAAS,GAAG,SAAS,CAOnD,CAAC;AACF,eAAO,MAAM,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,UAAU,CAY/D,CAAC;AACF;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,CAAC,0BAA0B,CAAC,WAsC/D,CAAC;AACF;;;;GAIG;AACH;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,0BAA0B,CAAC,GAAG,0BAA0B,KACpE,IAOF,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,EAAE,MAAM,EAAE,QAWtD,CAAC;AACF;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAClB,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,OAAO,QAgBlB;AACD;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAYvF;AACD;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,CAAC,0BAA0B,CAAC,EACxC,MAAM,EAAE,MAAM;;;EA0Ef;AACD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,uBAYjE;AACD;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,eAAe,EAAE,GAAG,GAAG,MAAM,GAAG,SAAS,CAKrF"}

package/components/areas/contexts/AreasContext/helpers/helper.js

@@ -1,7 +1,7 @@
 import { createDynamicMFStore as y } from "../../../../WindowBase/contexts/DynamicMFParmsContext/store.js";
 import { getAreasDictionary as O, AREAS_DICCTIONARY as _ } from "../../../dictionary.js";
 import { addLayoutItemToBreakPointIfNoExists as E } from "../../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
-const d = 10, u = 10, h = 500, C = "areas", T = "admin", k = "layoutPros", w = "windows", L = "windowSelected", l = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 1 }, I = { lg: 64, md: 48, sm: 32, xs: 24, xxs: 1 }, x = { lg: [], md: [], sm: [], xs: [], xxs: [] }, p = { xxs: 32, xs: 32, sm: 32, md: 32, lg: 32 }, D = {
+const d = 10, u = 10, h = 500, C = "areas", T = "admin", k = "layoutPros", w = "windows", L = "windowSelected", l = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 1 }, I = { lg: 64, md: 48, sm: 32, xs: 24, xxs: 1 }, p = { lg: [], md: [], sm: [], xs: [], xxs: [] }, x = { xxs: 32, xs: 32, sm: 32, md: 32, lg: 32 }, D = {
   status: "init",
   moduleActions: [],
   cookies: { moduleCookies: {}, windowCookies: {} },
@@ -9,10 +9,11 @@ const d = 10, u = 10, h = 500, C = "areas", T = "admin", k = "layoutPros", w = "
 }, S = {
   status: "init",
   zPopUpIndex: 0,
-  layouts: x,
+  layouts: p,
   // colapsedItems: {},
   // windowsLayoutIds: [],
   layoutItemsIds: [],
+  panelItemsIds: [],
   currentLayoutId: "",
   breakpoints: l,
   cols: I,
@@ -78,8 +79,8 @@ function B(e, t, n) {
   if (r) {
     for (const s in r) {
       const c = r[s];
-      if (c && c.moduleCount && // element['layoutProps'] && //Garantizar que venga con los LayoutProps de la venta
-      c.mfProps && //Garantizar que venga con los mfProps de la venta
+      if (c && c.moduleCount && // element['layoutProps'] && // Ensure persisted layout props are present.
+      c.mfProps && // Ensure microfrontend launch props are still available.
       c.emergeType === "layout" && c.winType === "microfrontend") {
         a.push(s);
         const m = t.areaActions.closeLayout;
@@ -102,7 +103,7 @@ function B(e, t, n) {
             I,
             [u, u],
             [d, d],
-            p
+            x
           );
       }
     }
@@ -139,12 +140,12 @@ export {
   L as COOKIE_WINDOW_SELECTED,
   h as DEBOUCED_SAVE_TIME,
   S as DEFAULT_AREA,
-  x as DEFAULT_LAYOUTS,
+  p as DEFAULT_LAYOUTS,
   D as DEFAULT_WINDOW,
   u as MARGIN_GRIDLAYOUT,
   I as NORMALIZED_COLS,
   d as PADDING_GRIDLAYOUT,
-  p as RESPONSIVE_ROW_HEIGHTS,
+  x as RESPONSIVE_ROW_HEIGHTS,
   R as addArea,
   b as deleteLayoutFromBreakPoints,
   M as getCookiesContainer,

package/components/areas/contexts/AreasContext/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD,QAAA,MAAM,YAAY;;;;;;;;UAAyC,CAAC;AAC5D;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDA4G/C;AACD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD,QAAA,MAAM,YAAY;;;;;;;;UAAyC,CAAC;AAC5D;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDAqH/C;AACD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,70 +1,73 @@
-import { jsx as H } from "@emotion/react/jsx-runtime";
-import { createContext as L, useRef as p, useCallback as W, useEffect as n } from "react";
+import { jsx as W } from "@emotion/react/jsx-runtime";
+import { createContext as x, useRef as d, useCallback as h, useEffect as o } from "react";
 import { useStore as a } from "zustand";
 import { shallow as u } from "zustand/shallow";
-import { useFirstRender as b } from "@m4l/graphics";
-import { useHostTools as x, useModuleDictionary as h, useNetwork as B, useFlagsStore as V, CommonFlags as j, EmitEvents as m } from "@m4l/core";
-import { createAreasStore as q } from "./store.js";
-import { usePopupsStore as z } from "../../../popups/components/PopupsProvider/hooks/usePopupsStore.js";
-const J = L(null);
-function te(f) {
+import { useFirstRender as B } from "@m4l/graphics";
+import { useHostTools as V, useModuleDictionary as j, useNetwork as q, useFlagsStore as z, CommonFlags as J, EmitEvents as S } from "@m4l/core";
+import { createAreasStore as K } from "./store.js";
+import { usePopupsStore as Q } from "../../../popups/components/PopupsProvider/hooks/usePopupsStore.js";
+const U = x(null);
+function se(A) {
   const {
-    children: E,
-    loadAreasFromNetwork: S,
-    loadCookiesFromNetwork: A,
-    onLoad: c,
-    onSelectLayout: d,
-    storeId: I,
-    storeDevtoolsEnabled: _
-  } = f, { events_add_listener: P, events_remove_listener: v } = x(), { getLabel: r } = h(), { networkOperation: F } = B(), M = b([r]), { addFlag: g } = V((e) => e.flagsActions), t = p(null), {
-    addPopup: w,
-    removePopup: k,
-    closePopupsByGroupId: y,
+    children: I,
+    loadAreasFromNetwork: F,
+    loadCookiesFromNetwork: _,
+    onLoad: i,
+    onReady: c,
+    onSelectLayout: l,
+    storeId: P,
+    storeDevtoolsEnabled: k
+  } = A, { events_add_listener: v, events_remove_listener: y } = V(), { getLabel: s } = j(), { networkOperation: M } = q(), g = B([s]), { addFlag: w } = z((e) => e.flagsActions), r = d(null), {
+    addPopup: R,
+    removePopup: H,
+    closePopupsByGroupId: C,
     bringPopupOnFront: N,
     closeAllPopupsByParentId: O,
-    setSelectedPopupId: R
-  } = z(
+    setSelectedPopupId: T
+  } = Q(
     (e) => e.popupsActions,
     u
   );
-  t.current || (t.current = q({
-    storeId: I,
-    getLabel: r,
-    loadAreasFromNetwork: S,
-    loadCookiesFromNetwork: A,
-    networkOperation: F,
+  r.current || (r.current = K({
+    storeId: P,
+    getLabel: s,
+    loadAreasFromNetwork: F,
+    loadCookiesFromNetwork: _,
+    networkOperation: M,
     ownerState: {
       status: "init",
       readyForHooks: !1
     },
     popupsProviderMethods: {
-      addPopup: w,
-      removePopup: k,
-      removePopupsByGroupId: y,
+      addPopup: R,
+      removePopup: H,
+      removePopupsByGroupId: C,
       bringPopupOnFront: N,
       closeAllPopupsByParentId: O,
-      setSelectedPopupId: R
+      setSelectedPopupId: T
     }
-  }, _), t.current?.getState().areasActions.init());
-  const o = a(t.current, (e) => e.ownerState?.status, u), s = a(t.current, (e) => e.currentModuleId), i = p(""), { setHandlerGetLabel: T, setExternalState: C } = a(
-    t.current,
+  }, k), r.current?.getState().areasActions.init());
+  const t = a(r.current, (e) => e.ownerState?.status, u), p = a(r.current, (e) => e.ownerState?.readyForHooks, u), n = a(r.current, (e) => e.currentModuleId), f = d(""), m = d(!1), { setHandlerGetLabel: b, setExternalState: D } = a(
+    r.current,
     (e) => e.areasActions,
     u
-  ), l = W((e) => {
-    const D = t.current?.getState().currentAreaId, G = t.current?.getState().areasIds;
-    D && G && t.current?.getState().areaActions.addWindow(e);
+  ), E = h((e) => {
+    const G = r.current?.getState().currentAreaId, L = r.current?.getState().areasIds;
+    G && L && r.current?.getState().areaActions.addWindow(e);
   }, []);
-  return n(() => {
-    o === "loaded" && (c && c(), g(j.FLAG_AREAS_LOADED));
-  }, [o]), n(() => {
-    o === "loaded" && s !== i.current && (d && d(s), i.current = s);
-  }, [s, o]), n(() => {
-    M || T(r);
-  }, [r]), n(() => (P(m.EMMIT_EVENT_HOST_EMERGE_WINDOW, l), C({ readyForHooks: !0 }), () => {
-    v(m.EMMIT_EVENT_HOST_EMERGE_WINDOW, l);
-  }), []), /* @__PURE__ */ H(J.Provider, { value: t.current, children: E });
+  return o(() => {
+    t === "loaded" && (i && i(), w(J.FLAG_AREAS_LOADED));
+  }, [t]), o(() => {
+    !m.current && t === "loaded" && p && (m.current = !0, c && c());
+  }, [c, p, t]), o(() => {
+    t === "loaded" && n !== f.current && (l && l(n), f.current = n);
+  }, [n, t]), o(() => {
+    g || b(s);
+  }, [s]), o(() => (v(S.EMMIT_EVENT_HOST_EMERGE_WINDOW, E), D({ readyForHooks: !0 }), () => {
+    y(S.EMMIT_EVENT_HOST_EMERGE_WINDOW, E);
+  }), []), /* @__PURE__ */ W(U.Provider, { value: r.current, children: I });
 }
 export {
-  J as AreasContext,
-  te as AreasProvider
+  U as AreasContext,
+  se as AreasProvider
 };

package/components/areas/contexts/AreasContext/store.d.ts

@@ -1,8 +1,7 @@
 import { AreasStoreStateWithActions, InitialAreasStoreProps } from './types';
 /**
- * Crea el Store, por defecto inicia en estado 'init'
- * @param initProps propiedades iniciales del store
- * @returns
+ * Create the Areas store. It starts in the `init` lifecycle state by default.
+ * @param initProps initial store properties
  */
 export declare const createAreasStore: (initProps: InitialAreasStoreProps, storeDevtoolsEnabled?: boolean) => Omit<Omit<import('zustand').StoreApi<AreasStoreStateWithActions>, "setState"> & {
     setState<A extends string | {

package/components/areas/contexts/AreasContext/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/store.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,0BAA0B,EAC1B,sBAAsB,EACvB,MAAM,SAAS,CAAC;AA6DjB;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAC3B,WAAW,sBAAsB,EACjC,8BAA4B;;;;;;;;CAolC7B,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/areas/contexts/AreasContext/store.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,0BAA0B,EAC1B,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAiEjB;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,WAAW,sBAAsB,EACjC,8BAA4B;;;;;;;;CAkyC7B,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}