@elliemae/pui-app-bridge 2.9.9 → 2.16.6

package/dist/esm/tests/hotels/23.1/app.checksum.js

@@ -1,40 +1,43 @@
-(function() {
-  const appId = "hotels";
-  const appName = "Hotels App";
-  const getWindow = () => {
-    try {
-      window.parent.document;
-      return window.parent;
-    } catch (err) {
-      return window;
-    }
-  };
-  let host = null;
-  let parentHistory = null;
-  let logger = null;
-  const browserWindow = getWindow();
-  browserWindow.emui = browserWindow.emui || {};
-  browserWindow.emui[appId] = browserWindow.emui[appId] || {};
-  browserWindow.emui[appId].init = async (options) => {
+const appId = "hotels";
+const appName = "Hotels App";
+const getWindow = () => {
+  try {
+    window.parent.document;
+    return window.parent;
+  } catch (err) {
+    return window;
+  }
+};
+let host = null;
+let parentHistory = null;
+let logger = null;
+window.emui = window.emui || { uuid: crypto.randomUUID() };
+window.emui.app = {
+  uuid: window.emui.uuid,
+  init: async (options) => {
     host = options.host;
     parentHistory = options.history;
     logger = options.logger;
     return Promise.resolve();
-  };
-  browserWindow.emui[appId].mount = async () => {
+  },
+  mount: async () => {
     const mainElement = document.createElement("main");
     const pageHeaderEle = document.createElement("h1");
     pageHeaderEle.textContent = appName;
+    pageHeaderEle.id = "header";
     mainElement.appendChild(pageHeaderEle);
     const versionEle = document.createElement("p");
     versionEle.textContent = "Version: 23.1";
+    versionEle.id = "version";
     mainElement.appendChild(versionEle);
     document.body.appendChild(mainElement);
     return Promise.resolve();
-  };
-  browserWindow.emui[appId].unmount = () => {
+  },
+  unmount: () => {
     const mainEle = document.getElementsByTagName("main")[0];
     if (mainEle) mainEle.remove();
     return Promise.resolve();
-  };
-})();
+  }
+};
+const browserWindow = getWindow();
+browserWindow.emui?.registerApp?.({ appId, app: window.emui.app });

package/dist/esm/tests/hotels/latest/app.checksum.js

@@ -1,40 +1,43 @@
-(function() {
-  const appId = "hotels";
-  const appName = "Hotels App";
-  const getWindow = () => {
-    try {
-      window.parent.document;
-      return window.parent;
-    } catch (err) {
-      return window;
-    }
-  };
-  let host = null;
-  let parentHistory = null;
-  let logger = null;
-  const browserWindow = getWindow();
-  browserWindow.emui = browserWindow.emui || {};
-  browserWindow.emui[appId] = browserWindow.emui[appId] || {};
-  browserWindow.emui[appId].init = async (options) => {
+const appId = "hotels";
+const appName = "Hotels App";
+const getWindow = () => {
+  try {
+    window.parent.document;
+    return window.parent;
+  } catch (err) {
+    return window;
+  }
+};
+let host = null;
+let parentHistory = null;
+let logger = null;
+window.emui = window.emui || { uuid: crypto.randomUUID() };
+window.emui.app = {
+  uuid: window.emui.uuid,
+  init: async (options) => {
     host = options.host;
     parentHistory = options.history;
     logger = options.logger;
     return Promise.resolve();
-  };
-  browserWindow.emui[appId].mount = async () => {
+  },
+  mount: async () => {
     const mainElement = document.createElement("main");
     const pageHeaderEle = document.createElement("h1");
     pageHeaderEle.textContent = appName;
+    pageHeaderEle.id = "header";
     mainElement.appendChild(pageHeaderEle);
     const versionEle = document.createElement("p");
     versionEle.textContent = "Version: latest";
+    versionEle.id = "version";
     mainElement.appendChild(versionEle);
     document.body.appendChild(mainElement);
     return Promise.resolve();
-  };
-  browserWindow.emui[appId].unmount = () => {
+  },
+  unmount: () => {
     const mainEle = document.getElementsByTagName("main")[0];
     if (mainEle) mainEle.remove();
     return Promise.resolve();
-  };
-})();
+  }
+};
+const browserWindow = getWindow();
+browserWindow.emui?.registerApp?.({ appId, app: window.emui.app });

