@elliemae/pui-app-sdk 3.7.0 → 4.0.0-alpha.2

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

@@ -37,7 +37,7 @@ __export(loadable_exports, {
   loadable: () => loadable
 });
 module.exports = __toCommonJS(loadable_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_wait_message_launcher = require("../modals/wait-message/wait-message-launcher.js");
 const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(import_wait_message_launcher.WaitMessageLauncher, null)) => {

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

@@ -23,7 +23,7 @@ __export(micro_app_exports, {
   MicroApp: () => MicroApp
 });
 module.exports = __toCommonJS(micro_app_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_styled_components = __toESM(require("styled-components"));
 var import_const = require("./const.js");

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

@@ -28,21 +28,25 @@ var import_url = require("../../../utils/url.js");
 const APP_SCRIPT_ID_PREFIX = "emui-script-";
 const HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js/;
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);
-const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement("script");
-  if (!ele)
-    reject(new Error("Unable to insert Application scripts."));
-  ele.id = `${APP_SCRIPT_ID_PREFIX}${name}-${index}`;
-  const url = new URL(fileName, hostUrl);
-  ele.src = (0, import_url.removeDoubleSlash)(url.href);
-  ele.onload = resolve.bind(null, ele.id);
-  ele.onerror = reject.bind(null, ele.id);
-  ele.async = false;
-  if (isHeadScript(ele.src))
-    documentEle.head.appendChild(ele);
-  else
-    documentEle.body.appendChild(ele);
-});
+const addScriptToDOM = ({ name, hostUrl, documentEle, manifestPath }, fileName, index) => {
+  if (!hostUrl || !manifestPath)
+    throw new Error("Unable to add scripts to DOM. hostUrl and manifestPath are required.");
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement("script");
+    if (!ele)
+      reject(new Error("Unable to insert Application scripts."));
+    ele.id = `${APP_SCRIPT_ID_PREFIX}${name}-${index}`;
+    const url = new URL(`${manifestPath.replace(/\/?$/, "/")}${fileName}`, hostUrl);
+    ele.src = (0, import_url.removeDoubleSlash)(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    ele.onerror = reject.bind(null, ele.id);
+    ele.async = false;
+    if (isHeadScript(ele.src))
+      documentEle.head.appendChild(ele);
+    else
+      documentEle.body.appendChild(ele);
+  });
+};
 const removeScriptFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
   const ele = documentEle.getElementById(elementId);
   if (!ele)

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

@@ -25,17 +25,21 @@ __export(style_exports, {
 module.exports = __toCommonJS(style_exports);
 var import_url = require("../../../utils/url.js");
 const APP_STYLE_ID_PREFIX = "emui-style-";
-const addStylesToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement("link");
-  if (!ele)
-    reject(new Error("Unable to insert Application styles."));
-  ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
-  ele.rel = "stylesheet";
-  const url = new URL(fileName, hostUrl);
-  ele.href = (0, import_url.removeDoubleSlash)(url.href);
-  ele.onload = resolve.bind(null, ele.id);
-  documentEle.head.appendChild(ele);
-});
+const addStylesToDOM = ({ name, hostUrl, documentEle, manifestPath }, fileName, index) => {
+  if (!hostUrl || !manifestPath)
+    throw new Error("Unable to add styles to DOM. hostUrl and manifestPath are required.");
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement("link");
+    if (!ele)
+      reject(new Error("Unable to insert Application styles."));
+    ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
+    ele.rel = "stylesheet";
+    const url = new URL(`${manifestPath.replace(/\/?$/, "/")}${fileName}`, hostUrl);
+    ele.href = (0, import_url.removeDoubleSlash)(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    documentEle.head.appendChild(ele);
+  });
+};
 const removeStyleFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
   const ele = documentEle.getElementById(elementId);
   if (!ele)

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

