@elliemae/pui-app-sdk 2.21.1 → 3.0.0-beta.12

package/dist/cjs/view/media-breakpoint/index.js

@@ -1,38 +1,54 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var media_breakpoint_exports = {};
+__export(media_breakpoint_exports, {
+  MediaBreakpoint: () => MediaBreakpoint
 });
-exports.MediaBreakpoint = void 0;
-
-var _react = require("react");
-
-var _styledComponents = require("styled-components");
-
-var _pubsubJs = require("pubsub-js");
-
-var _reactRedux = require("../../data/react-redux.js");
-
-var _index = require("../../data/breakpoint/index.js");
-
-var _index2 = require("../useMediaBreakpoints/index.js");
-
-var _constants = require("../../utils/constants.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_styled_components = require("styled-components");
+var import_pubsub_js = require("pubsub-js");
+var import_react_redux = require("../../data/react-redux.js");
+var import_breakpoint = require("../../data/breakpoint/index.js");
+var import_useMediaBreakpoints = require("../useMediaBreakpoints/index.js");
+var import_constants = require("../../utils/constants.js");
 const MediaBreakpoint = () => {
-  const theme = (0, _react.useContext)(_styledComponents.ThemeContext);
-  const currentBreakpoint = (0, _index2.useMediaBreakpoints)([`(max-width: ${theme.breakpoints.small})`, `(max-width: ${theme.breakpoints.medium})`, `(max-width: ${theme.breakpoints.large})`], ['small', 'medium', 'large'], 'large');
-  const dispatch = (0, _reactRedux.useAppDispatch)();
-  (0, _react.useEffect)(() => {
-    dispatch({
-      type: _index.breakpoint.change,
-      payload: currentBreakpoint
-    });
-    (0, _pubsubJs.publish)(_constants.HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);
+  const theme = (0, import_react.useContext)(import_styled_components.ThemeContext);
+  const currentBreakpoint = (0, import_useMediaBreakpoints.useMediaBreakpoints)([
+    `(max-width: ${theme.breakpoints.small})`,
+    `(max-width: ${theme.breakpoints.medium})`,
+    `(max-width: ${theme.breakpoints.large})`
+  ], ["small", "medium", "large"], "large");
+  const dispatch = (0, import_react_redux.useAppDispatch)();
+  (0, import_react.useEffect)(() => {
+    dispatch({ type: import_breakpoint.breakpoint.change, payload: currentBreakpoint });
+    (0, import_pubsub_js.publish)(import_constants.HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);
   }, [currentBreakpoint, dispatch]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
 };
-
-exports.MediaBreakpoint = MediaBreakpoint;
+module.exports = __toCommonJS(media_breakpoint_exports);

package/dist/cjs/view/message-to-host-app/index.js

@@ -1,27 +1,39 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var message_to_host_app_exports = {};
+__export(message_to_host_app_exports, {
+  getHostAppData: () => getHostAppData,
+  sendMessageToHost: () => sendMessageToHost
 });
-exports.sendMessageToHost = exports.getHostAppData = void 0;
-
-var _index = require("../host-binding-events/index.js");
-
-const getHostAppData = (action, resolve) => event => {
-  if (event.data.id === 'host-app-data') {
-    action(event.data); // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-
-    (0, _index.removeEvent)(window, 'message', getHostAppData());
+var import_host_binding_events = require("../host-binding-events/index.js");
+const getHostAppData = (action, resolve) => (event) => {
+  if (event.data.id === "host-app-data") {
+    action(event.data);
+    (0, import_host_binding_events.removeEvent)(window, "message", getHostAppData());
   }
-
   resolve();
 };
-
-exports.getHostAppData = getHostAppData;
-
 const sendMessageToHost = (message, hostedAppUrl = document.referrer) => {
   window.parent.postMessage(message, hostedAppUrl);
 };
-
-exports.sendMessageToHost = sendMessageToHost;
+module.exports = __toCommonJS(message_to_host_app_exports);

package/dist/cjs/view/micro-app/app-factory/index.js

@@ -1,35 +1,44 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var app_factory_exports = {};
+__export(app_factory_exports, {
+  loadApp: () => loadApp,
+  mountApp: () => mountApp,
+  unloadApp: () => unloadApp,
+  unmountApp: () => unmountApp
 });
-exports.unmountApp = exports.unloadApp = exports.mountApp = exports.loadApp = void 0;
-
-var _webStorage = require("../../../utils/web-storage.js");
-
-var _host = require("../../../utils/micro-frontend/host.js");
-
-var _index = require("../../../utils/micro-frontend/index.js");
-
-var _logRecords = require("../../../utils/log-records.js");
-
-var _const = require("../const.js");
-
-var _window = require("../../../utils/window.js");
-
-var _style = require("../resources/style.js");
-
-var _script = require("../resources/script.js");
-
-var _manifest = require("../resources/manifest.js");
-
-/* eslint-disable max-lines */
+var import_web_storage = require("../../../utils/web-storage.js");
+var import_host = require("../../../utils/micro-frontend/host.js");
+var import_micro_frontend = require("../../../utils/micro-frontend/index.js");
+var import_log_records = require("../../../utils/log-records.js");
+var import_const = require("../const.js");
+var import_window = require("../../../utils/window.js");
+var import_style = require("../resources/style.js");
+var import_script = require("../resources/script.js");
+var import_manifest = require("../resources/manifest.js");
 const cssType = new RegExp(/\.css$/);
-
-const isCss = fileName => cssType.test(fileName);
-
+const isCss = (fileName) => cssType.test(fileName);
 const activeApps = {};
-
 const initApplication = async ({
   id,
   name,
@@ -39,152 +48,109 @@ const initApplication = async ({
   manifestPath,
   homeRoute
 }) => {
-  const app = (window.emui || {})[id] || {}; // eslint-disable-next-line @typescript-eslint/unbound-method
-
-  const {
-    init
-  } = app;
-  if (!init || typeof init !== 'function') throw new Error(`Application ${name} with id ${id} doesn't expose init method.`);
-  const prevState = await _webStorage.persistentStorage.get(`state-${id}`);
+  const app = (window.emui || {})[id] || {};
+  const { init } = app;
+  if (!init || typeof init !== "function")
+    throw new Error(`Application ${name} with id ${id} doesn't expose init method.`);
+  const prevState = await import_web_storage.persistentStorage.get(`state-${id}`);
   return init({
-    host: _host.CMicroAppHost.getInstance(),
+    host: import_host.CMicroAppHost.getInstance(),
     hostUrl,
     manifestPath,
     homeRoute,
     prevState,
     history,
     theme,
-    hostBreakpoint: (0, _window.getCurrentBreakpoint)(),
-    hostViewportSize: (0, _window.getViewportSize)()
+    hostBreakpoint: (0, import_window.getCurrentBreakpoint)(),
+    hostViewportSize: (0, import_window.getViewportSize)()
   });
 };
-
-const mountApp = async ({
-  id,
-  name
-}) => {
-  const app = (window.emui || {})[id] || {}; // eslint-disable-next-line @typescript-eslint/unbound-method
-
-  const {
-    mount
-  } = app;
-  if (!mount || typeof mount !== 'function') throw new Error(`Application ${name} with id ${id} doesn't expose mount method.`);
+const mountApp = async ({ id, name }) => {
+  const app = (window.emui || {})[id] || {};
+  const { mount } = app;
+  if (!mount || typeof mount !== "function")
+    throw new Error(`Application ${name} with id ${id} doesn't expose mount method.`);
   return mount({
-    containerId: `${_const.APP_CONTAINER_ID_PREFIX}${id}`,
-    hostBreakpoint: (0, _window.getCurrentBreakpoint)(),
-    hostViewportSize: (0, _window.getViewportSize)()
+    containerId: `${import_const.APP_CONTAINER_ID_PREFIX}${id}`,
+    hostBreakpoint: (0, import_window.getCurrentBreakpoint)(),
+    hostViewportSize: (0, import_window.getViewportSize)()
   });
 };
-
-exports.mountApp = mountApp;
-
-const unmountApp = async ({
-  id,
-  name
-}) => {
+const unmountApp = async ({ id, name }) => {
   const app = (window.emui || {})[id];
-  if (!app) return null; // eslint-disable-next-line @typescript-eslint/unbound-method
-
-  const {
-    unmount
-  } = app;
-  if (!unmount) return null;
-  if (typeof unmount !== 'function') throw new Error(`unmount failed for application ${name} with id ${id}. unmount is not a valid function`);
+  if (!app)
+    return null;
+  const { unmount } = app;
+  if (!unmount)
+    return null;
+  if (typeof unmount !== "function")
+    throw new Error(`unmount failed for application ${name} with id ${id}. unmount is not a valid function`);
   const currentState = await unmount({
-    containerId: `${_const.APP_CONTAINER_ID_PREFIX}${id}`
+    containerId: `${import_const.APP_CONTAINER_ID_PREFIX}${id}`
   });
-
   if (currentState) {
-    await _webStorage.persistentStorage.set(`state-${id}`, currentState);
+    await import_web_storage.persistentStorage.set(`state-${id}`, currentState);
   }
-
   return Promise.resolve();
 };
-
-exports.unmountApp = unmountApp;
-
 const addAppToActiveAppList = (id, elementIds) => {
-  const app = (window.emui || {})[id] || {}; // eslint-disable-next-line @typescript-eslint/unbound-method
-
-  const {
-    getRef
-  } = app;
-  activeApps[id] = {
-    elementIds
-  };
-
-  const host = _host.CMicroAppHost.getInstance();
-
-  if (host) host.activeGuests[id] = getRef && getRef() || {};
+  const app = (window.emui || {})[id] || {};
+  const { getRef } = app;
+  activeApps[id] = { elementIds };
+  const host = import_host.CMicroAppHost.getInstance();
+  if (host)
+    host.activeGuests[id] = getRef && getRef() || {};
   return Promise.resolve();
 };
-
-const waitAndInitApplication = (appConfig, requests) => // wait for all assets to get downloaded
-Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(initApplication.bind(null, appConfig)).catch(err => {
-  const logRecord = _logRecords.logRecords.APP_INIT_FAILED(appConfig.id, err.message);
-
-  (0, _index.getLogger)().error({ ...logRecord,
-    exception: err
-  });
+const waitAndInitApplication = (appConfig, requests) => Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(initApplication.bind(null, appConfig)).catch((err) => {
+  const logRecord = import_log_records.logRecords.APP_INIT_FAILED(appConfig.id, err.message);
+  (0, import_micro_frontend.getLogger)().error({ ...logRecord, exception: err });
   throw new Error(logRecord.msg);
 });
-
 const removeAssetsFromDOM = (id, documentEle = document) => {
-  const host = _host.CMicroAppHost.getInstance();
-
-  if (host) delete host.activeGuests[id];
-  const {
-    elementIds
-  } = activeApps[id] || {};
-
+  const host = import_host.CMicroAppHost.getInstance();
+  if (host)
+    delete host.activeGuests[id];
+  const { elementIds } = activeApps[id] || {};
   if (elementIds) {
-    elementIds.forEach(elementId => {
+    elementIds.forEach((elementId) => {
       const ele = documentEle.getElementById(elementId);
-      if (ele) ele.remove();
+      if (ele)
+        ele.remove();
     });
     delete activeApps[id];
   }
-}; // const addGoogleTagManager = (appConfig: MicroAppConfig, counter: number) : Promise<string> | null => {
-//   const { gtmId } = appConfig;
-//   if (!gtmId) return null;
-//   return addScriptToDOM(appConfig, 'https://www.googletagmanager.com/gtm.js?id=')
-// };
-
-
-const loadApp = async appConfig => {
-  // get application manifest & full asset name with hash value
-  (0, _index.getLogger)().info(_logRecords.logRecords.APP_LOADING(appConfig.id));
+};
+const loadApp = async (appConfig) => {
+  (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_LOADING(appConfig.id));
   let assets = appConfig.files;
-  const manifest = await (0, _manifest.getAppManifest)(appConfig);
-  assets = (0, _manifest.getFullFileNameofAssetsFromManifest)(manifest, appConfig.files); // download each asset by adding it to DOM
-
+  const manifest = await (0, import_manifest.getAppManifest)(appConfig);
+  assets = (0, import_manifest.getFullFileNameofAssetsFromManifest)(manifest, appConfig.files);
   let counter = 0;
-  const requests = assets.map(fileName => {
+  const requests = assets.map((fileName) => {
     counter += 1;
-    return !isCss(fileName) ? (0, _script.addScriptToDOM)(appConfig, fileName, counter) : (0, _style.addStylesToDOM)(appConfig, fileName, counter);
-  }); // wait for all assets to get loaded in DOM and init
-
+    return !isCss(fileName) ? (0, import_script.addScriptToDOM)(appConfig, fileName, counter) : (0, import_style.addStylesToDOM)(appConfig, fileName, counter);
+  });
   await waitAndInitApplication(appConfig, requests);
-  (0, _index.getLogger)().info(_logRecords.logRecords.APP_LOADING_COMPLETE(appConfig.id));
+  (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_LOADING_COMPLETE(appConfig.id));
 };
-
-exports.loadApp = loadApp;
-
 const unloadApp = ({
   id,
   hostUrl,
   documentEle
 }) => {
-  if (!hostUrl) throw new Error('hostUrl is required');
-  (0, _index.getLogger)().info(_logRecords.logRecords.APP_UNLOADING(id));
+  if (!hostUrl)
+    throw new Error("Unable to unload app. hostUrl is required");
+  (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_UNLOADING(id));
   const app = (window.emui || {})[id];
-  if (!app) return;
+  if (!app)
+    return;
   removeAssetsFromDOM(id, documentEle);
-  (0, _script.removeDynamicImportedScripts)(hostUrl, documentEle);
-  (0, _script.removePrefetchLinks)(hostUrl, documentEle);
-  (0, _style.removeDynamicImportedStyles)(hostUrl, documentEle);
-  if (window.emui && window.emui[id]) delete window.emui[id];
-  (0, _index.getLogger)().info(_logRecords.logRecords.APP_UNLOADING_COMPLETE(id));
+  (0, import_script.removeDynamicImportedScripts)(hostUrl, documentEle);
+  (0, import_script.removePrefetchLinks)(hostUrl, documentEle);
+  (0, import_style.removeDynamicImportedStyles)(hostUrl, documentEle);
+  if (window.emui && window.emui[id])
+    delete window.emui[id];
+  (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_UNLOADING_COMPLETE(id));
 };
-
-exports.unloadApp = unloadApp;
+module.exports = __toCommonJS(app_factory_exports);

package/dist/cjs/view/micro-app/const.js

@@ -1,8 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var const_exports = {};
+__export(const_exports, {
+  APP_CONTAINER_ID_PREFIX: () => APP_CONTAINER_ID_PREFIX
 });
-exports.APP_CONTAINER_ID_PREFIX = void 0;
-const APP_CONTAINER_ID_PREFIX = 'pui-app-container-';
-exports.APP_CONTAINER_ID_PREFIX = APP_CONTAINER_ID_PREFIX;
+const APP_CONTAINER_ID_PREFIX = "pui-app-container-";
+module.exports = __toCommonJS(const_exports);

package/dist/cjs/view/micro-app/index.js

@@ -1,30 +1,47 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var micro_app_exports = {};
+__export(micro_app_exports, {
+  MicroApp: () => MicroApp
 });
-exports.MicroApp = void 0;
-
-var _jsx2 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _react = require("react");
-
-var _const = require("./const.js");
-
-var _useAppWillRender = require("./use-app-will-render.js");
-
-const MicroApp = /*#__PURE__*/(0, _react.memo)(props => {
-  (0, _useAppWillRender.useAppWillRender)(props);
-  return /*#__PURE__*/(0, _jsx2.default)(_StyledDiv, {
-    id: `${_const.APP_CONTAINER_ID_PREFIX}${props.id}`
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_styled_components = __toESM(require("styled-components"));
+var import_const = require("./const.js");
+var import_use_app_will_render = require("./use-app-will-render.js");
+const Div = import_styled_components.default.div`
+  height: 100%;
+  width: 100%;
+`;
+const MicroApp = (0, import_react.memo)((props) => {
+  (0, import_use_app_will_render.useAppWillRender)(props);
+  return /* @__PURE__ */ React.createElement(Div, {
+    id: `${import_const.APP_CONTAINER_ID_PREFIX}${props.id}`
   });
 });
-exports.MicroApp = MicroApp;
-
-var _StyledDiv = /*#__PURE__*/(0, _styledComponents.default)("div").withConfig({
-  componentId: "sc-1bjah6z-0"
-})(["height:100%;width:100%;"]);
+module.exports = __toCommonJS(micro_app_exports);

package/dist/cjs/view/micro-app/resources/manifest.js

@@ -1,55 +1,64 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var manifest_exports = {};
+__export(manifest_exports, {
+  getAppManifest: () => getAppManifest,
+  getFullFileNameofAssetsFromManifest: () => getFullFileNameofAssetsFromManifest
 });
-exports.getFullFileNameofAssetsFromManifest = exports.getAppManifest = void 0;
-
-var _index = require("../../../communication/http-client/index.js");
-
-var _url = require("../../../utils/url.js");
-
-var _index2 = require("../../../utils/micro-frontend/index.js");
-
-var _logRecords = require("../../../utils/log-records.js");
-
-const getUnVersionedManifestPath = path => path.replace(/\/\d+\.\d+/, '/latest');
-
+var import_http_client = require("../../../communication/http-client/index.js");
+var import_url = require("../../../utils/url.js");
+var import_micro_frontend = require("../../../utils/micro-frontend/index.js");
+var import_log_records = require("../../../utils/log-records.js");
+const getUnVersionedManifestPath = (path) => path.replace(/\/\d+\.\d+/, "/latest");
 const getAppManifest = async ({
   hostUrl,
   manifestPath
 }) => {
-  if (!hostUrl || !manifestPath) throw new Error('Missing required parameters');
-  const url = new URL(`${manifestPath.replace(/\/?$/, '/')}manifest.json`, hostUrl);
-  const response = await (0, _index.getHTTPClient)().get((0, _url.removeDoubleSlash)(url.href));
-  const {
-    headers
-  } = response;
-  if (headers['content-type'] && headers['content-type'].includes('application/json')) return response.data;
+  if (!hostUrl || !manifestPath)
+    throw new Error("Unable to get app manifest. hostUrl and manifestPath are required.");
+  const url = new URL(`${manifestPath.replace(/\/?$/, "/")}manifest.json`, hostUrl);
+  const response = await (0, import_http_client.getHTTPClient)().get((0, import_url.removeDoubleSlash)(url.href));
+  const { headers } = response;
+  if (headers["content-type"] && headers["content-type"].includes("application/json"))
+    return response.data;
   const unVersionedManifestPath = getUnVersionedManifestPath(manifestPath);
-
   if (manifestPath !== unVersionedManifestPath) {
     return getAppManifest({
       hostUrl,
       manifestPath: getUnVersionedManifestPath(manifestPath)
     });
   }
-
-  throw new Error('manifest.json is not available for the application');
+  throw new Error("manifest.json is not available for the application");
 };
-
-exports.getAppManifest = getAppManifest;
-
 const getFullFileNameofAssetsFromManifest = (manifest, assetNames = []) => assetNames.reduce((assets, assetName) => {
   const fullFileName = manifest[assetName];
-  if (fullFileName) assets.push(fullFileName); // eslint-disable-next-line no-console
+  if (fullFileName)
+    assets.push(fullFileName);
   else {
-    const logRecord = _logRecords.logRecords.ASSET_NOT_FOUND_IN_MANIFEST(assetName);
-
-    (0, _index2.getLogger)().error(logRecord);
+    const logRecord = import_log_records.logRecords.ASSET_NOT_FOUND_IN_MANIFEST(assetName);
+    (0, import_micro_frontend.getLogger)().error(logRecord);
     throw new Error(logRecord.msg);
   }
   return assets;
 }, []);
-
-exports.getFullFileNameofAssetsFromManifest = getFullFileNameofAssetsFromManifest;
+module.exports = __toCommonJS(manifest_exports);