package/dist/esm/tests/loan/latest/index.js

@@ -1,62 +1,52 @@
-(function() {
-  const appId = "loanapp";
-  const appName = "Loan App";
-  const appElementId = `pui-app-container-${appId}`;
-  const pipelinePath = "/pipeline";
-  const pipelineLinkText = "Pipeline";
-  const getWindow = () => {
-    try {
-      window.parent.document;
-      return window.parent;
-    } catch (err) {
-      return window;
-    }
-  };
-  let host = null;
-  let parentHistory = null;
-  let logger = null;
-  const browserWindow = getWindow();
-  browserWindow.emui = browserWindow.emui || {};
-  browserWindow.emui[appId] = browserWindow.emui[appId] || {};
-  window.__TEST__ = {};
-  const setFrameSize = () => {
-    const { document: document2 } = window;
-    const iframeBody = document2.body;
-    const iframeHTML = document2.documentElement;
-    const size = {
-      height: Math.max(
-        iframeBody.scrollHeight,
-        iframeBody.offsetHeight,
-        iframeHTML.offsetHeight
-      ),
-      width: Math.max(
-        iframeBody.scrollWidth,
-        iframeBody.offsetWidth,
-        iframeHTML.offsetWidth
-      )
-    };
-    host.setAppWindowSize({
-      appId,
-      size
-    });
+const appId = "loanapp";
+const appName = "Loan App";
+const appElementId = `pui-app-container-${appId}`;
+const pipelinePath = "/pipeline";
+const pipelineLinkText = "Pipeline";
+const getWindow = () => {
+  try {
+    window.parent.document;
+    return window.parent;
+  } catch (err) {
+    return window;
+  }
+};
+let host = null;
+let parentHistory = null;
+let logger = null;
+window.__TEST__ = {};
+const setFrameSize = () => {
+  const { document: document2 } = window;
+  const iframeBody = document2.body;
+  const iframeHTML = document2.documentElement;
+  const size = {
+    height: Math.max(
+      iframeBody.scrollHeight,
+      iframeBody.offsetHeight,
+      iframeHTML.offsetHeight
+    ),
+    width: Math.max(
+      iframeBody.scrollWidth,
+      iframeBody.offsetWidth,
+      iframeHTML.offsetWidth
+    )
   };
-  browserWindow.emui[appId].init = async (options) => {
+  host.setAppWindowSize({
+    appId,
+    size
+  });
+};
+window.emui = window.emui || { uuid: crypto.randomUUID() };
+window.emui.app = {
+  uuid: window.emui.uuid,
+  init: async (options) => {
     host = options.host;
     parentHistory = options.history;
     logger = options.logger;
     window.__TEST__.initOptions = options;
-    host.subscribe("loanSaved", (msg, data) => {
-      const appContainer = document.getElementById(appElementId);
-      if (appContainer) {
-        const dataEle = document.createElement("p");
-        dataEle.id = "loanSavedData";
-        dataEle.innerText = `Loan saved: ${JSON.stringify(data)}`;
-        appContainer.appendChild(dataEle);
-      }
-    });
     setFrameSize();
-  };
-  browserWindow.emui[appId].mount = async (options) => {
+  },
+  mount: async (options) => {
     window.__TEST__.mountOptions = options;
     const appContainer = document.getElementById(appElementId);
     if (appContainer) {
@@ -80,12 +70,14 @@
         `App container element with id ${appElementId} not found`
       );
     }
-  };
-  browserWindow.emui[appId].unmount = () => {
+  },
+  unmount: () => {
     const appContainer = document.getElementById(appElementId);
     if (appContainer) {
       appContainer.removeChild(appContainer.getElementsByTagName("main")[0]);
     }
     return Promise.resolve();
-  };
-})();
+  }
+};
+const browserWindow = getWindow();
+browserWindow.emui?.registerApp?.({ appId, app: window.emui.app });

package/dist/esm/tests/scriptingObjects/analytics.js

