@m4l/layouts 9.4.2-beta-improvement-606-typography-leveling.0 → 9.4.2

package/components/MFHostApp/MFHostApp.d.ts

@@ -1,6 +1,6 @@
 import { MFHostAppProps } from './types';
 /**
- * Componente que envuelve la aplicación de un microfrontend
+ * Wrap the remote MF tree with the host-owned runtime and shared shell providers.
  */
 export declare function MFHostApp(props: MFHostAppProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default MFHostApp;

package/components/MFHostApp/MFHostApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MFHostApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/MFHostApp.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAyE9C;AACD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"MFHostApp.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/MFHostApp.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAoF9C;AAED,eAAe,SAAS,CAAC"}

package/components/MFHostApp/MFHostApp.js

@@ -1,60 +1,66 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import { unstable_HistoryRouter as P } from "react-router-dom";
-import { EnvironmentProvider as M, HostToolsProvider as f, NetworkProvider as b, AuthProvider as g, DomainCountryProvider as T } from "@m4l/core";
-import { DeviceTypeProvider as E, LocalesProvider as D, HostThemeProvider as H, FormatterProvider as _ } from "@m4l/graphics";
-import { BaseModule as w, WindowToolsMFProvider as A, DynamicMFParmsProvider as S, AppearanceComponentProvider as x } from "@m4l/components";
-function B(t) {
+import { unstable_HistoryRouter as T } from "react-router-dom";
+import { EnvironmentProvider as f, HostToolsProvider as H, NetworkProvider as b, AuthProvider as g, DomainCountryProvider as E } from "@m4l/core";
+import { DeviceTypeProvider as D, LocalesProvider as R, HostThemeProvider as _, FormatterProvider as w } from "@m4l/graphics";
+import { projectMFHostRuntimeTools as A, BaseModule as S, WindowToolsMFProvider as x, MFHostRuntimeToolsProvider as j, DynamicMFParmsProvider as k, AppearanceComponentProvider as C } from "@m4l/components";
+function U(t) {
   const {
     children: n,
     currentLocale: d,
-    hostTheme: c,
-    environment: s,
-    hostTools: o,
+    hostTheme: s,
+    environment: c,
+    hostTools: e,
     axiosOperation: m,
-    formatters: e,
+    formatters: o,
     isAuth: l = !0,
     moduleId: a,
     moduleNameField: u,
     skeletonFlags: h,
-    privileges: y,
-    componentsDictionary: F,
+    privileges: F,
+    componentsDictionary: v,
     dynamicMFStore: i,
-    windowTools: v,
+    windowTools: y,
+    hostRuntime: p,
     // overrideContainerStyles,
-    loggedUser: p
-  } = t;
-  return /* @__PURE__ */ r(M, { ...s, children: /* @__PURE__ */ r(f, { ...o, children: /* @__PURE__ */ r(b, { axiosOperation: m, children: /* @__PURE__ */ r(E, { children: /* @__PURE__ */ r(g, { isMicroFrontEnd: !0, loggedUser: p, children: /* @__PURE__ */ r(D, { isMicroFrontEnd: !0, localeHost: d, children: /* @__PURE__ */ r(
-    H,
+    loggedUser: P
+  } = t, M = A(p);
+  return /* @__PURE__ */ r(f, { ...c, children: /* @__PURE__ */ r(H, { ...e, children: /* @__PURE__ */ r(b, { axiosOperation: m, children: /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r(g, { isMicroFrontEnd: !0, loggedUser: P, children: /* @__PURE__ */ r(R, { isMicroFrontEnd: !0, localeHost: d, children: /* @__PURE__ */ r(_, { isMicroFrontEnd: !0, ...s, children: /* @__PURE__ */ r(
+    T,
     {
-      isMicroFrontEnd: !0,
-      ...c,
-      children: /* @__PURE__ */ r(P, { history: o.history, children: /* @__PURE__ */ r(
-        T,
+      history: e.history,
+      children: /* @__PURE__ */ r(
+        E,
         {
           isMicroFrontEnd: !0,
           id: i?.getState().dynamicMFParameters?.id || 1,
-          currency: e.currencyFormatter.code,
-          currency_decimal_digits: e.currencyFormatter.decimalDigits,
-          decimal_symbol: e.numberFormatter.decimalSymbol,
-          thousands_symbol: e.numberFormatter.thousandsSymbol,
+          currency: o.currencyFormatter.code,
+          currency_decimal_digits: o.currencyFormatter.decimalDigits,
+          decimal_symbol: o.numberFormatter.decimalSymbol,
+          thousands_symbol: o.numberFormatter.thousandsSymbol,
           children: /* @__PURE__ */ r(
-            w,
+            S,
             {
               isAuth: l,
               moduleId: a,
               moduleNameField: u,
-              componentsDictionary: F,
+              componentsDictionary: v,
               skeletonFlags: h,
-              privileges: y,
-              children: /* @__PURE__ */ r(_, { isMicroFrontEnd: !0, ...e, children: /* @__PURE__ */ r(A, { ...v, children: /* @__PURE__ */ r(S, { store: i, children: /* @__PURE__ */ r(x, { children: n }) }) }) })
+              privileges: F,
+              children: /* @__PURE__ */ r(w, { isMicroFrontEnd: !0, ...o, children: /* @__PURE__ */ r(x, { ...y, children: /* @__PURE__ */ r(
+                j,
+                {
+                  value: M,
+                  children: /* @__PURE__ */ r(k, { store: i, children: /* @__PURE__ */ r(C, { children: n }) })
+                }
+              ) }) })
             }
           )
         }
-      ) })
+      )
     }
-  ) }) }) }) }) }) });
+  ) }) }) }) }) }) }) });
 }
 export {
-  B as MFHostApp,
-  B as default
+  U as MFHostApp,
+  U as default
 };

