@m4l/components 2.0.7 → 3.0.1

package/components/areas/contexts/AreasContext/{index.1a5c5df1.js → index-Dyj8tCdG.js}

@@ -6,13 +6,13 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.350ee032.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.cb60f940.js";
-import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.3d9ad0ad.js";
-import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.dc0a1ce0.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index-D5If8gFK.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index-qqSduaty.js";
+import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index-22c6E7vK.js";
+import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary-YUsP9beq.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index-bpKDnaCd.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.2b9bc85c.js";
+import { z as isEqualLayouts } from "../../../GridLayout/index-HK_hTGnZ.js";
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;
 const DEBOUCED_SAVE_TIME = 500;
@@ -27,15 +27,14 @@ const DEFAULT_WINDOW = {
   status: "init",
   moduleActions: [],
   cookies: { moduleCookies: {}, windowCookies: {} },
-  loading: false,
-  toasties: [],
-  hashToasties: {},
-  toastyCount: 0
+  loading: false
 };
 const DEFAULT_AREA = {
   status: "init",
   zPopUpIndex: 0,
   layouts: DEFAULT_LAYOUTS,
+  // colapsedItems: {},
+  // windowsLayoutIds: [],
   layoutItemsIds: [],
   currentLayoutId: "",
   currentPopUpId: "",
@@ -44,7 +43,7 @@ const DEFAULT_AREA = {
   loadWindows: false
 };
 const addArea = (state) => {
-  const areaId = `area_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
+  const areaId = `area_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
   const labelNewArea = state.getLabel(getAreasDictionary(DICCTIONARY.label_new_area));
   let isFree;
   let name = `${labelNewArea} 1`;
@@ -126,24 +125,6 @@ function deleteLayoutFromBreakPoints(state, layoutId) {
     }
   }
 }