@@ -1,24 +1,24 @@
 import { ScriptingObject } from "@elliemae/microfe-common";
 class Analytics extends ScriptingObject {
   constructor() {
-    super("Analytics");
+    super("analytics");
   }
-  sendBAEvent(event) {
+  sendBAEvent = (event) => {
     console.log("Analytics.sendBAEvent", event);
     return Promise.resolve();
-  }
-  startTiming(name, options) {
+  };
+  startTiming = (name, options) => {
     console.log("Analytics.perfMarkStart", name);
     return Promise.resolve(performance.mark(name, { detail: options }));
-  }
-  endTiming(start, options) {
+  };
+  endTiming = (start, options) => {
     console.log("Analytics.perfMarkEnd", start);
     performance.measure(start, {
       detail: options,
       start
     });
     return Promise.resolve();
-  }
+  };
 }
 export {
   Analytics

package/dist/esm/tests/scriptingObjects/appraisalServiceModule.js

@@ -7,23 +7,19 @@ class AppraisalService extends ScriptingObject {
   #creditScore;
   Close = new Event({
     name: "Close",
-    requiresFeedback: false,
-    so: this
+    objectId: ScriptingObjectNames.Module
   });
   Unloading = new Event({
     name: "Unloading",
-    requiresFeedback: false,
-    so: this
+    objectId: ScriptingObjectNames.Module
   });
   onPreCommit = new Event({
     name: "onPreCommit",
-    requiresFeedback: true,
-    so: this
+    objectId: ScriptingObjectNames.Module
   });
   onSaved = new Event({
     name: "onSaved",
-    requiresFeedback: false,
-    so: this
+    objectId: ScriptingObjectNames.Module
   });
   constructor({
     loanId,
@@ -55,6 +51,10 @@ class AppraisalService extends ScriptingObject {
   delete = () => {
     throw new Error("Not implemented");
   };
+  log = async (message, level) => {
+    console.log(message, level);
+    return Promise.resolve();
+  };
   unload = async () => {
   };
 }

package/dist/esm/tests/scriptingObjects/global.js

@@ -6,8 +6,7 @@ class Global extends ScriptingObject {
   }
   Change = new Event({
     name: "Change",
-    requiresFeedback: false,
-    so: this
+    objectId: this.constructor.name
   });
   set = (key, value) => {
     this.#data.set(key, value);

package/dist/esm/tests/task/latest/index.dev.js

@@ -1,31 +1,30 @@
-(function() {
-  const appId = "taskapp";
-  const appName = "Task App Dev";
-  const appElementId = `pui-app-container-${appId}`;
-  const pipelinePath = "/pipeline";
-  const pipelineLinkText = "Pipeline";
-  const getWindow = () => {
-    try {
-      window.parent.document;
-      return window.parent;
-    } catch (err) {
-      return window;
-    }
-  };
-  let host = null;
-  let parentHistory = null;
-  let logger = null;
-  const browserWindow = getWindow();
-  browserWindow.emui = browserWindow.emui || {};
-  browserWindow.emui[appId] = browserWindow.emui[appId] || {};
-  window.__TEST__ = {};
-  browserWindow.emui[appId].init = async (options) => {
+const appId = "taskapp";
+const appName = "Task App Dev";
+const appElementId = `pui-app-container-${appId}`;
+const pipelinePath = "/pipeline";
+const pipelineLinkText = "Pipeline";
+const getWindow = () => {
+  try {
+    window.parent.document;
+    return window.parent;
+  } catch (err) {
+    return window;
+  }
+};
+let host = null;
+let parentHistory = null;
+let logger = null;
+window.__TEST__ = {};
+window.emui = window.emui || { uuid: crypto.randomUUID() };
+window.emui.app = {
+  uuid: window.emui.uuid,
+  init: async (options) => {
     window.__TEST__.initOptions = options;
     host = options.host;
     parentHistory = options.history;
     logger = options.logger;
-  };
-  browserWindow.emui[appId].mount = async (options) => {
+  },
+  mount: async (options) => {
     window.__TEST__.mountOptions = options;
     const appContainer = document.getElementById(appElementId);
     if (appContainer) {
@@ -49,12 +48,14 @@
         `App container element with id ${appElementId} not found`
       );
     }
-  };
-  browserWindow.emui[appId].unmount = () => {
+  },
+  unmount: () => {
     const appContainer = document.getElementById(appElementId);
     if (appContainer) {
       appContainer.removeChild(appContainer.getElementsByTagName("main")[0]);
     }
     return Promise.resolve();
-  };
-})();
+  }
+};
+const browserWindow = getWindow();
+browserWindow.emui?.registerApp?.({ appId, app: window.emui.app });

package/dist/esm/tests/task/latest/index.js

@@ -1,31 +1,30 @@
-(function() {
-  const appId = "taskapp";
-  const appName = "Task App";
-  const appElementId = `pui-app-container-${appId}`;
-  const pipelinePath = "/pipeline";
-  const pipelineLinkText = "Pipeline";
-  const getWindow = () => {
-    try {
-      window.parent.document;
-      return window.parent;
-    } catch (err) {
-      return window;
-    }
-  };
-  let host = null;
-  let parentHistory = null;
-  let logger = null;
-  const browserWindow = getWindow();
-  browserWindow.emui = browserWindow.emui || {};
-  browserWindow.emui[appId] = browserWindow.emui[appId] || {};
-  window.__TEST__ = {};
-  browserWindow.emui[appId].init = async (options) => {
+const appId = "taskapp";
+const appName = "Task App";
+const appElementId = `pui-app-container-${appId}`;
+const pipelinePath = "/pipeline";
+const pipelineLinkText = "Pipeline";
+const getWindow = () => {
+  try {
+    window.parent.document;
+    return window.parent;
+  } catch (err) {
+    return window;
+  }
+};
+let host = null;
+let parentHistory = null;
+let logger = null;
+window.__TEST__ = {};
+window.emui = window.emui || { uuid: crypto.randomUUID() };
+window.emui.app = {
+  uuid: window.emui.uuid,
+  init: async (options) => {
     window.__TEST__.initOptions = options;
     host = options.host;
     parentHistory = options.history;
     logger = options.logger;
-  };
-  browserWindow.emui[appId].mount = async (options) => {
+  },
+  mount: async (options) => {
     window.__TEST__.mountOptions = options;
     const appContainer = document.getElementById(appElementId);
     if (appContainer) {
@@ -49,12 +48,14 @@
         `App container element with id ${appElementId} not found`
       );
     }
-  };
-  browserWindow.emui[appId].unmount = () => {
+  },
+  unmount: () => {
     const appContainer = document.getElementById(appElementId);
     if (appContainer) {
       appContainer.removeChild(appContainer.getElementsByTagName("main")[0]);
     }
     return Promise.resolve();
-  };
-})();
+  }
+};
+const browserWindow = getWindow();
+browserWindow.emui?.registerApp?.({ appId, app: window.emui.app });

package/dist/esm/tests/travelhub/23.1/app.checksum.js

@@ -1,26 +1,24 @@
-(function() {
-  const appId = "travelhub";
-  const appName = "Travel Hub";
-  const getWindow = () => {
-    try {
-      window.parent.document;
-      return window.parent;
-    } catch (err) {
-      return window;
-    }
-  };
-  const browserWindow = getWindow();
-  browserWindow.emui = browserWindow.emui || {};
-  browserWindow.emui[appId] = browserWindow.emui[appId] || {};
-  const mainElement = document.createElement("main");
-  mainElement.id = "travelhub";
-  const pageHeaderEle = document.createElement("h1");
-  pageHeaderEle.id = "header";
-  pageHeaderEle.textContent = appName;
-  mainElement.appendChild(pageHeaderEle);
-  const versionEle = document.createElement("p");
-  versionEle.id = "version";
-  versionEle.textContent = "Version: 23.1";
-  mainElement.appendChild(versionEle);
-  document.body.appendChild(mainElement);
-})();
+const appId = "travelhub";
+const appName = "Travel Hub";
+const getWindow = () => {
+  try {
+    window.parent.document;
+    return window.parent;
+  } catch (err) {
+    return window;
+  }
+};
+const browserWindow = getWindow();
+browserWindow.emui = browserWindow.emui || {};
+browserWindow.emui[appId] = browserWindow.emui[appId] || {};
+const mainElement = document.createElement("main");
+mainElement.id = "travelhub";
+const pageHeaderEle = document.createElement("h1");
+pageHeaderEle.id = "header";
+pageHeaderEle.textContent = appName;
+mainElement.appendChild(pageHeaderEle);
+const versionEle = document.createElement("p");
+versionEle.id = "version";
+versionEle.textContent = "Version: 23.1";
+mainElement.appendChild(versionEle);
+document.body.appendChild(mainElement);

package/dist/esm/tests/travelhub/23.1/landing.checksum1.js

@@ -1,7 +1,5 @@
-(function() {
-  const mainElement = document.getElementById("travelhub");
-  const contentEle = document.createElement("p");
-  contentEle.id = "greeting";
-  contentEle.textContent = "Hello Travellers!";
-  mainElement.appendChild(contentEle);
-})();
+const mainElement = document.getElementById("travelhub");
+const contentEle = document.createElement("p");
+contentEle.id = "greeting";
+contentEle.textContent = "Hello Travellers!";
+mainElement.appendChild(contentEle);

package/dist/esm/utils.js

@@ -1,3 +1,6 @@
+import { throttle } from "lodash";
+const KEEP_ALIVE_INTERVAL = 12e4;
+const userInteractionEvents = ["click", "scroll", "keypress", "touchstart"];
 const removeDoubleSlash = (url) => url.replace(/([^:]\/)\/+/g, "$1");
 const getAbsoluteUrl = (url) => {
   const a = document.createElement("a");
@@ -5,10 +8,37 @@ const getAbsoluteUrl = (url) => {
   return a.href;
 };
 const appendTrailingSlash = (url) => url?.replace?.(/\/?$/, "/");
+const appendPath = (base, path) => `${base.replace(/\/+$/, "")}/${path.replace(/^\/+/, "")}`;
 const isJSDOM = () => window.navigator.userAgent.includes("jsdom");
+const startKeepSessionAlive = ({
+  appObj,
+  logger
+}) => {
+  if (!appObj) {
+    logger.warn("Application object not available to send keep alive");
+    return;
+  }
+  const throttledKeepAlive = throttle(
+    async () => {
+      try {
+        await appObj.keepSessionAlive();
+      } catch (e) {
+        logger.error(`Error keeping session alive. ${e.message}`);
+      }
+    },
+    KEEP_ALIVE_INTERVAL,
+    // throttle time
+    { leading: false }
+  );
+  userInteractionEvents.forEach((eventType) => {
+    document.addEventListener(eventType, throttledKeepAlive);
+  });
+};
 export {
+  appendPath,
   appendTrailingSlash,
   getAbsoluteUrl,
   isJSDOM,
-  removeDoubleSlash
+  removeDoubleSlash,
+  startKeepSessionAlive
 };

package/dist/public/assets/frame.671d9de68be598da64ca.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <link rel="icon" href="/favicon.ico" />
+    <title>Application</title>
+    <script nonce="__CSP_NONCE__">
+      (function (i, s, o, g, r, a, m) {
+        i['GoogleAnalyticsObject'] = r;
+        (i[r] =
+          i[r] ||
+          function () {
+            (i[r].q = i[r].q || []).push(arguments);
+          }),
+          (i[r].l = 1 * new Date());
+        (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
+        a.async = 1;
+        a.src = g;
+        m.parentNode.insertBefore(a, m);
+      })(
+        window,
+        document,
+        'script',
+        'https://www.google-analytics.com/analytics.js',
+        'ga',
+      );
+    </script>
+    <style nonce="__CSP_NONCE__">
+      .full-width {
+        width: 100%;
+      }
+      .full-height {
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body class="full-width full-height">
+    <noscript
+      >If you're seeing this message, that means
+      <strong>JavaScript has been disabled on your browser</strong>, please
+      <strong>enable JS</strong> to make this app work.</noscript
+    >
+    <div id="pui-app-container-" class="full-width full-height"></div>
+  </body>
+</html>