package/components/MFHostApp/types.d.ts

@@ -1,6 +1,6 @@
 import { AuthUserType, AxiosOperation, EnvironmentType, HostToolsType } from '@m4l/core';
 import { Formatters, LocaleType, HostThemeType } from '@m4l/graphics';
-import { DynamicMFStore, WindowToolsMF, BaseModuleProps, EmergeType, M4LOverridesStyleRules } from '@m4l/components';
+import { DynamicMFStore, MFHostRuntime, WindowToolsMF, BaseModuleProps, EmergeType, M4LOverridesStyleRules } from '@m4l/components';
 import { MFHostAppSlots } from './slots/styled';
 import { MF_HOST_APP_KEY } from './constants';
 import { Theme } from '@mui/material/styles';
@@ -13,6 +13,7 @@ export interface ByHostProps {
     formatters: Formatters;
     dynamicMFStore: DynamicMFStore;
     windowTools: WindowToolsMF;
+    hostRuntime?: MFHostRuntime;
     /**
      * @deprecated no usar, no tiene efecto. esto se usaba para detectar la resposividad de los breakpoints
      */

package/components/MFHostApp/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAG,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,aAAa,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC;CAC3B;AACD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,eAAe,CAAC;AAG3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAA;AAGD,MAAM,MAAM,kBAAkB,GAAI,MAAM,OAAO,cAAc,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,eAAe,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFHostApp/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAG,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,eAAe,CAAC;IAC7B,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,UAAU,CAAC;IAC1B,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,aAAa,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC;CAC3B;AACD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,eAAe,CAAC;AAG3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAA;AAGD,MAAM,MAAM,kBAAkB,GAAI,MAAM,OAAO,cAAc,CAAC;AAE9D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,eAAe,EAAE,KAAK,CAAC,CAAC"}

package/components/MFNoAuthApp/createMFNoAuthHostRuntime.d.ts

@@ -0,0 +1,6 @@
+import { MFHostRuntime } from '@m4l/components';
+/**
+ * Build the minimal shell-owned runtime for the no-auth MF shell.
+ */
+export declare function createMFNoAuthHostRuntime(): MFHostRuntime;
+//# sourceMappingURL=createMFNoAuthHostRuntime.d.ts.map

package/components/MFNoAuthApp/createMFNoAuthHostRuntime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMFNoAuthHostRuntime.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFNoAuthApp/createMFNoAuthHostRuntime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,aAAa,CAEzD"}

package/components/MFNoAuthApp/createMFNoAuthHostRuntime.js

@@ -0,0 +1,6 @@
+function t() {
+  return {};
+}
+export {
+  t as createMFNoAuthHostRuntime
+};

package/components/MFNoAuthApp/index.d.ts

@@ -1,6 +1,6 @@
 import { MFNoAuthAppProps } from './types';
 /**
- * Componente que envuelve la aplicación de un microfrontend sin autenticación
+ * Wrap the no-auth MF page in the minimal shell-owned provider stack.
  */
 export declare function MFNoAuthApp(props: MFNoAuthAppProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default MFNoAuthApp;

package/components/MFNoAuthApp/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFNoAuthApp/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAoClD;AACD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/MFNoAuthApp/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAuClD;AAED,eAAe,WAAW,CAAC"}

package/components/MFNoAuthApp/index.js

@@ -1,38 +1,40 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
+import { jsx as o } from "@emotion/react/jsx-runtime";
 import { DomainCountryProvider as l } from "@m4l/core";
-import { DeviceTypeProvider as u, FormatterProvider as a } from "@m4l/graphics";
-import { BaseModule as p } from "@m4l/components";
-function D(o) {
+import { DeviceTypeProvider as a, FormatterProvider as p } from "@m4l/graphics";
+import { HostRuntimeProvider as h, BaseModule as f } from "@m4l/components";
+import { useMemo as y } from "react";
+import { createMFNoAuthHostRuntime as v } from "./createMFNoAuthHostRuntime.js";
+function C(r) {
   const {
     children: e,
-    formatters: i,
-    moduleId: t,
+    formatters: t,
+    moduleId: i,
     moduleNameField: n,
-    skeletonFlags: d,
-    privileges: m,
-    componentsDictionary: c,
-    isAuth: s
-  } = o;
-  return /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r(l, { isMicroFrontEnd: !0, ...{
+    skeletonFlags: m,
+    privileges: d,
+    componentsDictionary: s,
+    isAuth: u
+  } = r, c = y(() => v(), []);
+  return /* @__PURE__ */ o(h, { value: c, children: /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(l, { isMicroFrontEnd: !0, ...{
     id: 1,
     currency: "USD",
     currency_decimal_digits: 2,
     decimal_symbol: ".",
     thousands_symbol: ","
-  }, children: /* @__PURE__ */ r(
-    p,
+  }, children: /* @__PURE__ */ o(
+    f,
     {
-      isAuth: s,
-      moduleId: t,
+      isAuth: u,
+      moduleId: i,
       moduleNameField: n,
-      componentsDictionary: c,
-      skeletonFlags: d,
-      privileges: m,
-      children: /* @__PURE__ */ r(a, { isMicroFrontEnd: !0, ...i, children: e })
+      componentsDictionary: s,
+      skeletonFlags: m,
+      privileges: d,
+      children: /* @__PURE__ */ o(p, { isMicroFrontEnd: !0, ...t, children: e })
     }
-  ) }) });
+  ) }) }) });
 }
 export {
-  D as MFNoAuthApp,
-  D as default
+  C as MFNoAuthApp,
+  C as default
 };