-function purgeToastsWindow(state, windowId) {
-  const toasties = state?.hashWindows[windowId]?.toasties;
-  if (toasties) {
-    for (let index = 0; index < toasties.length; index++) {
-      const toast = toasties[index];
-      if (toast.timer) {
-        clearInterval(toast.timer);
-        toast.timer = void 0;
-      }
-    }
-  }
-}
-function purgeToastsArea(state, areaId) {
-  const area = state.hashAreas[areaId];
-  for (let index = 0; index < area.layoutItemsIds.length; index++) {
-    purgeToastsWindow(state, area.layoutItemsIds[index]);
-  }
-}
 function getDataFromResponse(data, state, areaId) {
   let newBreakPointsLayouts = getParmsFromValue(COOKIE_BREAKPOINT_LAYOUTS, data);
   const windows = getParmsFromValue(COOKIE_WINDOWS, data);
@@ -160,7 +141,9 @@ function getDataFromResponse(data, state, areaId) {
   if (windows) {
     for (const key in windows) {
       const element = windows[key];
-      if (element && element["mfProps"] && element["emergeType"] === "layout" && element["winType"] === "microfrontend") {
+      if (element && // element['layoutProps'] && //Garantizar que venga con los LayoutProps de la venta
+      element["mfProps"] && //Garantizar que venga con los mfProps de la venta
+      element["emergeType"] === "layout" && element["winType"] === "microfrontend") {
         newWindowsLayoutsIds.push(key);
         const onClose = state.areaActions.closeLayout;
         state.hashWindows[key] = {
@@ -202,6 +185,7 @@ function getDataFromResponse(data, state, areaId) {
   return {
     newBreakPointsLayouts,
     newHashLayoutItems
+    // baseResponsiveLayoutItems,
   };
 }
 function getCookiesContainer(data, containerId) {
@@ -218,26 +202,6 @@ function getCookiesContainer(data, containerId) {
   }
   return cookies;
 }
-const verifyRemoveToasty = (state, toastyId, forceRemove) => {
-  const tfy = state.hashToasties[toastyId];
-  if (tfy) {
-    tfy.percentExecuted = (1 - (tfy.timeStart + tfy.timeoutMs - new Date().getTime()) / tfy.timeoutMs) * 100;
-    if (tfy.percentExecuted >= 100 || forceRemove) {
-      const tosties = state.toasties;
-      for (let i = 0; i < tosties.length; i++) {
-        const findToasty = tosties[i];
-        if (findToasty.id === toastyId) {
-          if (findToasty.timer) {
-            clearInterval(findToasty.timer);
-          }
-          state.toasties.splice(i, 1);
-          delete state.hashToasties[toastyId];
-          return;
-        }
-      }
-    }
-  }
-};
 const createAreasStore = (initProps) => {
   const startProps = {
     viwerClasses: useAreasViewerUtilityClasses(initProps.ownerState),
@@ -285,6 +249,7 @@ const createAreasStore = (initProps) => {
                       ...DEFAULT_AREA,
                       ...response.data[i],
                       loadWindows: true
+                      //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);
@@ -334,7 +299,6 @@ const createAreasStore = (initProps) => {
               if (!ha || state.areasIds.length < 2) {
                 return;
               }
-              purgeToastsArea(state, areaId);
               const removeIndex = state.areasIds.indexOf(areaId);
               if (removeIndex > -1) {
                 for (const key in state.hashWindows) {
@@ -380,8 +344,7 @@ const createAreasStore = (initProps) => {
                 });
               }
             }
-            if (get().hashAreas[areaId].maximizedId !== void 0)
-              ;
+            if (get().hashAreas[areaId].maximizedId !== void 0) ;
           },
           setHandlerGetLabel: (newHandler) => {
             set((state) => {
@@ -397,7 +360,7 @@ const createAreasStore = (initProps) => {
         },
         areaActions: {
           addWindow: (newWindowProps) => {
-            const windowId = `${get().currentAreaId}_window_${new Date().getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
+            const windowId = `${get().currentAreaId}_window_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
             if (newWindowProps.emergeType === "layout" || newWindowProps.emergeType === "popup") {
               get().areaActions.addLayout(get().currentAreaId, windowId, newWindowProps);
             } else if (newWindowProps.emergeType === "modal") {
@@ -483,7 +446,6 @@ const createAreasStore = (initProps) => {
                 area.layoutItemsIds.splice(removeIndex, 1);
               }
               deleteLayoutFromBreakPoints(area, removeLayoutId);
-              purgeToastsWindow(state, removeLayoutId);
               delete state.hashWindows[removeLayoutId];
             });
             get().areaActions.saveLayouts(areaId);
@@ -515,6 +477,7 @@ const createAreasStore = (initProps) => {
                   title: true,
                   url_icon: true,
                   windowOptions: true,
+                  // layoutProps: false,
                   moduleId: true,
                   windowId: true,
                   mfProps: true
@@ -553,7 +516,6 @@ const createAreasStore = (initProps) => {
               if (removeIndex > -1) {
                 state.windowsModals.splice(removeIndex, 1);
               }
-              purgeToastsWindow(state, removeModalId);
               delete state.hashWindows[removeModalId];
               delete state.hashWindowsModals[removeModalId];
             });
@@ -670,8 +632,7 @@ const createAreasStore = (initProps) => {
           maximizeLayout: (areaId, layoutId) => {
             set((state) => {
               const area = state.hashAreas[areaId];
-              if (!area)
-                return;
+              if (!area) return;
               area.maximizedId = layoutId;
               const index = area.layouts["xxs"]?.findIndex((li) => li.i === area.maximizedId);
               if (index !== void 0 && index > -1 && layoutId && state.hashWindows[layoutId].emergeType === "popup") {
@@ -686,8 +647,7 @@ const createAreasStore = (initProps) => {
           normalizeLayouts: (areaId) => {
             set((state) => {
               const area = state.hashAreas[areaId];
-              if (!area)
-                return;
+              if (!area) return;
               if (area.maximizedId) {
                 const index = area.layouts["xxs"]?.findIndex((li) => li.i === area.maximizedId);
                 if (index !== void 0 && index > -1 && state.hashWindows[area.maximizedId].emergeType === "popup") {
@@ -720,6 +680,7 @@ const createAreasStore = (initProps) => {
               parms: { f: [{ n: "container_id", o: "e", o1: areaId }] },
               toastSuccess: false,
               toastError: false
+              // isRemote: false
             }).then((response) => {
               const area2 = get().hashAreas[areaId];
               if (!area2) {
@@ -742,6 +703,158 @@ const createAreasStore = (initProps) => {
               });
             });
           }
+          // addWindowLayoutPendiente: (
+          //     areaId: string,
+          //     windowId: string,
+          //     newWindow: NewLayoutMagnetizableProps,
+          // ) => {
+          //     const newLayoutItem: WinLayoutItem = {
+          //         ...newWindow.layoutProps,
+          //         i: windowId,
+          //         isDraggable: true,
+          //         isResizable: true,
+          //         winType: newWindow.winType,
+          //         freeMove: false,
+          //     };
+          //     set(state => {
+          //         const area = state.hashAreas[areaId];
+          //         if (!area) {
+          //             return;
+          //         }
+          //         const dynamicMFStore = createDynamicMFStore({
+          //             dynamicMFParameters: newWindow.dynamicParams,
+          //             windowId,
+          //         });
+          //         area.windowsLayouts.push(newLayoutItem);
+          //         area.hashWindowsLayouts[windowId] = {
+          //             ...newWindow,
+          //             areaId,
+          //             windowId,
+          //             emergeType: 'layout',
+          //             onClose: (removeLayoutId: string) => {
+          //                 get().areaActions.closeWindowLayout(areaId, removeLayoutId);
+          //             },
+          //             ...DEFAULT_WINDOW,
+          //             dynamicMFStore,
+          //         };
+          //         area.baseResponsivelayoutItems.push({ i: windowId });
+          //         //Agregar la ventana al hash general de todas las ventanas
+          //         state.hashWindows[windowId] = area.hashWindowsLayouts[windowId];
+          //         setAddBreakPoints(area, newLayoutItem);
+          //     });
+          //     get().areaActions.selectLayout(areaId, windowId);
+          //     if (
+          //         get().hashAreas[areaId].viewMode === 'single' ||
+          //         newWindow?.openType === 'maximized'
+          //     ) {
+          //         get().areaActions.maximizeLayout(areaId, windowId);
+          //     }
+          //     get().areaActions.saveLayouts(areaId);
+          //     get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
+          // },
+          // closeLayout: (areaId: string, removePopUpId: string) => {
+          //     set(state => {
+          //         const area = state.hashAreas[areaId];
+          //         if (!area) {
+          //             return;
+          //         }
+          //         const removeIndex = area.windowsPopUps.findIndex(
+          //             wpId => wpId === removePopUpId,
+          //         );
+          //         if (removeIndex > -1) {
+          //             area.windowsPopUps.splice(removeIndex, 1);
+          //         }
+          //         delete area.hashWindowsPopups[removePopUpId];
+          //         delete state.hashWindows[removePopUpId];
+          //     });
+          // },
+          // selectWindowPopUp: (areaId: string, popUpId: string) => {
+          //     set(state => {
+          //         state.hashAreas[areaId].zPopUpIndex++;
+          //         state.hashAreas[areaId].currentPopUpId = popUpId;
+          //         state.hashAreas[areaId].zPopUpIndex++;
+          //         state.hashAreas[areaId].currentPopUpId = popUpId;
+          //         state.hashAreas[areaId].hashWindowsPopups[popUpId].zIndex =
+          //             state.hashAreas[areaId].zPopUpIndex;
+          //         //Seleccionar el layout padre si lo tiene
+          //         if (
+          //             state.hashAreas[areaId].hashWindowsPopups[popUpId].parentLayoutId &&
+          //             state.hashAreas[areaId].hashWindowsPopups[popUpId]
+          //                 .parentLayoutId !== ''
+          //         ) {
+          //             state.hashAreas[areaId].currentLayoutId =
+          //                 state.hashAreas[areaId].hashWindowsPopups[
+          //                     popUpId
+          //                 ].parentLayoutId;
+          //         } else {
+          //             state.hashAreas[areaId].currentLayoutId = '';
+          //         }
+          //     });
+          //     //Enfocar el componente despues de la renderización.
+          //     setTimeout(() => {
+          //         //Asegurar visibilidad si es un reemplazo
+          //         const container = document.getElementsByClassName(
+          //             `${areasViewerClasses.areaGridLayoutPanelContainer}-${areaId}`,
+          //         )[0];
+          //         const element = document.getElementsByClassName(
+          //             `${areasViewerClasses.windowPopupRoot}-${popUpId}`,
+          //         )[0]; //`M4L_WindowPopUp_${popUpId}`,
+          //         //TODO: Proteeccion de los vectores
+          //         if (element && container) {
+          //             const { top, left } = element.getBoundingClientRect();
+          //             const { top: containerTop, left: containerLeft } =
+          //                 container.getBoundingClientRect();
+          //             container.scrollTop = container.scrollTop + top - containerTop;
+          //             container.scrollLeft = container.scrollLeft + left - containerLeft;
+          //         }
+          //     }, 100);
+          //     // windowsPopUps.findIndex(wp => wp.container_id === lookForThisId) > -1) {
+          //     // setSelectedWindow(newSeletectedId);
+          // },
+          // resizeMaximixedLayout: (areaId: string) => {
+          //     set(state => {
+          //         const area = state.hashAreas[areaId];
+          //         if (!area) return;
+          //         if (areaId !== state.currentAreaId) {
+          //             return;
+          //         }
+          //         if (area.viewMode === 'single' && area.currentLayoutId !== '') {
+          //             console.log('Rezigning', areaId);
+          //             const layoutsBreakPoints = area.layouts;
+          //             const container = document.getElementsByClassName(
+          //                 `${areasViewerClasses.areaGridLayout}-${area.id}`,
+          //             )[0];
+          //             window.dispatchEvent(new Event('resize'));
+          //             for (const key in layoutsBreakPoints) {
+          //                 const layoutBreakpoint = layoutsBreakPoints[key];
+          //                 if (layoutBreakpoint) {
+          //                     const clientHeight = container.clientHeight;
+          //                     //Formula que sale de despejar de acuerdo al grid layout en el codigo fuente: heigthpx = colOrRowSize * gridUnits + Math.max(0, gridUnits - 1) * marginPx
+          //                     const heigthUnits =
+          //                         (clientHeight +
+          //                             MARGIN_GRIDLAYOUT -
+          //                             2 * PADDING_GRIDLAYOUT) /
+          //                         (ROW_HEIGTH_GRIDLAYOUT + MARGIN_GRIDLAYOUT);
+          //                     for (
+          //                         let index = 0;
+          //                         index < layoutBreakpoint.length;
+          //                         index++
+          //                     ) {
+          //                         const l = layoutBreakpoint[index];
+          //                         if (l.i === area.currentLayoutId) {
+          //                             l.h = heigthUnits;
+          //                             l.maxH = heigthUnits;
+          //                         }
+          //                     }
+          //                 }
+          //             }
+          //         }
+          //         //TODO: Corregir cuando arranca en celular,
+          //         // no se han cargado las ventanas y no se puede encontrar
+          //         // Adicionalmente no se ha posicionado el panelWindows, y calcula
+          //         // state.cols = MAXIMIZED_COLS;
+          //     });
+          // },
         },
         windowActions: {
           setActions: (windowId, newActions, version) => {
@@ -830,6 +943,7 @@ const createAreasStore = (initProps) => {
                   },
                   toastSuccess: false,
                   toastError: false
+                  // isRemote: false
                 }).then((response) => {
                   set((state) => {
                     const hWs = state.hashWindows[windowId];
@@ -889,80 +1003,10 @@ const createAreasStore = (initProps) => {
               });
             }
           },
-          toast: (windowId, options) => {
-            const hW = get().hashWindows[windowId];
-            if (hW) {
-              if (options.replaceMeId) {
-                for (const key in hW.hashToasties) {
-                  const t = hW.hashToasties[key];
-                  if (options.replaceMeId === t.replaceMeId) {
-                    const toastyId = t.id;
-                    if (t.timer) {
-                      clearTimeout(t.timer);
-                    }
-                    set((state2) => {
-                      const hw2 = state2.hashWindows[windowId].hashToasties[toastyId];
-                      hw2.timeStart = new Date().getTime();
-                      hw2.percentExecuted = 0;
-                      hw2.timer = setInterval(() => {
-                        set((state3) => {
-                          verifyRemoveToasty(state3.hashWindows[windowId], toastyId);
-                        });
-                      }, 1e3);
-                    });
-                    return;
-                  }
-                }
-              }
-              set((state) => {
-                const timeoutMs = options.timeoutMs || 1e4;
-                state.hashWindows[windowId].toastyCount++;
-                const toastyId = state.hashWindows[windowId].toastyCount;
-                const newToasty = {
-                  id: state.hashWindows[windowId].toastyCount,
-                  ...options,
-                  timeoutMs,
-                  timeStart: new Date().getTime(),
-                  percentExecuted: 0,
-                  timer: setInterval(() => {
-                    set((stateRemoveToasty) => {
-                      verifyRemoveToasty(stateRemoveToasty.hashWindows[windowId], toastyId);
-                    });
-                  }, 1e3)
-                };
-                state.hashWindows[windowId].hashToasties[toastyId] = newToasty;
-                state.hashWindows[windowId].toasties.push(newToasty);
-              });
-            }
-          },
-          closeToast: (windowId, toastyId) => {
-            set((state) => {
-              verifyRemoveToasty(state.hashWindows[windowId], toastyId, true);
-            });
-          },
           setFnQueryClose: (windowId, fnQueryClose) => {
             set((state) => {
               state.hashWindows[windowId].fnQueryClose = fnQueryClose;
             });
-          },
-          pinToast: (windowId, toastyId) => {
-            set((state) => {
-              const t = state.hashWindows[windowId].hashToasties[toastyId];
-              if (t) {
-                if (t.timer) {
-                  clearInterval(t.timer);
-                  t.timer = void 0;
-                } else {
-                  t.timeStart = new Date().getTime();
-                  t.percentExecuted = 0;
-                  t.timer = setInterval(() => {
-                    set((state2) => {
-                      verifyRemoveToasty(state2.hashWindows[windowId], toastyId);
-                    });
-                  }, 1e3);
-                }
-              }
-            });
           }
         },
         areaAdminActions: {
@@ -1000,6 +1044,7 @@ function AreasProvider(props) {
         isSkeleton,
         focus: false
       }
+      // onLoad,
     });
     areasStoreRef.current?.getState().areasActions.init();
   }

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

@@ -1,6 +1,6 @@
 import { GetLabelType, NetworkProps } from '@m4l/core';
 import { ReactNode } from 'react';
-import { CookieType, HashWindowsByModals, ModalStateProps, AreaWindowAction, NewModalProps, NewLayoutMoveableProps, NewWindowProps, ToastyOptions, WinType, WindowStateProps, NewLayoutMagnetizableProps } from '../../types';
+import { CookieType, HashWindowsByModals, ModalStateProps, AreaWindowAction, NewModalProps, NewLayoutMoveableProps, NewWindowProps, WinType, WindowStateProps, NewLayoutMagnetizableProps } from '../../types';
 import { ViwerClasses } from '../../components/AreasViewer/classes';
 import { AdminClasses } from '../../components/AreasAdmin/classes';
 import { DebouncedFunc } from 'lodash';
@@ -204,9 +204,6 @@ export interface AreasStateWithActions extends AreasState {
         loadCookiesFromApi: (windowId: string) => void;
         saveModuleCookies: (windowId: string) => void;
         resetModuleCookies: (windowId: string) => void;
-        toast: (windowId: string, options: ToastyOptions) => void;
-        closeToast: (windowId: string, toastyId: number) => void;
-        pinToast: (windowId: string, toastyId: number) => void;
         setFnQueryClose: (windowId: string, fnQueryClose: () => void) => void;
     };
     areaAdminActions: {

package/components/areas/contexts/WindowToolsMFContext/types.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import type { CookieType, AreaWindowAction, ToastyOptions } from '../../types';
+import { Toaster } from '@m4l/core';
+import type { CookieType, AreaWindowAction } from '../../types';
 /**
  * Interfaz que define un conjunto de herramientas relacionadas con la ventana que pueden ser proporcionadas por el contexto WindowToolsMF.
  */
@@ -46,7 +47,7 @@ export interface WindowToolsMF {
      * Método para mostrar una notificación toast.
      * @param options Las opciones de configuración para la notificación toast.
      */
-    toast: (options: ToastyOptions) => void;
+    toast: Toaster;
     /**
      * Método para cerrar la ventana actual.
      */

package/components/areas/hooks/useAreas/{index.ba948f80.js → index-o0DvT3xZ.js}

@@ -1,10 +1,9 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { b as AreasContext } from "../../contexts/AreasContext/index.1a5c5df1.js";
+import { b as AreasContext } from "../../contexts/AreasContext/index-Dyj8tCdG.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
-  if (!context)
-    throw new Error("useAreasStore context must be use inside AreasContext");
+  if (!context) throw new Error("useAreasStore context must be use inside AreasContext");
   return useStore(context, selector, equalityFn);
 }
 export {

package/components/areas/hooks/useDynamicMFParameters/{index.9e09e1e3.js → index-DhbcZPs9.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index.3d9ad0ad.js";
+import { a as DynamicMFParmsContext } from "../../contexts/DynamicMFParmsContext/index-22c6E7vK.js";
 function useDynamicMFParametersStore(selector, equalityFn) {
   const store = useContext(DynamicMFParmsContext);
   if (!store)

package/components/areas/hooks/useWindowToolsMF/{index.2fbae9dc.js → index-BECQfhbC.js}

@@ -1,9 +1,8 @@
 import { useContext } from "react";
-import { a as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index.992ae7a3.js";
+import { a as WindowToolsMFContext } from "../../contexts/WindowToolsMFContext/index-DkE30fhm.js";
 const useWindowToolsMF = () => {
   const context = useContext(WindowToolsMFContext);
-  if (!context)
-    throw new Error("useWindowToolsMF context must be use inside WindowToolsMFContext");
+  if (!context) throw new Error("useWindowToolsMF context must be use inside WindowToolsMFContext");
   return context;
 };
 export {

package/components/areas/{icons.8266ccc8.js → icons-CwFr-alN.js}

@@ -16,8 +16,6 @@ const ICONS = {
   VERSION: "version.svg",
   SHOW_OPTIONS: "showMoreVertical.svg",
   CHEVRON_DOWN: "chevronDown.svg",
-  TOASTY_CLOSE: "close.svg",
-  TOASTY_PIN: "pin.svg",
   MODULE: "module.svg",
   POPUP: "popup.svg"
 };

package/components/areas/icons.d.ts

@@ -16,8 +16,6 @@ export declare const ICONS: {
     VERSION: string;
     SHOW_OPTIONS: string;
     CHEVRON_DOWN: string;
-    TOASTY_CLOSE: string;
-    TOASTY_PIN: string;
     MODULE: string;
     POPUP: string;
 };

package/components/areas/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components';
 export * from './contexts';
 export * from './hooks';
-export type { ToastyOptions, CookieType } from './types';
+export type { CookieType } from './types';
 export * from './dictionary';

package/components/areas/types.d.ts

@@ -67,36 +67,6 @@ export declare type Cookies = {
  * Tipo que representa el estado de la ventana: inicialización, carga, cargado o error.
  */
 export declare type WindowStatus = 'init' | 'loading' | 'loaded' | 'error';
-/**
- * Tipo que representa el tipo de tostada: éxito, información, advertencia o error.
- */
-export declare type ToastyType = 'success' | 'info' | 'warning' | 'error';
-/**
- * Objeto que representa una tostada.
- */
-export declare type Toasty = {
-    /** Identificador único de la tostada. */
-    id: number;
-    /** Duración en milisegundos antes de que la tostada desaparezca. */
-    timeoutMs: number;
-    /** Mensaje que se muestra en la tostada. */
-    type: ToastyType;
-    /** Momento en que se inició la tostada en milisegundos desde la época. */
-    message: string;
-    /** Porcentaje de ejecución de la tostada. */
-    timeStart: number;
-    /** Temporizador utilizado para controlar el tiempo de vida de la tostada. */
-    percentExecuted: number;
-    /** Identificador de la tostada que debe ser reemplazada. */
-    timer?: ReturnType<typeof setInterval>;
-    replaceMeId?: string;
-};
-/**
- * Opciones para configurar una tostada.
- */
-export interface ToastyOptions extends Pick<Toasty, 'message' | 'type' | 'replaceMeId'> {
-    timeoutMs?: number;
-}
 export declare type WindowState = {
     /**
      * status Indica el proceso de cargado de la ventana
@@ -113,16 +83,6 @@ export declare type WindowState = {
      */
     moduleActions: AreaWindowAction[];
     cookies: Cookies;
-    /**
-     * Lista de tostadas.
-     */
-    toasties: Toasty[];
-    /**
-   * Hash que mapea el identificador de la tostada con su respectiva información.
-  
-   */
-    hashToasties: Record<number, Toasty>;
-    toastyCount: number;
     /**
      * "fnQueryClose"  función que reemplaza la opción de cerrado normal de la ventana
      * @returns void

package/components/commercial/AppBarCommercial/{index.cdc42f41.js → index-DvigwCQP.js}

@@ -1,13 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
-import { ab as AppBarComercialRoot } from "../../../styles/index.ccd8acc4.js";
+import { g as getComponentUtilityClass } from "../../../utils/index-DiMrtgIu.js";
+import { ab as AppBarComercialRoot } from "../../../styles/index-Cc9p_h7i.js";
 const componentName = "M4LAppBarCommercial";
 generateUtilityClasses(
   componentName,
   [
+    /* elements */
     "root"
+    /* states or variants of elements */
   ]
 );
 const useAppBarComercialUtilityClasses = () => {

package/components/commercial/SectionCommercial/{index.a9265d42.js → index-CLHGooDg.js}

@@ -1,13 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.ebfbb70f.js";
-import { ac as SectionCommercialRoot } from "../../../styles/index.ccd8acc4.js";
+import { g as getComponentUtilityClass } from "../../../utils/index-DiMrtgIu.js";
+import { ac as SectionCommercialRoot } from "../../../styles/index-Cc9p_h7i.js";
 const componentName = "M4LSectionCommercial";
 generateUtilityClasses(
   componentName,
   [
+    /* elements */
     "root",
+    /* states or variants of elements */
     "fullWidth",
     "boxed",
     "columnReverse"