@elliemae/pui-app-bridge 2.5.3 → 2.6.1

package/dist/cjs/appBridge.js

@@ -49,8 +49,7 @@ class CAppBridge {
    */
   constructor(params) {
     const { logger } = params;
-    if (!logger)
-      throw new Error("logger is required");
+    if (!logger) throw new Error("logger is required");
     this.#logger = params.logger;
     this.#version = params.version;
     this.#appConfig = new import_app.CAppConfig({
@@ -67,8 +66,7 @@ class CAppBridge {
     if (elementIds) {
       elementIds.forEach((elementId) => {
         const ele = documentEle.getElementById(elementId);
-        if (ele)
-          ele.remove();
+        if (ele) ele.remove();
       });
     }
   };
@@ -178,14 +176,12 @@ class CAppBridge {
   #unloadApp = ({ id, hostUrl, documentEle }) => {
     this.#logger.debug(`Application ${id} unloading...`);
     const app = window.emui?.[id];
-    if (!app)
-      return;
+    if (!app) return;
     this.#removeAssetsFromDOM(id, documentEle);
     this.#scriptLoader.removeDynamicImportedScripts(hostUrl, documentEle);
     this.#scriptLoader.removePrefetchLinks(hostUrl, documentEle);
     this.#styleLoader.removeDynamicImportedStyles(hostUrl, documentEle);
-    if (window.emui?.[id])
-      delete window.emui[id];
+    if (window.emui?.[id]) delete window.emui[id];
     this.#activeApps.delete(id);
     this.#logger.info({ message: "Application unloaded", appId: id });
   };
@@ -203,8 +199,7 @@ class CAppBridge {
   };
   #unmountApp = ({ id, name }) => {
     const app = window.emui?.[id] || {};
-    if (!app?.unmount)
-      return null;
+    if (!app?.unmount) return null;
     if (typeof app.unmount !== "function")
       throw new Error(
         `Application ${name} with id ${id} doesn't expose unmount method`
@@ -232,8 +227,7 @@ class CAppBridge {
    * @param id unique id of guest application
    */
   closeApp = async (id) => {
-    if (!id)
-      throw new Error("id is required");
+    if (!id) throw new Error("id is required");
     const appConfig = this.#microFEConfig.getConfigById(id);
     if (!appConfig) {
       throw new Error(`Application with id ${id} is not found`);
@@ -283,8 +277,7 @@ class CAppBridge {
    * @throws Error if application with given id is not found in configuration
    */
   mountApp = async (id) => {
-    if (!id)
-      throw new Error("id is required");
+    if (!id) throw new Error("id is required");
     const appConfig = this.#microFEConfig.getConfigById(id);
     if (!appConfig) {
       throw new Error(`Application with id ${id} is not found`);
@@ -355,8 +348,7 @@ class CAppBridge {
    * @throws Error if application with given id is not found in configuration
    */
   unmountApp = async (id) => {
-    if (!id)
-      throw new Error("id is required");
+    if (!id) throw new Error("id is required");
     const appConfig = this.#microFEConfig.getConfigById(id);
     if (!appConfig) {
       throw new Error(`Application with id ${id} is not found`);

package/dist/cjs/config/app.js

@@ -50,8 +50,7 @@ class CAppConfig {
   #parse = (data) => {
     const { activeEnv } = data;
     const activeEnvConfig = data.env[activeEnv] || {};
-    if (data.env)
-      delete data.env;
+    if (data.env) delete data.env;
     this.#gAppConfig = (0, import_merge.default)(data, activeEnvConfig);
   };
   /**

package/dist/cjs/config/microFE.js

@@ -38,10 +38,8 @@ var import_common = require("../typings/common.js");
 const CONFIG_KEY = "microFrontendApps";
 const isCIBuild = () => process.env.CI === "true";
 const isProduction = (mode) => {
-  if (isCIBuild())
-    return true;
-  if (mode)
-    return mode === "production";
+  if (isCIBuild()) return true;
+  if (mode) return mode === "production";
   return true;
 };
 const getPathName = (url) => url ? new URL(url).pathname : "";
@@ -58,8 +56,7 @@ const getVersionedPath = (path, version) => {
   );
 };
 const isFileListValid = (files) => {
-  if (!files || !files.length)
-    return false;
+  if (!files || !files.length) return false;
   return files.every((file) => typeof file === "string");
 };
 const validate = (id, mfeConfig) => {

package/dist/cjs/eventManager.js

@@ -101,8 +101,7 @@ class EventManager {
       eventParams,
       feedbackWaitTime = 1e3
     } = param;
-    if (!id)
-      throw new Error("Event Id is required");
+    if (!id) throw new Error("Event Id is required");
     const listeners = this.#listeners.get(id) || [];
     if (!requiresFeedback) {
       this.#emitEvent({
@@ -127,10 +126,8 @@ class EventManager {
    */
   subscribe = (param) => {
     const { eventId, listener } = param;
-    if (!eventId)
-      throw new Error("eventId is required");
-    if (!listener)
-      throw new Error("Listener is required");
+    if (!eventId) throw new Error("eventId is required");
+    if (!listener) throw new Error("Listener is required");
     const listeners = this.#listeners.get(eventId) || [];
     const subscriptionId = (0, import_uuid.v4)();
     listeners.push({
@@ -146,8 +143,7 @@ class EventManager {
    */
   unsubscribe = (param) => {
     const { eventId, subscriptionId } = param;
-    if (!eventId)
-      throw new Error("eventId id is required");
+    if (!eventId) throw new Error("eventId id is required");
     if (subscriptionId) {
       const listeners = this.#listeners.get(eventId) || [];
       const index = listeners.findIndex(

package/dist/cjs/frame.js

@@ -37,8 +37,7 @@ const create = (appId, options) => new Promise((resolve, reject) => {
   frame.setAttribute("allowfullscreen", "true");
   frame.setAttribute("allowtransparency", "true");
   frame.setAttribute("allow", "microphone; camera");
-  if (options.sandbox)
-    frame.setAttribute("sandbox", options.sandbox);
+  if (options.sandbox) frame.setAttribute("sandbox", options.sandbox);
   frame.setAttribute(
     "style",
     options.style ?? "flex-grow: 1;border: none;margin: 0;padding: 0;display: block;min-width: 100%;height: 100%;"

package/dist/cjs/loaders/manifest.js

@@ -58,10 +58,8 @@ const get = async ({
 };
 const getFullFileNameofAssets = (manifest, assetNames = []) => assetNames.reduce((assets, assetName) => {
   const fullFileName = manifest[assetName];
-  if (fullFileName)
-    assets.push(fullFileName);
-  else if (isValidHttpUrl(assetName))
-    assets.push(assetName);
+  if (fullFileName) assets.push(fullFileName);
+  else if (isValidHttpUrl(assetName)) assets.push(assetName);
   else {
     throw new Error(`unable to locate ${assetName} in manifest`);
   }

package/dist/cjs/loaders/script.js

@@ -51,8 +51,7 @@ class ScriptLoader {
       );
     };
     ele.async = false;
-    if (!(0, import_utils.isJSDOM)() && isDeferEligible(ele.src))
-      ele.defer = true;
+    if (!(0, import_utils.isJSDOM)() && isDeferEligible(ele.src)) ele.defer = true;
     documentEle.head.appendChild(ele);
   });
   remove = (elementId = "", documentEle = document) => new Promise((resolve) => {
@@ -70,8 +69,7 @@ class ScriptLoader {
     for (let index = scriptElements.length - 1; index >= 0; index -= 1) {
       const scriptEle = scriptElements[index];
       const { src } = scriptEle;
-      if (hostPattern.test(src))
-        scriptEle.remove();
+      if (hostPattern.test(src)) scriptEle.remove();
     }
   };
   removePrefetchLinks = (hostUrl, documentEle) => {
@@ -80,8 +78,7 @@ class ScriptLoader {
     for (let index = prefetchElements.length - 1; index >= 0; index -= 1) {
       const ele = prefetchElements[index];
       const { href } = ele;
-      if (hostPattern.test(href))
-        ele.remove();
+      if (hostPattern.test(href)) ele.remove();
     }
   };
 }

package/dist/cjs/loaders/style.js

@@ -66,8 +66,7 @@ class StyleLoader {
     for (let index = prefetchElements.length - 1; index >= 0; index -= 1) {
       const ele = prefetchElements[index];
       const { href } = ele;
-      if (hostPattern.test(href))
-        ele.remove();
+      if (hostPattern.test(href)) ele.remove();
     }
   };
 }

package/dist/cjs/tests/flights/23.1/app.checksum1.js

@@ -37,8 +37,7 @@
   };
   browserWindow.emui[appId].unmount = () => {
     const mainEle = document.getElementsByTagName("main")[0];
-    if (mainEle)
-      mainEle.remove();
+    if (mainEle) mainEle.remove();
     return Promise.resolve();
   };
 })();

package/dist/cjs/tests/flights/latest/app.checksum.js

@@ -37,8 +37,7 @@
   };
   browserWindow.emui[appId].unmount = () => {
     const mainEle = document.getElementsByTagName("main")[0];
-    if (mainEle)
-      mainEle.remove();
+    if (mainEle) mainEle.remove();
     return Promise.resolve();
   };
 })();

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

@@ -35,8 +35,7 @@
   };
   browserWindow.emui[appId].unmount = () => {
     const mainEle = document.getElementsByTagName("main")[0];
-    if (mainEle)
-      mainEle.remove();
+    if (mainEle) mainEle.remove();
     return Promise.resolve();
   };
 })();

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

@@ -35,8 +35,7 @@
   };
   browserWindow.emui[appId].unmount = () => {
     const mainEle = document.getElementsByTagName("main")[0];
-    if (mainEle)
-      mainEle.remove();
+    if (mainEle) mainEle.remove();
     return Promise.resolve();
   };
 })();

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

@@ -70,6 +70,8 @@ class AppraisalService extends import_microfe_common.ScriptingObject {
   delete = () => {
     throw new Error("Not implemented");
   };
+  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+  showError = (data) => Promise.resolve();
   unload = async () => {
   };
 }

package/dist/cjs/typings/window.js

@@ -46,9 +46,7 @@ const convertBreakpointToNumber = (breakpoint) => Number(breakpoint.replace("px"
 const getCurrentBreakpoint = () => {
   const { width } = getViewportSize();
   const { breakpoints } = (0, import_pui_theme.getDefaultTheme)();
-  if (width <= convertBreakpointToNumber(breakpoints.small))
-    return "small";
-  if (width <= convertBreakpointToNumber(breakpoints.medium))
-    return "medium";
+  if (width <= convertBreakpointToNumber(breakpoints.small)) return "small";
+  if (width <= convertBreakpointToNumber(breakpoints.medium)) return "medium";
   return "large";
 };

package/dist/esm/appBridge.js

@@ -26,8 +26,7 @@ class CAppBridge {
    */
   constructor(params) {
     const { logger } = params;
-    if (!logger)
-      throw new Error("logger is required");
+    if (!logger) throw new Error("logger is required");
     this.#logger = params.logger;
     this.#version = params.version;
     this.#appConfig = new CAppConfig({
@@ -44,8 +43,7 @@ class CAppBridge {
     if (elementIds) {
       elementIds.forEach((elementId) => {
         const ele = documentEle.getElementById(elementId);
-        if (ele)
-          ele.remove();
+        if (ele) ele.remove();
       });
     }
   };
@@ -155,14 +153,12 @@ class CAppBridge {
   #unloadApp = ({ id, hostUrl, documentEle }) => {
     this.#logger.debug(`Application ${id} unloading...`);
     const app = window.emui?.[id];
-    if (!app)
-      return;
+    if (!app) return;
     this.#removeAssetsFromDOM(id, documentEle);
     this.#scriptLoader.removeDynamicImportedScripts(hostUrl, documentEle);
     this.#scriptLoader.removePrefetchLinks(hostUrl, documentEle);
     this.#styleLoader.removeDynamicImportedStyles(hostUrl, documentEle);
-    if (window.emui?.[id])
-      delete window.emui[id];
+    if (window.emui?.[id]) delete window.emui[id];
     this.#activeApps.delete(id);
     this.#logger.info({ message: "Application unloaded", appId: id });
   };
@@ -180,8 +176,7 @@ class CAppBridge {
   };
   #unmountApp = ({ id, name }) => {
     const app = window.emui?.[id] || {};
-    if (!app?.unmount)
-      return null;
+    if (!app?.unmount) return null;
     if (typeof app.unmount !== "function")
       throw new Error(
         `Application ${name} with id ${id} doesn't expose unmount method`
@@ -209,8 +204,7 @@ class CAppBridge {
    * @param id unique id of guest application
    */
   closeApp = async (id) => {
-    if (!id)
-      throw new Error("id is required");
+    if (!id) throw new Error("id is required");
     const appConfig = this.#microFEConfig.getConfigById(id);
     if (!appConfig) {
       throw new Error(`Application with id ${id} is not found`);
@@ -260,8 +254,7 @@ class CAppBridge {
    * @throws Error if application with given id is not found in configuration
    */
   mountApp = async (id) => {
-    if (!id)
-      throw new Error("id is required");
+    if (!id) throw new Error("id is required");
     const appConfig = this.#microFEConfig.getConfigById(id);
     if (!appConfig) {
       throw new Error(`Application with id ${id} is not found`);
@@ -332,8 +325,7 @@ class CAppBridge {
    * @throws Error if application with given id is not found in configuration
    */
   unmountApp = async (id) => {
-    if (!id)
-      throw new Error("id is required");
+    if (!id) throw new Error("id is required");
     const appConfig = this.#microFEConfig.getConfigById(id);
     if (!appConfig) {
       throw new Error(`Application with id ${id} is not found`);

package/dist/esm/config/app.js

@@ -17,8 +17,7 @@ class CAppConfig {
   #parse = (data) => {
     const { activeEnv } = data;
     const activeEnvConfig = data.env[activeEnv] || {};
-    if (data.env)
-      delete data.env;
+    if (data.env) delete data.env;
     this.#gAppConfig = lodashMerge(data, activeEnvConfig);
   };
   /**

package/dist/esm/config/microFE.js

@@ -5,10 +5,8 @@ import { SecurityContext } from "../typings/common.js";
 const CONFIG_KEY = "microFrontendApps";
 const isCIBuild = () => process.env.CI === "true";
 const isProduction = (mode) => {
-  if (isCIBuild())
-    return true;
-  if (mode)
-    return mode === "production";
+  if (isCIBuild()) return true;
+  if (mode) return mode === "production";
   return true;
 };
 const getPathName = (url) => url ? new URL(url).pathname : "";
@@ -25,8 +23,7 @@ const getVersionedPath = (path, version) => {
   );
 };
 const isFileListValid = (files) => {
-  if (!files || !files.length)
-    return false;
+  if (!files || !files.length) return false;
   return files.every((file) => typeof file === "string");
 };
 const validate = (id, mfeConfig) => {

package/dist/esm/eventManager.js

@@ -78,8 +78,7 @@ class EventManager {
       eventParams,
       feedbackWaitTime = 1e3
     } = param;
-    if (!id)
-      throw new Error("Event Id is required");
+    if (!id) throw new Error("Event Id is required");
     const listeners = this.#listeners.get(id) || [];
     if (!requiresFeedback) {
       this.#emitEvent({
@@ -104,10 +103,8 @@ class EventManager {
    */
   subscribe = (param) => {
     const { eventId, listener } = param;
-    if (!eventId)
-      throw new Error("eventId is required");
-    if (!listener)
-      throw new Error("Listener is required");
+    if (!eventId) throw new Error("eventId is required");
+    if (!listener) throw new Error("Listener is required");
     const listeners = this.#listeners.get(eventId) || [];
     const subscriptionId = uuidv4();
     listeners.push({
@@ -123,8 +120,7 @@ class EventManager {
    */
   unsubscribe = (param) => {
     const { eventId, subscriptionId } = param;
-    if (!eventId)
-      throw new Error("eventId id is required");
+    if (!eventId) throw new Error("eventId id is required");
     if (subscriptionId) {
       const listeners = this.#listeners.get(eventId) || [];
       const index = listeners.findIndex(

package/dist/esm/frame.js

@@ -12,8 +12,7 @@ const create = (appId, options) => new Promise((resolve, reject) => {
   frame.setAttribute("allowfullscreen", "true");
   frame.setAttribute("allowtransparency", "true");
   frame.setAttribute("allow", "microphone; camera");
-  if (options.sandbox)
-    frame.setAttribute("sandbox", options.sandbox);
+  if (options.sandbox) frame.setAttribute("sandbox", options.sandbox);
   frame.setAttribute(
     "style",
     options.style ?? "flex-grow: 1;border: none;margin: 0;padding: 0;display: block;min-width: 100%;height: 100%;"

package/dist/esm/loaders/manifest.js

@@ -35,10 +35,8 @@ const get = async ({
 };
 const getFullFileNameofAssets = (manifest, assetNames = []) => assetNames.reduce((assets, assetName) => {
   const fullFileName = manifest[assetName];
-  if (fullFileName)
-    assets.push(fullFileName);
-  else if (isValidHttpUrl(assetName))
-    assets.push(assetName);
+  if (fullFileName) assets.push(fullFileName);
+  else if (isValidHttpUrl(assetName)) assets.push(assetName);
   else {
     throw new Error(`unable to locate ${assetName} in manifest`);
   }

package/dist/esm/loaders/script.js

@@ -27,8 +27,7 @@ class ScriptLoader {
       );
     };
     ele.async = false;
-    if (!isJSDOM() && isDeferEligible(ele.src))
-      ele.defer = true;
+    if (!isJSDOM() && isDeferEligible(ele.src)) ele.defer = true;
     documentEle.head.appendChild(ele);
   });
   remove = (elementId = "", documentEle = document) => new Promise((resolve) => {
@@ -46,8 +45,7 @@ class ScriptLoader {
     for (let index = scriptElements.length - 1; index >= 0; index -= 1) {
       const scriptEle = scriptElements[index];
       const { src } = scriptEle;
-      if (hostPattern.test(src))
-        scriptEle.remove();
+      if (hostPattern.test(src)) scriptEle.remove();
     }
   };
   removePrefetchLinks = (hostUrl, documentEle) => {
@@ -56,8 +54,7 @@ class ScriptLoader {
     for (let index = prefetchElements.length - 1; index >= 0; index -= 1) {
       const ele = prefetchElements[index];
       const { href } = ele;
-      if (hostPattern.test(href))
-        ele.remove();
+      if (hostPattern.test(href)) ele.remove();
     }
   };
 }

package/dist/esm/loaders/style.js

@@ -42,8 +42,7 @@ class StyleLoader {
     for (let index = prefetchElements.length - 1; index >= 0; index -= 1) {
       const ele = prefetchElements[index];
       const { href } = ele;
-      if (hostPattern.test(href))
-        ele.remove();
+      if (hostPattern.test(href)) ele.remove();
     }
   };
 }

package/dist/esm/tests/flights/23.1/app.checksum1.js

@@ -36,8 +36,7 @@
   };
   browserWindow.emui[appId].unmount = () => {
     const mainEle = document.getElementsByTagName("main")[0];
-    if (mainEle)
-      mainEle.remove();
+    if (mainEle) mainEle.remove();
     return Promise.resolve();
   };
 })();

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

@@ -36,8 +36,7 @@
   };
   browserWindow.emui[appId].unmount = () => {
     const mainEle = document.getElementsByTagName("main")[0];
-    if (mainEle)
-      mainEle.remove();
+    if (mainEle) mainEle.remove();
     return Promise.resolve();
   };
 })();

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

@@ -34,8 +34,7 @@
   };
   browserWindow.emui[appId].unmount = () => {
     const mainEle = document.getElementsByTagName("main")[0];
-    if (mainEle)
-      mainEle.remove();
+    if (mainEle) mainEle.remove();
     return Promise.resolve();
   };
 })();

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

@@ -34,8 +34,7 @@
   };
   browserWindow.emui[appId].unmount = () => {
     const mainEle = document.getElementsByTagName("main")[0];
-    if (mainEle)
-      mainEle.remove();
+    if (mainEle) mainEle.remove();
     return Promise.resolve();
   };
 })();

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

@@ -49,6 +49,8 @@ class AppraisalService extends ScriptingObject {
   delete = () => {
     throw new Error("Not implemented");
   };
+  // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+  showError = (data) => Promise.resolve();
   unload = async () => {
   };
 }

package/dist/esm/typings/window.js

@@ -21,10 +21,8 @@ const convertBreakpointToNumber = (breakpoint) => Number(breakpoint.replace("px"
 const getCurrentBreakpoint = () => {
   const { width } = getViewportSize();
   const { breakpoints } = getDefaultTheme();
-  if (width <= convertBreakpointToNumber(breakpoints.small))
-    return "small";
-  if (width <= convertBreakpointToNumber(breakpoints.medium))
-    return "medium";
+  if (width <= convertBreakpointToNumber(breakpoints.small)) return "small";
+  if (width <= convertBreakpointToNumber(breakpoints.medium)) return "medium";
   return "large";
 };
 export {

package/dist/public/frame.html

@@ -1 +1 @@
-<!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>!function(e,t,n,a,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(n),s=t.getElementsByTagName(n)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga")</script><style>.full-width{width:100%}.full-height{height:100%}</style><script defer="defer" src="js/emuiAppBridge.a5cadcabb35056ac6244.js"></script></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>
+<!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>!function(e,t,n,a,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(n),s=t.getElementsByTagName(n)[0],o.async=1,o.src="https://www.google-analytics.com/analytics.js",s.parentNode.insertBefore(o,s)}(window,document,"script",0,"ga")</script><style>.full-width{width:100%}.full-height{height:100%}</style><script defer="defer" src="js/emuiAppBridge.882dac406befb0fb41d5.js"></script></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>

package/dist/public/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Host</title><script src="https://cdn.tailwindcss.com?plugins=forms"></script><script src="https://qa.assets.rd.elliemae.io/pui-diagnostics@3"></script><script defer="defer" src="js/emuiAppBridge.a5cadcabb35056ac6244.js"></script></head><body><header class="bg-indigo-300 h-10 flex place-items-center"><div class="px-2">ICE Mortgage Product</div></header><main class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8"><div class="min-w-0 flex-1 mt-4"><h1 class="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight">Loan Application</h1></div><div id="successFeedback" class="hidden rounded-md bg-green-50 p-4"><div class="flex"><div class="flex-shrink-0"><svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"/></svg></div><div class="ml-3"><p class="text-sm font-medium text-green-800">Loan Saved Successfully</p></div></div></div><div id="errorFeedback" class="hidden rounded-md bg-red-50 p-4"><div class="flex"><div class="flex-shrink-0"><svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd"/></svg></div><div class="ml-3"><h3 class="text-sm font-medium text-red-800">Credit Score is not meeting the requirement</h3></div></div></div><div class="mt-2 sm:grid sm:grid-cols-2 sm:gap-2"><form class="px-2 py-2 space-y-8 divide-y divide-gray-200 bg-gray-50"><div class="space-y-8 divide-y divide-gray-200 sm:space-y-5"><div class="space-y-6 sm:space-y-5"><div><h3 class="text-lg font-medium leading-6 text-gray-900">Personal Information</h3></div><div class="space-y-6 sm:space-y-5"><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="firstName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">First name</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input name="firstName" id="firstName" autocomplete="given-name" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="John" placeholder="John"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="lastName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Last name</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input name="lastName" id="lastName" autocomplete="family-name" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="Doe" placeholder="Doe"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="ssn" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">SSN</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="ssn" id="ssn" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="123456789" placeholder="123456789"/></div></div></div><div><h3 class="text-lg font-medium leading-6 text-gray-900">Loan Information</h3></div><div class="space-y-6 sm:space-y-5"><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="amount" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Amount</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="amount" id="amount" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="500000" placeholder="500000"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="Term" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Term (years)</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="term" id="term" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="30" placeholder="30"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="downPayment" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Down Payment</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="downPayment" id="downPayment" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="50000" placeholder="50000"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="creditScore" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Credit Score</label><div class="mt-1 sm:mt-0"><output id="creditScore" class="block w-full max-w-lg pl-2 pt-2 sm:max-w-xs sm:text-sm">NA</output></div><div class="mt-1 sm:mt-0"><button id="getCreditScore" type="button" class="inline-flex items-center rounded-full border border-transparent bg-indigo-600 p-1 text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg></button></div></div></div></div></div><button id="saveLoan" type="button" class="inline-flex items-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Save</button></form><div id="aside-container" class="flex flex-col gap-4 items-start mt-4 border-2 p-2 rounded-lg border-dashed border-cyan-300 sm:mt-0"></div></div><div id="bottom-container" class="flex flex-col gap-4 items-start mt-4 p-2 sm:mt-0"></div></main><script src="./init.js" type="module"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Host</title><script src="https://cdn.tailwindcss.com?plugins=forms"></script><script src="https://qa.assets.rd.elliemae.io/pui-diagnostics@3"></script><script defer="defer" src="js/emuiAppBridge.882dac406befb0fb41d5.js"></script></head><body><header class="bg-indigo-300 h-10 flex place-items-center"><div class="px-2">ICE Mortgage Product</div></header><main class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8"><div class="min-w-0 flex-1 mt-4"><h1 class="text-2xl font-bold leading-7 text-gray-900 sm:truncate sm:text-3xl sm:tracking-tight">Loan Application</h1></div><div id="successFeedback" class="hidden rounded-md bg-green-50 p-4"><div class="flex"><div class="flex-shrink-0"><svg class="h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"/></svg></div><div class="ml-3"><p class="text-sm font-medium text-green-800">Loan Saved Successfully</p></div></div></div><div id="errorFeedback" class="hidden rounded-md bg-red-50 p-4"><div class="flex"><div class="flex-shrink-0"><svg class="h-5 w-5 text-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z" clip-rule="evenodd"/></svg></div><div class="ml-3"><h3 class="text-sm font-medium text-red-800">Credit Score is not meeting the requirement</h3></div></div></div><div class="mt-2 sm:grid sm:grid-cols-2 sm:gap-2"><form class="px-2 py-2 space-y-8 divide-y divide-gray-200 bg-gray-50"><div class="space-y-8 divide-y divide-gray-200 sm:space-y-5"><div class="space-y-6 sm:space-y-5"><div><h3 class="text-lg font-medium leading-6 text-gray-900">Personal Information</h3></div><div class="space-y-6 sm:space-y-5"><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="firstName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">First name</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input name="firstName" id="firstName" autocomplete="given-name" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="John" placeholder="John"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="lastName" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Last name</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input name="lastName" id="lastName" autocomplete="family-name" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="Doe" placeholder="Doe"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="ssn" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">SSN</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="ssn" id="ssn" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="123456789" placeholder="123456789"/></div></div></div><div><h3 class="text-lg font-medium leading-6 text-gray-900">Loan Information</h3></div><div class="space-y-6 sm:space-y-5"><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="amount" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Amount</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="amount" id="amount" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="500000" placeholder="500000"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="Term" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Term (years)</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="term" id="term" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="30" placeholder="30"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="downPayment" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Down Payment</label><div class="mt-1 sm:col-span-2 sm:mt-0"><input type="number" name="downPayment" id="downPayment" class="block w-full max-w-lg rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:max-w-xs sm:text-sm" value="50000" placeholder="50000"/></div></div><div class="sm:grid sm:grid-cols-3 sm:items-start sm:gap-4 sm:border-gray-200"><label for="creditScore" class="block text-sm font-medium text-gray-700 sm:mt-px sm:pt-2">Credit Score</label><div class="mt-1 sm:mt-0"><output id="creditScore" class="block w-full max-w-lg pl-2 pt-2 sm:max-w-xs sm:text-sm">NA</output></div><div class="mt-1 sm:mt-0"><button id="getCreditScore" type="button" class="inline-flex items-center rounded-full border border-transparent bg-indigo-600 p-1 text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg></button></div></div></div></div></div><button id="saveLoan" type="button" class="inline-flex items-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Save</button></form><div id="aside-container" class="flex flex-col gap-4 items-start mt-4 border-2 p-2 rounded-lg border-dashed border-cyan-300 sm:mt-0"></div></div><div id="bottom-container" class="flex flex-col gap-4 items-start mt-4 p-2 sm:mt-0"></div></main><script src="./init.js" type="module"></script></body></html>