package/components/MFNoAuthApp/types.d.ts

@@ -6,7 +6,7 @@ export interface ByHostProps {
 }
 export interface MFNoAuthAppProps extends ByHostProps, BaseModuleProps {
     /**
-     * @deprecated no usar, no tiene efecto. esto se usaba para detectar la resposividad de los breakpoints
+     * @deprecated Do not use. It no longer affects no-auth shell responsiveness.
      */
     observedDivRef?: Element | Text | null;
 }

package/layouts/NoAuthModuleLayout/subcomponents/BaseNoAuthModuleLayout/subcomponents/BaseContent/index.js

@@ -5,11 +5,11 @@ import { useLocation as $, useNavigate as x } from "react-router-dom";
 import { useEnvironment as D, useBase as E, useModuleDictionary as H } from "@m4l/core";
 import { NO_AUTH_MODULE_LAYOUT_CLASSES as M, NOT_AUTH_MODULE_LAYOUT_ICONS as l, DICTIONARY_KEYS as Y } from "../../../../constants.js";
 const K = (c) => {
-  const { children: d, backgroundLoginUrl: m } = c, { host_static_assets: n, environment_assets: r } = D(), { currentSize: h } = _(), u = $(), { handleSetting: g, companyLogoUrl: S, footerComponent: a, homePath: i } = E(), p = x(), y = {
+  const { children: m, backgroundLoginUrl: d } = c, { host_static_assets: n, environment_assets: r } = D(), { currentSize: h } = _(), u = $(), { handleSetting: g, companyLogoUrl: p, footerComponent: a, homePath: i } = E(), S = x(), y = {
     size: h
   }, { getLabel: o } = H();
   return /* @__PURE__ */ t(C, { children: [
-    /* @__PURE__ */ e(f, { enableIntersectionObserver: !1, src: m, className: M.desktopBackground }),
+    /* @__PURE__ */ e(f, { enableIntersectionObserver: !1, src: d, className: M.desktopBackground }),
     /* @__PURE__ */ t(O, { children: [
       /* @__PURE__ */ t(U, { children: [
         u.pathname !== i && /* @__PURE__ */ e(
@@ -20,7 +20,7 @@ const K = (c) => {
             label: o(Y.label_home_navigation),
             startIcon: `${n}/${r}/${l.home}`,
             onClick: () => {
-              p(i || "/");
+              S(i || "/");
             }
           }
         ),
@@ -38,20 +38,20 @@ const K = (c) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(I, { src: S }) }),
+      /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(I, { src: p }) }),
       /* @__PURE__ */ t(T, { children: [
         /* @__PURE__ */ t(B, { children: [
           /* @__PURE__ */ e(s, { variant: "h5", skeletonWidth: "20%", children: o("module_name") }),
           /* @__PURE__ */ e(
             s,
             {
-              variant: "subtitleStandard",
+              variant: "subtitle",
               skeletonWidth: "40%",
               children: o("module_description")
             }
           )
         ] }),
-        /* @__PURE__ */ e(k, { direction: "column", height: "auto", style: { overflow: "auto", position: "relative" }, children: d })
+        /* @__PURE__ */ e(k, { direction: "column", height: "auto", style: { overflow: "auto", position: "relative" }, children: m })
       ] }),
       a && a
     ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.4.2-beta-improvement-606-typography-leveling.0",
+  "version": "9.4.2",
   "publishConfig": {
     "access": "public"
   },
@@ -30,9 +30,9 @@
   },
   "dependencies": {
     "@emotion/react": "11.14.0",
+    "react": "19.2.4",
     "react-router-dom": "6.29.0",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "react-dom": "19.2.4",
     "zustand": "4.3.6",
     "@mui/material": "5.16.7"
   }

package/utils/createAppMF.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createAppMF.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/utils/createAppMF.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAiB,MAAM,iBAAiB,CAAC;AAW5E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AACF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,QA+ElD"}
+{"version":3,"file":"createAppMF.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/utils/createAppMF.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAM7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,UAAU,CAAC,EAAE,UAAU,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AA6BF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,QA4ElD"}

package/utils/createAppMF.js

@@ -1,48 +1,65 @@
-import { jsx as p } from "@emotion/react/jsx-runtime";
-import { MFHostApp as y } from "../components/MFHostApp/MFHostApp.js";
-import { createRoot as F } from "react-dom/client";
-function x(d) {
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { MFHostApp as w } from "../components/MFHostApp/MFHostApp.js";
+import { createRoot as _ } from "react-dom/client";
+function t(n, o) {
+  return `__root_${n}_${o}`;
+}
+function R(n, o) {
+  return window[t(n, o)];
+}
+function $(n, o, i) {
+  window[t(n, o)] = i;
+}
+function h(n, o) {
+  delete window[t(n, o)];
+}
+function y(n) {
   const {
-    prefixMF: e,
-    moduleId: n,
-    App: i,
-    privileges: s,
-    appVersion: m,
-    componentsDictionary: $,
-    skeletonFlags: l
-  } = d;
-  window[`render_${e}_${n}`] = (o, u, w, c, g, f, E, v, M, r) => {
-    const t = document.getElementById(o);
-    if (t) {
-      const _ = F(t);
-      window[`__root_${e}_${o}`] = _, _.render(
-        /* @__PURE__ */ p(
-          y,
+    prefixMF: o,
+    moduleId: i,
+    App: m,
+    privileges: p,
+    appVersion: u,
+    componentsDictionary: l,
+    skeletonFlags: g
+  } = n;
+  function f(e) {
+    const r = document.getElementById(e.containerId);
+    if (r) {
+      const s = _(r);
+      $(o, e.containerId, s), s.render(
+        /* @__PURE__ */ d(
+          w,
           {
-            environment: u,
-            hostTools: w,
-            axiosOperation: f,
-            currentLocale: c,
-            hostTheme: g,
-            formatters: E,
-            dynamicMFStore: v,
-            moduleId: n,
-            privileges: s,
-            skeletonFlags: l,
-            componentsDictionary: $,
-            windowTools: M,
-            loggedUser: r.loggedUser,
-            children: /* @__PURE__ */ p(i, { emergeType: r.emergeType })
+            environment: e.environment,
+            hostTools: e.hostTools,
+            axiosOperation: e.axiosOperation,
+            currentLocale: e.currentLocale,
+            hostTheme: e.hostTheme,
+            formatters: e.formatter,
+            dynamicMFStore: e.dynamicMFStore,
+            moduleId: i,
+            privileges: p,
+            skeletonFlags: g,
+            componentsDictionary: l,
+            windowTools: e.windowTools,
+            hostRuntime: e.hostRuntime,
+            loggedUser: e.loggedUser,
+            children: /* @__PURE__ */ d(m, { emergeType: e.emergeType })
           }
         )
       );
     }
-  }, window[`unmount_${e}_${n}`] = (o) => {
-    window[`__root_${e}_${o}`] && (window[`__root_${e}_${o}`].unmount(), process.env.NODE_ENV === "development" && console.debug(`unmount_${e}_${n}`, o), delete window[`__root_${e}_${o}`]);
+  }
+  window[`render_v2_${o}_${i}`] = (e) => {
+    f(e);
+  }, window[`unmount_${o}_${i}`] = (e) => {
+    const r = R(o, e);
+    r && (r.unmount(), process.env.NODE_ENV === "development" && console.debug(`unmount_${o}_${i}`, e), h(o, e));
   }, process.env.NODE_ENV === "development" && console.debug(
-    `******* Module ESM: ${e}_${n} - Version ${m} loaded ******* `
+    `******* Module ESM: ${o}_${i} - Version ${u} loaded ******* `
   );
 }
 export {
-  x as createAppMF
+  y as createAppMF
 };