@elliemae/pui-app-sdk 3.8.0 → 4.0.0-alpha.1

package/dist/cjs/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/cjs/utils/app-config/config.js

@@ -27,7 +27,8 @@ __export(config_exports, {
 });
 module.exports = __toCommonJS(config_exports);
 var import_lodash = __toESM(require("lodash"));
-let gAppConfig = APP_CONFIG;
+var import_app_config = __toESM(require("../../app.config.json"));
+let gAppConfig = import_app_config.default;
 const setAppConfig = (config) => {
   gAppConfig = config;
 };

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

@@ -28,6 +28,7 @@ var import_http_client = require("../../communication/http-client/index.js");
 var import_config = require("./config.js");
 var import_appdynamics = require("../../analytics/appdynamics.js");
 var import_web_analytics = require("../../analytics/web-analytics.js");
+var import_window = require("../window.js");
 const parseAppConfig = (data) => {
   const { activeEnv } = data;
   const activeEnvConfig = data.env[activeEnv] || {};
@@ -38,8 +39,8 @@ const parseAppConfig = (data) => {
   (0, import_appdynamics.setAppDynamicsUserData)({ envName: activeEnv });
   (0, import_web_analytics.updateBAEventParameters)({ envName: activeEnv });
 };
-const loadAppConfig = (hostUrl = "./") => new Promise((resolve, reject) => {
-  (0, import_http_client.getHTTPClient)({ baseURL: hostUrl }).get("app.config.json").then(({ data }) => {
+const loadAppConfig = () => new Promise((resolve, reject) => {
+  (0, import_http_client.getHTTPClient)().get(`${(0, import_window.getAssetPath)()}app.config.json`).then(({ data }) => {
     parseAppConfig(data);
     resolve();
   }).catch((err) => {

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

@@ -23,7 +23,6 @@ __export(guest_exports, {
   CMicroAppGuest: () => CMicroAppGuest
 });
 module.exports = __toCommonJS(guest_exports);
-var import_react_dom = __toESM(require("react-dom"));
 var import_lodash = __toESM(require("lodash"));
 var import_pui_theme = require("@elliemae/pui-theme");
 var import_window = require("../window.js");
@@ -124,7 +123,7 @@ class CMicroAppGuest {
         this.props.host = host;
     }
     __webpack_public_path__ = __webpack_public_path__.replace(/\/?$/, "/");
-    return (0, import_app_config.loadAppConfig)(__webpack_public_path__).then(() => {
+    return (0, import_app_config.loadAppConfig)().then(() => {
       const instanceId = this.getSessionStorageItem("instanceId") || "";
       const userId = this.getSessionStorageItem("userId") || "";
       (0, import_web_analytics.updateBAEventParameters)({ appId: this.appId, instanceId, userId });
@@ -141,9 +140,6 @@ class CMicroAppGuest {
     });
   }
   unmount(options) {
-    const appEle = document.getElementById(this.containerId);
-    if (appEle)
-      import_react_dom.default.unmountComponentAtNode(appEle);
     (0, import_web_storage.removeStorageEvents)();
     return Promise.resolve().then(() => this.onUnmount ? this.onUnmount(options) : null);
   }

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

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

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

@@ -65,6 +65,6 @@ const getParameters = (storyBookTheme) => ({
 const decorators = [appDecorator];
 const loaders = [
   async () => {
-    await (0, import_app_config.loadAppConfig)(__webpack_public_path__ || "./");
+    await (0, import_app_config.loadAppConfig)();
   }
 ];

package/dist/cjs/utils/window.js

@@ -17,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var window_exports = {};
 __export(window_exports, {
+  getAssetPath: () => getAssetPath,
   getCurrentBreakpoint: () => getCurrentBreakpoint,
   getViewportSize: () => getViewportSize,
   getWindow: () => getWindow
@@ -45,3 +46,4 @@ const getCurrentBreakpoint = () => {
     return "medium";
   return "large";
 };
+const getAssetPath = () => window?.emui?._ASSET_PATH || "latest/";

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

@@ -38,6 +38,7 @@ __export(app_root_exports, {
 });
 module.exports = __toCommonJS(app_root_exports);
 var React = __toESM(require("react"));
+var import_react = require("react");
 var import_react_redux = require("react-redux");
 var import_styled_components = require("styled-components");
 var import_pui_theme = require("@elliemae/pui-theme");
@@ -58,7 +59,7 @@ const AppRoot = ({
   WaitMessage,
   errorTemplate,
   children
-}) => /* @__PURE__ */ React.createElement(import_error_boundary.ErrorBoundary, {
+}) => /* @__PURE__ */ React.createElement(import_react.StrictMode, null, /* @__PURE__ */ React.createElement(import_error_boundary.ErrorBoundary, {
   errorTemplate
 }, /* @__PURE__ */ React.createElement(import_react_redux.Provider, {
   store
@@ -69,4 +70,4 @@ const AppRoot = ({
 }, /* @__PURE__ */ React.createElement(AppToRender, {
   manageSession,
   WaitMessage
-}, children)))));
+}, children))))));

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

@@ -24,4 +24,7 @@ __export(default_error_template_exports, {
 });
 module.exports = __toCommonJS(default_error_template_exports);
 var React = __toESM(require("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));

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

@@ -54,7 +54,7 @@ __export(app_exports, {
 module.exports = __toCommonJS(app_exports);
 var React = __toESM(require("react"));
 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/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';

package/dist/types/utils/app-config/config.d.ts

@@ -1,6 +1,6 @@
 interface ServiceEndpoints {
-    api: string;
-    idp: string;
+    api?: string;
+    idp?: string;
     logger: string;
 }
 interface Env {
@@ -8,13 +8,11 @@ interface Env {
 }
 export interface AppConfig {
     appId: string;
-    brand: string;
+    brand?: string;
     activeEnv: string;
-    hosted: boolean;
-    sessionTimeoutWarnInterval: string;
-    sessionTimeoutInterval: string;
+    sessionTimeoutWarnInterval?: string;
+    sessionTimeoutInterval?: string;
     serviceEndpoints: ServiceEndpoints;
-    walkMeUrl: string;
     env: {
         [key: string]: Env;
     };

package/dist/types/utils/app-config/index.d.ts

@@ -1 +1 @@
-export declare const loadAppConfig: (hostUrl?: string) => Promise<void>;
+export declare const loadAppConfig: () => Promise<void>;

package/dist/types/utils/window.d.ts

@@ -4,6 +4,8 @@ import { Logger } from '@elliemae/pui-diagnostics';
 export declare type EMUI = {
     [key: string]: IMicroAppGuest;
 } & {
+    _BASE_PATH: string;
+    _ASSET_PATH: string;
     version: string;
     MicroAppHost?: IMicroAppHost;
     logger?: Logger;
@@ -21,3 +23,4 @@ export declare const getViewportSize: () => {
     height: number;
 };
 export declare const getCurrentBreakpoint: () => BreakPoint;
+export declare const getAssetPath: () => string;

package/dist/types/view/error-boundary/default-error-template.d.ts

@@ -5,4 +5,4 @@ export interface ErrorTemplateProps {
         componentStack: string;
     } | null;
 }
-export declare const DefaultErrorTemplate: (props: ErrorTemplateProps) => JSX.Element;
+export declare const DefaultErrorTemplate: ({ error, errorInfo, }: ErrorTemplateProps) => JSX.Element;

package/dist/types/view/error-boundary/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 interface ErrorBoundaryProps {
+    children?: React.ReactNode;
     errorTemplate?: React.ComponentType;
 }
 export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
@@ -7,6 +8,6 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
     componentDidCatch(error: Error, errorInfo: {
         componentStack: string;
     }): void;
-    render(): React.ReactNode;
+    render(): string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
 }
 export {};

package/dist/types/view/fields/form-item-layout/index.d.ts

@@ -2,7 +2,7 @@
 export declare type FormItemLayoutProps = {
     name: string;
     floatingLabel?: boolean;
-    inputComponent: React.ReactNode;
+    inputComponent: React.ComponentType<any>;
     labelText?: string;
     [x: string]: any;
 };

package/dist/types/view/micro-app/resources/script.d.ts

@@ -1,6 +1,6 @@
 import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_SCRIPT_ID_PREFIX = "emui-script-";
-export declare const addScriptToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
+export declare const addScriptToDOM: ({ name, hostUrl, documentEle, manifestPath }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeScriptFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;
 export declare const removeDynamicImportedScripts: (hostUrl: string, documentEle: HTMLDocument) => void;
 export declare const removePrefetchLinks: (hostUrl: string, documentEle: HTMLDocument) => void;

package/dist/types/view/micro-app/resources/style.d.ts

@@ -1,5 +1,5 @@
 import { MicroAppConfig } from '../../../utils/micro-frontend/types.js';
 export declare const APP_STYLE_ID_PREFIX = "emui-style-";
-export declare const addStylesToDOM: ({ name, hostUrl, documentEle }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
+export declare const addStylesToDOM: ({ name, hostUrl, documentEle, manifestPath }: MicroAppConfig, fileName: string, index: number) => Promise<string>;
 export declare const removeStyleFromDOM: (elementId?: string, documentEle?: Document) => Promise<void>;
-export declare const removeDynamicImportedStyles: (hostUrl: string, documentEle: HTMLDocument) => void;
+export declare const removeDynamicImportedStyles: (hostUrl: string, documentEle: Document) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "3.8.0",
+  "version": "4.0.0-alpha.1",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -103,7 +103,7 @@
     "indent": 4
   },
   "peerDependencies": {
-    "@elliemae/app-react-dependencies": "^3.6.0",
+    "@elliemae/app-react-dependencies": "^4.0.0-beta.1",
     "@elliemae/ds-basic": "^3.0.3",
     "@elliemae/ds-button": "^3.0.3",
     "@elliemae/ds-controlled-form": "^3.0.3",
@@ -118,13 +118,13 @@
     "@elliemae/ds-popperjs": "^3.0.3",
     "@elliemae/ds-toast": "^3.0.3",
     "@elliemae/em-ssf-guest": "^1.11.1",
-    "@elliemae/pui-diagnostics": "^2.7.3",
+    "@elliemae/pui-diagnostics": "^2.7.4",
     "@elliemae/pui-micro-frontend-base": "^1.11.2",
     "@elliemae/pui-theme": "^2.5.0",
-    "@elliemae/pui-user-monitoring": "^1.15.0"
+    "@elliemae/pui-user-monitoring": "^1.15.1"
   },
   "devDependencies": {
-    "@elliemae/app-react-dependencies": "~3.6.0",
+    "@elliemae/app-react-dependencies": "~4.0.0-beta.1",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.4.2",
     "@elliemae/ds-basic": "~3.0.3",
     "@elliemae/ds-button": "~3.0.3",
@@ -140,11 +140,11 @@
     "@elliemae/ds-popperjs": "~3.0.3",
     "@elliemae/ds-toast": "~3.0.3",
     "@elliemae/em-ssf-guest": "~1.11.1",
-    "@elliemae/pui-cli": "~6.15.2",
-    "@elliemae/pui-diagnostics": "~2.7.3",
+    "@elliemae/pui-cli": "~7.0.0-beta.12",
+    "@elliemae/pui-diagnostics": "~2.7.4",
     "@elliemae/pui-e2e-test-sdk": "~7.3.3",
     "@elliemae/pui-micro-frontend-base": "~1.11.2",
-    "@elliemae/pui-theme": "2.5.0",
-    "@elliemae/pui-user-monitoring": "~1.15.0"
+    "@elliemae/pui-theme": "~2.5.0",
+    "@elliemae/pui-user-monitoring": "~1.15.1"
   }
 }