@@ -52,9 +52,9 @@ __export(app_exports, {
   App: () => App
 });
 module.exports = __toCommonJS(app_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
-var import_iframe = __toESM(require("file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html"));
+var import_iframe = __toESM(require("./iframe/index.html?resource"));
 var import_iframe2 = require("./iframe/index.js");
 var import_use_frame_loaded = require("./use-frame-loaded.js");
 var import_use_app_will_render = require("../micro-app/use-app-will-render.js");

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

@@ -40,7 +40,7 @@ __export(iframe_exports, {
   IFrame: () => IFrame
 });
 module.exports = __toCommonJS(iframe_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_styled_components = __toESM(require("styled-components"));
 var import_const = require("./const.js");

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

@@ -52,7 +52,7 @@ __export(micro_iframe_app_exports, {
   MicroIFrameApp: () => MicroIFrameApp
 });
 module.exports = __toCommonJS(micro_iframe_app_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_use_previous = require("../use-previous.js");
 var import_app = require("./app.js");

package/dist/cjs/view/modals/error/index.js

@@ -23,7 +23,7 @@ __export(error_exports, {
   Error: () => Error2
 });
 module.exports = __toCommonJS(error_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_ds_dialog = require("@elliemae/ds-dialog");
 var import_ds_icons = require("@elliemae/ds-icons");

package/dist/cjs/view/modals/navigation-prompt/index.js

@@ -23,7 +23,7 @@ __export(navigation_prompt_exports, {
   NavigationPrompt: () => NavigationPrompt
 });
 module.exports = __toCommonJS(navigation_prompt_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = require("@elliemae/ds-button");

package/dist/cjs/view/modals/session-expiry/index.js

@@ -23,7 +23,7 @@ __export(session_expiry_exports, {
   SessionExpiry: () => SessionExpiry
 });
 module.exports = __toCommonJS(session_expiry_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");

package/dist/cjs/view/modals/wait-message/index.js

@@ -52,7 +52,7 @@ __export(wait_message_exports, {
   WaitMessage: () => WaitMessage
 });
 module.exports = __toCommonJS(wait_message_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_ds_loading_indicator = require("@elliemae/ds-loading-indicator");
 var import_react_redux = require("../../../data/react-redux.js");

package/dist/cjs/view/page.js

@@ -24,7 +24,7 @@ __export(page_exports, {
   onPageView: () => onPageView
 });
 module.exports = __toCommonJS(page_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react_helmet = require("react-helmet");
 var brum = __toESM(require("@elliemae/pui-user-monitoring"));
 var import_page_view_event = require("../analytics/page-view-event.js");

package/dist/cjs/view/render-with-delay/index.js

@@ -23,7 +23,7 @@ __export(render_with_delay_exports, {
   RenderWithDelay: () => RenderWithDelay
 });
 module.exports = __toCommonJS(render_with_delay_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 const RenderWithDelay = (0, import_react.memo)(({ render }) => {
   const [show, showComponents] = (0, import_react.useState)(false);

package/dist/cjs/view/render-with-host-data/index.js

@@ -23,7 +23,7 @@ __export(render_with_host_data_exports, {
   renderWithHostData: () => renderWithHostData
 });
 module.exports = __toCommonJS(render_with_host_data_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_fetch_host_app_data = require("../fetch-host-app-data/index.js");
 var import_wait_message_launcher = require("../modals/wait-message/wait-message-launcher.js");

package/dist/cjs/view/require-auth.js

@@ -23,7 +23,7 @@ __export(require_auth_exports, {
   RequireAuth: () => RequireAuth
 });
 module.exports = __toCommonJS(require_auth_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_redux_injectors = require("redux-injectors");
 var import_constants = __toESM(require("../utils/constants.js"));
 var import_reducer = require("../data/auth/reducer.js");

package/dist/cjs/view/session-timeout/index.js

@@ -23,7 +23,7 @@ __export(session_timeout_exports, {
   SessionTimeout: () => SessionTimeout
 });
 module.exports = __toCommonJS(session_timeout_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_react_redux = require("../../data/react-redux.js");
 var import_actions = require("../../data/logout/actions.js");

package/dist/cjs/view/storybook/decorator.js

@@ -23,7 +23,7 @@ __export(decorator_exports, {
   withAppDecorator: () => withAppDecorator
 });
 module.exports = __toCommonJS(decorator_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_history = require("../../utils/history.js");
 var import_app_root = require("../app-root/index.js");
 const withAppDecorator = (theme, store, story) => /* @__PURE__ */ React.createElement(import_app_root.AppRoot, {

package/dist/cjs/view/visually-hidden/index.js

@@ -37,7 +37,7 @@ __export(visually_hidden_exports, {
   VisuallyHidden: () => VisuallyHidden
 });
 module.exports = __toCommonJS(visually_hidden_exports);
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_react = require("react");
 var import_styled_components = __toESM(require("styled-components"));
 const Span = import_styled_components.default.span`

package/dist/esm/app.config.json

@@ -1,128 +1,145 @@
 {
   "appId": "app-sdk",
-  "brand": "primary",
   "activeEnv": "localhost",
-  "hosted": true,
   "sessionTimeoutWarnInterval": "60000",
   "sessionTimeoutInterval": "70000",
   "serviceEndpoints": {
     "api": "",
-    "idp": ""
+    "idp": "https://int.idp.ellielabs.com",
+    "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
   },
-  "walkMeUrl": "https://cdn.walkme.com/users/897bcebc13fd48038c790e2866e6a9fb/test/walkme_897bcebc13fd48038c790e2866e6a9fb_https.js",
   "env": {
     "localhost": {
       "serviceEndpoints": {
         "api": "",
-        "idp": ""
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "dev": {
       "serviceEndpoints": {
-        "api": "https://dev-api.appsdk.rd.elliemae.io",
-        "idp": "https://int.idp.ellielabs.com"
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "dev2": {
       "serviceEndpoints": {
         "api": "https://int.api.ellielabs.com",
-        "idp": "https://int.idp.ellielabs.com"
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "qa": {
       "serviceEndpoints": {
-        "api": "https://qa-api.appsdk.rd.elliemae.io",
-        "idp": "https://int.idp.ellielabs.com"
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "qa2": {
       "serviceEndpoints": {
         "api": "https://int.api.ellielabs.com",
-        "idp": "https://int.idp.ellielabs.com"
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "qa3": {
       "serviceEndpoints": {
         "api": "https://int.api.ellielabs.com",
-        "idp": "https://int.idp.ellielabs.com"
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "int": {
       "serviceEndpoints": {
         "api": "https://int.api.ellielabs.com",
-        "idp": "https://int.idp.ellielabs.com"
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "peg-osb1": {
       "serviceEndpoints": {
         "api": "https://encompass-peg-api.elliemae.com",
-        "idp": "https://peg.idp.ellielabs.com/authorize"
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "peg-osb2": {
       "serviceEndpoints": {
         "api": "https://encompass-peg2-api.elliemae.com",
-        "idp": "https://peg.idp.ellielabs.com/authorize"
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "peg": {
       "serviceEndpoints": {
         "api": "https://peg2-west.api.ellielabs.com",
-        "idp": "https://peg.idp.ellielabs.com/authorize"
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "peg-oapi-west": {
       "serviceEndpoints": {
         "api": "https://peg2-west.api.ellielabs.com",
-        "idp": "https://peg.idp.ellielabs.com/authorize"
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "peg-oapi-east": {
       "serviceEndpoints": {
         "api": "https://peg2-east.api.ellielabs.com",
-        "idp": "https://peg.idp.ellielabs.com/authorize"
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "peg2-oapi-east": {
       "serviceEndpoints": {
         "api": "https://peg2-east.api.ellielabs.com",
-        "idp": "https://peg.idp.ellielabs.com/authorize"
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "peg3": {
       "serviceEndpoints": {
         "api": "https://pel1.api.ellielabs.com",
-        "idp": "https://peg3.idp.ellielabs.com/authorize"
+        "idp": "https://peg3.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.puidiagnostics.rd.elliemae.io/v1/logging"
       }
     },
     "stage": {
       "serviceEndpoints": {
         "api": "https://stg.api.elliemae.com",
-        "idp": "https://stg.idp.elliemae.com/authorize"
+        "idp": "https://stg.idp.elliemae.com/authorize",
+        "logger": "https://stg.api.puidiagnostics.elliemae.com/v1/logging"
       }
     },
     "beta": {
       "serviceEndpoints": {
         "api": "https://concept.api.elliemae.com",
-        "idp": "https://concept.idp.elliemae.com/authorize"
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
       }
     },
     "demo": {
       "serviceEndpoints": {
         "api": "https://concept.api.elliemae.com",
-        "idp": "https://concept.idp.elliemae.com/authorize"
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
       }
     },
     "epc": {
       "serviceEndpoints": {
         "api": "https://concept.api.elliemae.com",
-        "idp": "https://concept.idp.elliemae.com/authorize"
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://concept.api.puidiagnostics.elliemae.com/v1/logging"
       }
     },
     "prod": {
       "serviceEndpoints": {
         "api": "https://api.elliemae.com",
-        "idp": "https://idp.elliemae.com/authorize"
+        "idp": "https://idp.elliemae.com/authorize",
+        "logger": "https://api.puidiagnostics.elliemae.com/v1/logging"
       }
     }
   }

package/dist/esm/utils/app-config/config.js

@@ -1,5 +1,6 @@
 import _ from "lodash";
-let gAppConfig = APP_CONFIG;
+import appConfig from "../../app.config.json";
+let gAppConfig = appConfig;
 const setAppConfig = (config) => {
   gAppConfig = config;
 };

package/dist/esm/utils/app-config/index.js

@@ -3,6 +3,7 @@ import { getHTTPClient } from "../../communication/http-client/index.js";
 import { setAppConfig } from "./config.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
 import { updateBAEventParameters } from "../../analytics/web-analytics.js";
+import { getAssetPath } from "../window.js";
 const parseAppConfig = (data) => {
   const { activeEnv } = data;
   const activeEnvConfig = data.env[activeEnv] || {};
@@ -13,8 +14,8 @@ const parseAppConfig = (data) => {
   setAppDynamicsUserData({ envName: activeEnv });
   updateBAEventParameters({ envName: activeEnv });
 };
-const loadAppConfig = (hostUrl = "./") => new Promise((resolve, reject) => {
-  getHTTPClient({ baseURL: hostUrl }).get("app.config.json").then(({ data }) => {
+const loadAppConfig = () => new Promise((resolve, reject) => {
+  getHTTPClient().get(`${getAssetPath()}app.config.json`).then(({ data }) => {
     parseAppConfig(data);
     resolve();
   }).catch((err) => {

package/dist/esm/utils/micro-frontend/guest.js

@@ -1,4 +1,3 @@
-import ReactDOM from "react-dom";
 import _ from "lodash";
 import { getDefaultTheme } from "@elliemae/pui-theme";
 import { getWindow } from "../window.js";
@@ -99,7 +98,7 @@ class CMicroAppGuest {
         this.props.host = host;
     }
     __webpack_public_path__ = __webpack_public_path__.replace(/\/?$/, "/");
-    return loadAppConfig(__webpack_public_path__).then(() => {
+    return loadAppConfig().then(() => {
       const instanceId = this.getSessionStorageItem("instanceId") || "";
       const userId = this.getSessionStorageItem("userId") || "";
       updateBAEventParameters({ appId: this.appId, instanceId, userId });
@@ -116,9 +115,6 @@ class CMicroAppGuest {
     });
   }
   unmount(options) {
-    const appEle = document.getElementById(this.containerId);
-    if (appEle)
-      ReactDOM.unmountComponentAtNode(appEle);
     removeStorageEvents();
     return Promise.resolve().then(() => this.onUnmount ? this.onUnmount(options) : null);
   }

package/dist/esm/utils/micro-frontend/host.js

@@ -41,7 +41,7 @@ class CMicroAppHost {
     this.getObject = this.getObject.bind(this);
     this.renewSessionTimer = this.renewSessionTimer.bind(this);
     this.setSystemVersion = this.setSystemVersion.bind(this);
-    loadAppConfig(__webpack_public_path__).then(() => {
+    loadAppConfig().then(() => {
       if (this.onInit)
         this.onInit(this.props);
     }).catch(() => {

package/dist/esm/utils/storybook/preview.js

@@ -41,7 +41,7 @@ const getParameters = (storyBookTheme) => ({
 const decorators = [appDecorator];
 const loaders = [
   async () => {
-    await loadAppConfig(__webpack_public_path__ || "./");
+    await loadAppConfig();
   }
 ];
 export {

package/dist/esm/utils/window.js

@@ -21,7 +21,9 @@ const getCurrentBreakpoint = () => {
     return "medium";
   return "large";
 };
+const getAssetPath = () => window?.emui?._ASSET_PATH || "latest/";
 export {
+  getAssetPath,
   getCurrentBreakpoint,
   getViewportSize,
   getWindow

package/dist/esm/view/app-root/index.js

@@ -15,6 +15,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 import * as React from "react";
+import { StrictMode } from "react";
 import { Provider } from "react-redux";
 import { ThemeProvider } from "styled-components";
 import { getDefaultTheme } from "@elliemae/pui-theme";
@@ -35,7 +36,7 @@ const AppRoot = ({
   WaitMessage,
   errorTemplate,
   children
-}) => /* @__PURE__ */ React.createElement(ErrorBoundary, {
+}) => /* @__PURE__ */ React.createElement(StrictMode, null, /* @__PURE__ */ React.createElement(ErrorBoundary, {
   errorTemplate
 }, /* @__PURE__ */ React.createElement(Provider, {
   store
@@ -46,7 +47,7 @@ const AppRoot = ({
 }, /* @__PURE__ */ React.createElement(AppToRender, {
   manageSession,
   WaitMessage
-}, children)))));
+}, children))))));
 export {
   AppRoot
 };

package/dist/esm/view/error-boundary/default-error-template.js

@@ -1,5 +1,8 @@
 import * as React from "react";
-const DefaultErrorTemplate = (props) => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, "We are unable to process your request"), /* @__PURE__ */ React.createElement("section", null, "Please close your browser and login again"));
+const DefaultErrorTemplate = ({
+  error = new Error("We are unable to process your request"),
+  errorInfo = { componentStack: "Please close your browser and login again" }
+}) => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, error?.message), /* @__PURE__ */ React.createElement("section", null, errorInfo?.componentStack));
 export {
   DefaultErrorTemplate
 };

package/dist/esm/view/micro-app/resources/script.js

@@ -2,21 +2,25 @@ import { removeDoubleSlash } from "../../../utils/url.js";
 const APP_SCRIPT_ID_PREFIX = "emui-script-";
 const HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js/;
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);
-const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement("script");
-  if (!ele)
-    reject(new Error("Unable to insert Application scripts."));
-  ele.id = `${APP_SCRIPT_ID_PREFIX}${name}-${index}`;
-  const url = new URL(fileName, hostUrl);
-  ele.src = removeDoubleSlash(url.href);
-  ele.onload = resolve.bind(null, ele.id);
-  ele.onerror = reject.bind(null, ele.id);
-  ele.async = false;
-  if (isHeadScript(ele.src))
-    documentEle.head.appendChild(ele);
-  else
-    documentEle.body.appendChild(ele);
-});
+const addScriptToDOM = ({ name, hostUrl, documentEle, manifestPath }, fileName, index) => {
+  if (!hostUrl || !manifestPath)
+    throw new Error("Unable to add scripts to DOM. hostUrl and manifestPath are required.");
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement("script");
+    if (!ele)
+      reject(new Error("Unable to insert Application scripts."));
+    ele.id = `${APP_SCRIPT_ID_PREFIX}${name}-${index}`;
+    const url = new URL(`${manifestPath.replace(/\/?$/, "/")}${fileName}`, hostUrl);
+    ele.src = removeDoubleSlash(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    ele.onerror = reject.bind(null, ele.id);
+    ele.async = false;
+    if (isHeadScript(ele.src))
+      documentEle.head.appendChild(ele);
+    else
+      documentEle.body.appendChild(ele);
+  });
+};
 const removeScriptFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
   const ele = documentEle.getElementById(elementId);
   if (!ele)

package/dist/esm/view/micro-app/resources/style.js

@@ -1,16 +1,20 @@
 import { removeDoubleSlash } from "../../../utils/url.js";
 const APP_STYLE_ID_PREFIX = "emui-style-";
-const addStylesToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement("link");
-  if (!ele)
-    reject(new Error("Unable to insert Application styles."));
-  ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
-  ele.rel = "stylesheet";
-  const url = new URL(fileName, hostUrl);
-  ele.href = removeDoubleSlash(url.href);
-  ele.onload = resolve.bind(null, ele.id);
-  documentEle.head.appendChild(ele);
-});
+const addStylesToDOM = ({ name, hostUrl, documentEle, manifestPath }, fileName, index) => {
+  if (!hostUrl || !manifestPath)
+    throw new Error("Unable to add styles to DOM. hostUrl and manifestPath are required.");
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement("link");
+    if (!ele)
+      reject(new Error("Unable to insert Application styles."));
+    ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
+    ele.rel = "stylesheet";
+    const url = new URL(`${manifestPath.replace(/\/?$/, "/")}${fileName}`, hostUrl);
+    ele.href = removeDoubleSlash(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    documentEle.head.appendChild(ele);
+  });
+};
 const removeStyleFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
   const ele = documentEle.getElementById(elementId);
   if (!ele)

package/dist/esm/view/micro-iframe-app/app.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import * as React from "react";
 import { memo, useState } from "react";
-import frameHtml from "file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html";
+import frameHtml from "./iframe/index.html?resource";
 import { IFrame } from "./iframe/index.js";
 import { useFrameLoaded } from "./use-frame-loaded.js";
 import {

package/dist/types/index.d.ts

@@ -75,5 +75,5 @@ export type { EMUI } from './utils/window.js';
 export type { Await } from './utils/await.js';
 export type { RootState, AppStore } from './data/store.js';
 export type { AppConfig } from './utils/app-config/config.js';
-export type { OnInitCallback, OnMountCallback, } from './utils/micro-frontend/guest.js';
+export type { OnInitCallback, OnMountCallback, OnUnMountCallback, } from './utils/micro-frontend/guest.js';
 export type { OnInitCallback as OnHostInitCallback } from './utils/micro-frontend/host.js';