@elliemae/pui-app-sdk 2.17.0 → 3.0.0-beta.3

package/dist/cjs/view/loadable/index.js

@@ -1,30 +1,36 @@
-"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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  loadable: () => loadable
 });
-exports.loadable = void 0;
-
-var _jsx3 = _interopRequireDefault(require("@babel/runtime/helpers/jsx"));
-
-var _react = require("react");
-
-var _waitMessageLauncher = require("../modals/wait-message/wait-message-launcher.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _WaitMessageLauncher;
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const loadable = (importFunc, fallback = _WaitMessageLauncher || (_WaitMessageLauncher = /*#__PURE__*/(0, _jsx3.default)(_waitMessageLauncher.WaitMessageLauncher, {}))) => {
-  const LazyComponent = /*#__PURE__*/(0, _react.lazy)(importFunc); // eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-  return props => /*#__PURE__*/(0, _jsx3.default)(_react.Suspense, {
-    fallback: fallback
-  }, void 0, /*#__PURE__*/(0, _jsxRuntime.jsx)(LazyComponent, { ...props
+var import_react = __toModule(require("react"));
+var import_wait_message_launcher = __toModule(require("../modals/wait-message/wait-message-launcher"));
+const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(import_wait_message_launcher.WaitMessageLauncher, null)) => {
+  const LazyComponent = (0, import_react.lazy)(importFunc);
+  return (props) => /* @__PURE__ */ React.createElement(import_react.Suspense, {
+    fallback
+  }, /* @__PURE__ */ React.createElement(LazyComponent, {
+    ...props
   }));
 };
-
-exports.loadable = loadable;

package/dist/cjs/view/login/index.js

@@ -1,38 +1,44 @@
-"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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  Login: () => Login
 });
-exports.Login = void 0;
-
-var _react = require("react");
-
-var _reactRedux = require("../../data/react-redux.js");
-
-var _index = require("../../utils/auth/index.js");
-
-var _actions = require("../../data/auth/actions.js");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
+var import_react = __toModule(require("react"));
+var import_react_redux = __toModule(require("../../data/react-redux"));
+var import_auth = __toModule(require("../../utils/auth"));
+var import_actions = __toModule(require("../../data/auth/actions"));
 const Login = ({
   clientId,
   scope,
   responseType
 }) => {
-  const dispatch = (0, _reactRedux.useAppDispatch)();
-  (0, _react.useEffect)(() => {
-    (0, _index.login)({
-      clientId,
-      scope,
-      responseType
-    }).then(() => {
-      dispatch({
-        type: _actions.LOGIN_SUCCESS
-      });
-    }).catch(() => {});
+  const dispatch = (0, import_react_redux.useAppDispatch)();
+  (0, import_react.useEffect)(() => {
+    (0, import_auth.login)({ clientId, scope, responseType }).then(() => {
+      dispatch({ type: import_actions.LOGIN_SUCCESS });
+    }).catch(() => {
+    });
   }, [dispatch, clientId, scope, responseType]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
 };
-
-exports.Login = Login;

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

@@ -1,38 +1,47 @@
-"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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(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 import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_pubsub_js = __toModule(require("pubsub-js"));
+var import_react_redux = __toModule(require("../../data/react-redux"));
+var import_breakpoint = __toModule(require("../../data/breakpoint"));
+var import_useMediaBreakpoints = __toModule(require("../useMediaBreakpoints"));
+var import_constants = __toModule(require("../../utils/constants"));
 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;

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

@@ -1,27 +1,38 @@
-"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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(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 = __toModule(require("../host-binding-events"));
+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;

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

@@ -1,35 +1,44 @@
-"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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(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 = __toModule(require("../../../utils/web-storage"));
+var import_host = __toModule(require("../../../utils/micro-frontend/host"));
+var import_micro_frontend = __toModule(require("../../../utils/micro-frontend"));
+var import_log_records = __toModule(require("../../../utils/log-records"));
+var import_const = __toModule(require("../const"));
+var import_window = __toModule(require("../../../utils/window"));
+var import_style = __toModule(require("../resources/style"));
+var import_script = __toModule(require("../resources/script"));
+var import_manifest = __toModule(require("../resources/manifest"));
 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,151 +48,106 @@ 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
 }) => {
-  (0, _index.getLogger)().info(_logRecords.logRecords.APP_UNLOADING(id));
+  (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;

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

@@ -1,8 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+__export(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-";

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

@@ -1,30 +1,40 @@
-"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) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(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 import_react = __toModule(require("react"));
+var import_styled_components = __toModule(require("styled-components"));
+var import_const = __toModule(require("./const"));
+var import_use_app_will_render = __toModule(require("./use-app-will-render"));
+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%;"]);