@elliemae/pui-app-bridge 2.21.4 → 2.22.0

package/dist/esm/loaders/script.js

@@ -5,23 +5,77 @@ class ScriptLoader {
   constructor(logger) {
     this.#logger = logger;
   }
-  add = ({
-    name,
-    hostUrl,
+  /**
+   * Creates a modulepreload link element for performance optimization.
+   * @param href.href
+   * @param href - The URL of the script to preload
+   * @param href.isESMModule
+   * @param href.documentEle
+   * @remarks
+   * Modulepreload hints allow the browser to fetch and cache the module script
+   * earlier in the page load lifecycle, improving performance.
+   * The crossorigin attribute is set to 'anonymous' to match the script loading behavior
+   * and prevent CORS issues with cross-origin resources.
+   * @private
+   */
+  #preLoadScript = ({
+    href,
+    isESMModule = true,
+    documentEle
+  }) => {
+    const link = documentEle.createElement("link");
+    link.rel = isESMModule ? "modulepreload" : "preload";
+    link.href = href;
+    link.crossOrigin = "anonymous";
+    if (!isESMModule) {
+      link.as = "script";
+    }
+    documentEle.head.appendChild(link);
+  };
+  /**
+   * Dynamically adds a script element to the document.
+   * @param options - Configuration options for the script
+   * @param options.name - The name of the application or script
+   * @param options.hostUrl - The base URL where the script is hosted
+   * @param options.documentEle - The document object where the script should be added
+   * @param options.fileName - The filename of the script to load
+   * @param options.index - An index used to generate a unique script ID
+   * @param options.isESMModule - Whether the script should be loaded as an ES module (default: true)
+   * @param options.id
+   * @param options.href
+   * @returns A promise that resolves with the script element's ID when the script loads successfully
+   * @throws Will reject with an error if the script fails to load
+   * @example
+   * ```typescript
+   * await scriptLoader.add({
+   *   name: 'myApp',
+   *   hostUrl: 'https://cdn.example.com',
+   *   documentEle: document,
+   *   fileName: 'main.js',
+   *   index: 0,
+   *   isESMModule: true
+   * });
+   * ```
+   */
+  #loadScript = ({
+    id,
+    href,
     documentEle,
-    fileName,
-    index,
-    isJsModule = true
+    isESMModule = true
   }) => new Promise((resolve, reject) => {
-    const url = new URL(fileName, hostUrl);
     const ele = documentEle.createElement("script");
-    ele.id = `${APP_SCRIPT_ID_PREFIX}${name.toLowerCase()}-${index}`;
-    ele.src = removeDoubleSlash(url.href);
+    ele.id = id;
+    ele.src = removeDoubleSlash(href);
+    ele.crossOrigin = "anonymous";
     ele.nonce = "__CSP_NONCE__";
-    if (!isJSDOM() && isJsModule) ele.type = "module";
+    if (!isJSDOM() && isESMModule) ele.type = "module";
     else ele.async = false;
     ele.onload = resolve.bind(null, ele.id);
     ele.onerror = (err) => {
+      this.#logger.error({
+        message: `Error loading script ${ele.src}`,
+        exception: new Error(err)
+      });
       reject(
         new Error(`Unable to load script ${ele.src}`, {
           cause: new Error(err)
@@ -30,6 +84,78 @@ class ScriptLoader {
     };
     documentEle.head.appendChild(ele);
   });
+  /**
+   * Loads multiple script assets sequentially, with CDN scripts loaded before non-CDN scripts.
+   * @param assets - Array of script URLs (either full HTTP/HTTPS URLs or relative paths)
+   * @param options - Configuration options for loading the scripts
+   * @param options.name - The name of the application (used for generating script IDs)
+   * @param options.hostUrl - The base URL for resolving relative script paths
+   * @param options.documentEle - The document object where scripts should be added
+   * @param options.isESMModule - Whether scripts should be loaded as ES modules (default: true)
+   * @returns A promise that resolves with an array of script element IDs when all scripts are loaded
+   * @remarks
+   * This method:
+   * - Partitions assets into CDN (HTTP/HTTPS) and non-CDN (relative) arrays in a single pass
+   * - Creates modulepreload links for all assets for performance optimization
+   * - Loads CDN scripts sequentially first (they may set global variables needed by non-CDN scripts)
+   * - Then loads non-CDN scripts sequentially
+   * - Sequential execution ensures proper dependency resolution and initialization order
+   * @example
+   * ```typescript
+   * const scriptIds = await scriptLoader.load(
+   *   ['https://cdn.example.com/lib.js', 'app.js', 'config.js'],
+   *   {
+   *     name: 'myApp',
+   *     hostUrl: 'https://example.com',
+   *     documentEle: document,
+   *     isESMModule: true
+   *   }
+   * );
+   * ```
+   */
+  load = async (assets, options) => {
+    const { documentEle, isESMModule } = options;
+    const httpPattern = /^https?:\/\//i;
+    const { cdnAssets, nonCdnAssets } = assets.reduce(
+      (acc, fileName, index) => {
+        const id = `${APP_SCRIPT_ID_PREFIX}${options.name.toLowerCase()}-${index}`;
+        if (httpPattern.test(fileName)) {
+          acc.cdnAssets.push({ id, href: fileName });
+          this.#preLoadScript({ href: fileName, documentEle, isESMModule });
+        } else {
+          const url = new URL(fileName, options.hostUrl);
+          acc.nonCdnAssets.push({ id, href: url.href });
+          this.#preLoadScript({ href: url.href, documentEle, isESMModule });
+        }
+        return acc;
+      },
+      {
+        cdnAssets: [],
+        nonCdnAssets: []
+      }
+    );
+    for (const { href, id } of [...cdnAssets, ...nonCdnAssets]) {
+      await this.#loadScript({
+        id,
+        href,
+        documentEle,
+        isESMModule
+      });
+    }
+    return [...cdnAssets, ...nonCdnAssets].map((asset) => asset.id);
+  };
+  /**
+   * Removes a script element from the document by its ID.
+   * @param elementId - The ID of the script element to remove (default: '')
+   * @param documentEle - The document object from which to remove the script (default: document)
+   * @returns A promise that resolves when the script element has been removed
+   * @remarks
+   * If the element with the specified ID is not found, a warning is logged but the promise still resolves.
+   * @example
+   * ```typescript
+   * await scriptLoader.remove('ice-script-myapp-0', document);
+   * ```
+   */
   remove = (elementId = "", documentEle = document) => new Promise((resolve) => {
     const ele = documentEle.getElementById(elementId);
     if (!ele) {
@@ -39,6 +165,19 @@ class ScriptLoader {
     ele.remove();
     resolve();
   });
+  /**
+   * Removes all script elements from the document that match a specific host URL pattern.
+   * @param hostUrl - The host URL pattern to match against script sources
+   * @param documentEle - The document object from which to remove scripts
+   * @remarks
+   * This method iterates through all script elements in reverse order and removes any script
+   * whose `src` attribute matches the provided host URL pattern (case-insensitive).
+   * This is useful for cleaning up dynamically imported scripts from a specific host.
+   * @example
+   * ```typescript
+   * scriptLoader.removeDynamicImportedScripts('https://cdn.example.com', document);
+   * ```
+   */
   removeDynamicImportedScripts = (hostUrl, documentEle) => {
     const hostPattern = new RegExp(hostUrl, "i");
     const scriptElements = documentEle.getElementsByTagName("script");
@@ -48,6 +187,19 @@ class ScriptLoader {
       if (hostPattern.test(src)) scriptEle.remove();
     }
   };
+  /**
+   * Removes all prefetch link elements from the document that match a specific host URL pattern.
+   * @param hostUrl - The host URL pattern to match against link hrefs
+   * @param documentEle - The document object from which to remove prefetch links
+   * @remarks
+   * This method queries all elements with `rel="prefetch"` and removes any link whose `href`
+   * attribute matches the provided host URL pattern (case-insensitive). This is useful for
+   * cleaning up resource hints that are no longer needed.
+   * @example
+   * ```typescript
+   * scriptLoader.removePrefetchLinks('https://cdn.example.com', document);
+   * ```
+   */
   removePrefetchLinks = (hostUrl, documentEle) => {
     const hostPattern = new RegExp(hostUrl, "i");
     const prefetchElements = documentEle.querySelectorAll('[rel="prefetch"]');

package/dist/esm/loaders/style.js

@@ -5,21 +5,45 @@ class StyleLoader {
   constructor(logger) {
     this.#logger = logger;
   }
-  add = ({
-    name,
-    hostUrl,
-    documentEle,
-    fileName,
-    index
+  /**
+   * Dynamically adds a stylesheet link element to the document.
+   * @param options - Configuration options for the stylesheet
+   * @param options.name - The name of the application or stylesheet
+   * @param options.hostUrl - The base URL where the stylesheet is hosted
+   * @param options.documentEle - The document object where the stylesheet should be added
+   * @param options.fileName - The filename of the stylesheet to load
+   * @param options.index - An index used to generate a unique stylesheet ID
+   * @param options.id
+   * @param options.href
+   * @returns A promise that resolves with the link element's ID when the stylesheet loads successfully
+   * @throws Will reject with an error if the stylesheet fails to load
+   * @example
+   * ```typescript
+   * await styleLoader.add({
+   *   name: 'myApp',
+   *   hostUrl: 'https://cdn.example.com',
+   *   documentEle: document,
+   *   fileName: 'main.css',
+   *   index: 0
+   * });
+   * ```
+   */
+  #loadStyle = ({
+    id,
+    href,
+    documentEle
   }) => new Promise((resolve, reject) => {
     const ele = documentEle.createElement("link");
-    ele.id = `${APP_STYLE_ID_PREFIX}${name.toLowerCase()}-${index}`;
+    ele.id = id;
     ele.nonce = "__CSP_NONCE__";
     ele.rel = "stylesheet";
-    const url = new URL(fileName, hostUrl);
-    ele.href = removeDoubleSlash(url.href);
+    ele.href = removeDoubleSlash(href);
     ele.onload = resolve.bind(null, ele.id);
     ele.onerror = (err) => {
+      this.#logger.error({
+        message: `Error loading stylesheet ${ele.href}`,
+        exception: new Error(err)
+      });
       reject(
         new Error(`Unable to load stylesheet ${ele.href}`, {
           cause: new Error(err)
@@ -28,6 +52,57 @@ class StyleLoader {
     };
     documentEle.head.appendChild(ele);
   });
+  /**
+   * Loads multiple stylesheet assets in parallel.
+   * @param assets - Array of stylesheet filenames (relative paths)
+   * @param options - Configuration options for loading the stylesheets
+   * @param options.name - The name of the application (used for generating stylesheet IDs)
+   * @param options.hostUrl - The base URL for resolving stylesheet paths
+   * @param options.documentEle - The document object where stylesheets should be added
+   * @returns A promise that resolves with an array of stylesheet element IDs when all stylesheets are loaded
+   * @remarks
+   * This method loads all stylesheets in parallel using Promise.all for optimal performance.
+   * Each stylesheet is assigned a unique ID based on the application name and its index.
+   * Unlike scripts, stylesheets don't typically have execution order dependencies.
+   * @example
+   * ```typescript
+   * const styleIds = await styleLoader.load(
+   *   ['main.css', 'theme.css', 'components.css'],
+   *   {
+   *     name: 'myApp',
+   *     hostUrl: 'https://example.com',
+   *     documentEle: document
+   *   }
+   * );
+   * ```
+   */
+  load = async (assets, options) => {
+    const elementIds = [];
+    const loadPromises = assets.map((fileName, index) => {
+      const url = new URL(fileName, options.hostUrl);
+      const id = `${APP_STYLE_ID_PREFIX}${options.name.toLowerCase()}-${index}`;
+      elementIds.push(id);
+      return this.#loadStyle({
+        id,
+        href: url.href,
+        documentEle: options.documentEle
+      });
+    });
+    await Promise.all(loadPromises);
+    return elementIds;
+  };
+  /**
+   * Removes a stylesheet link element from the document by its ID.
+   * @param elementId - The ID of the stylesheet element to remove (default: '')
+   * @param documentEle - The document object from which to remove the stylesheet (default: document)
+   * @returns A promise that resolves when the stylesheet element has been removed
+   * @remarks
+   * If the element with the specified ID is not found, a warning is logged but the promise still resolves.
+   * @example
+   * ```typescript
+   * await styleLoader.remove('ice-style-myapp-0', document);
+   * ```
+   */
   remove = (elementId = "", documentEle = document) => new Promise((resolve) => {
     const ele = documentEle.getElementById(elementId);
     if (!ele) {
@@ -37,6 +112,20 @@ class StyleLoader {
     ele.remove();
     resolve();
   });
+  /**
+   * Removes all stylesheet link elements from the document that match a specific host URL pattern.
+   * @param hostUrl - The host URL pattern to match against stylesheet hrefs
+   * @param documentEle - The document object from which to remove stylesheets
+   * @remarks
+   * This method queries all elements with `rel="stylesheet"` and removes any link whose `href`
+   * attribute matches the provided host URL pattern (case-insensitive). This is useful for
+   * cleaning up dynamically imported stylesheets from a specific host.
+   * The iteration happens in reverse order to safely remove elements while iterating.
+   * @example
+   * ```typescript
+   * styleLoader.removeDynamicImportedStyles('https://cdn.example.com', document);
+   * ```
+   */
   removeDynamicImportedStyles = (hostUrl, documentEle) => {
     const hostPattern = new RegExp(hostUrl, "i");
     const prefetchElements = documentEle.querySelectorAll('[rel="stylesheet"]');

package/dist/public/creditService/latest/creditService.checksum.js

@@ -1,3 +1,3 @@
-(function(){let e=null;const n=window.parent;n.emui=n.emui||{};const s=async t=>e?await e.getObject(t):null;n.emui.creditservice={init:async t=>(e=t.host,Promise.resolve()),mount:async t=>{const o=await s("Loan"),{ssn:i}=await o.getLoanDetails();return setTimeout(async()=>{const r=i==="123456789"?800:600;await o.setCreditScore(r)},1e3),Promise.resolve()},unmount:async t=>Promise.resolve()}})();
+import{registerApp as r,getWindow as a}from"../../utils.js";const i="creditservice";let t=null;const u=a(i);window.emui=window.emui||{uuid:crypto.randomUUID()},window.emui.app={uuid:window.emui.uuid,init:async o=>(t=o.host,Promise.resolve()),mount:async o=>{const e=await t.getObject("Loan"),{ssn:n}=await e.getLoanDetails();return setTimeout(async()=>{const s=n==="123456789"?800:600;await e.setCreditScore(s)},1e3),Promise.resolve()},unmount:async o=>Promise.resolve()},r({browserWindow:u,appId:i,app:window.emui.app});
 
 //# sourceMappingURL=creditService.checksum.js.map

package/dist/public/creditService/latest/creditService.checksum.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://ice/creditService/latest/creditService.checksum.js"],"sourcesContent":["(function () {\n  let host = null;\n  const parentWindow = window.parent;\n  parentWindow.emui = parentWindow.emui || {};\n\n  const getLoanObject = async (objectId) => {\n    if (host) {\n      return await host.getObject(objectId);\n    }\n    return null;\n  };\n\n  parentWindow.emui.creditservice = {\n    init: async (options) => {\n      host = options.host;\n      return Promise.resolve();\n    },\n    mount: async (options) => {\n      const loanObj = await getLoanObject('Loan');\n      const { ssn } = await loanObj.getLoanDetails();\n      setTimeout(async () => {\n        const score = ssn === '123456789' ? 800 : 600;\n        await loanObj.setCreditScore(score);\n      }, 1000);\n      return Promise.resolve();\n    },\n    unmount: async (options) => Promise.resolve(),\n  };\n})();\n"],"mappings":"CAAC,UAAY,CACX,IAAIA,EAAO,KACX,MAAMC,EAAe,OAAO,OAC5BA,EAAa,KAAOA,EAAa,MAAQ,CAAC,EAE1C,MAAMC,EAAgB,MAAOC,GACvBH,EACK,MAAMA,EAAK,UAAUG,CAAQ,EAE/B,KAGTF,EAAa,KAAK,cAAgB,CAChC,KAAM,MAAOG,IACXJ,EAAOI,EAAQ,KACR,QAAQ,QAAQ,GAEzB,MAAO,MAAOA,GAAY,CACxB,MAAMC,EAAU,MAAMH,EAAc,MAAM,EACpC,CAAE,IAAAI,CAAI,EAAI,MAAMD,EAAQ,eAAe,EAC7C,kBAAW,SAAY,CACrB,MAAME,EAAQD,IAAQ,YAAc,IAAM,IAC1C,MAAMD,EAAQ,eAAeE,CAAK,CACpC,EAAG,GAAI,EACA,QAAQ,QAAQ,CACzB,EACA,QAAS,MAAOH,GAAY,QAAQ,QAAQ,CAC9C,CACF,GAAG","names":["host","parentWindow","getLoanObject","objectId","options","loanObj","ssn","score"],"sourceRoot":"","file":"creditService/latest/creditService.checksum.js"}
+{"version":3,"sources":["webpack://ice/creditService/latest/creditService.checksum.js"],"sourcesContent":["import { registerApp, getWindow } from '../../utils.js';\nconst appId = 'creditservice';\n// eslint-disable-next-line no-unused-vars\nlet host = null;\nconst browserWindow = getWindow(appId);\nwindow.emui = window.emui || { uuid: crypto.randomUUID() };\n\nwindow.emui.app = {\n  uuid: window.emui.uuid,\n  init: async (options) => {\n    host = options.host;\n    return Promise.resolve();\n  },\n  mount: async (options) => {\n    const loanObj = await host.getObject('Loan');\n    const { ssn } = await loanObj.getLoanDetails();\n    setTimeout(async () => {\n      const score = ssn === '123456789' ? 800 : 600;\n      await loanObj.setCreditScore(score);\n    }, 1000);\n    return Promise.resolve();\n  },\n  unmount: async (options) => Promise.resolve(),\n};\n\nregisterApp({ browserWindow, appId, app: window.emui.app });\n"],"mappings":"AAAA,OAAS,eAAAA,EAAa,aAAAC,MAAiB,iBACvC,MAAMC,EAAQ,gBAEd,IAAIC,EAAO,KACX,MAAMC,EAAgBH,EAAUC,CAAK,EACrC,OAAO,KAAO,OAAO,MAAQ,CAAE,KAAM,OAAO,WAAW,CAAE,EAEzD,OAAO,KAAK,IAAM,CAChB,KAAM,OAAO,KAAK,KAClB,KAAM,MAAOG,IACXF,EAAOE,EAAQ,KACR,QAAQ,QAAQ,GAEzB,MAAO,MAAOA,GAAY,CACxB,MAAMC,EAAU,MAAMH,EAAK,UAAU,MAAM,EACrC,CAAE,IAAAI,CAAI,EAAI,MAAMD,EAAQ,eAAe,EAC7C,kBAAW,SAAY,CACrB,MAAME,EAAQD,IAAQ,YAAc,IAAM,IAC1C,MAAMD,EAAQ,eAAeE,CAAK,CACpC,EAAG,GAAI,EACA,QAAQ,QAAQ,CACzB,EACA,QAAS,MAAOH,GAAY,QAAQ,QAAQ,CAC9C,EAEAL,EAAY,CAAE,cAAAI,EAAe,MAAAF,EAAO,IAAK,OAAO,KAAK,GAAI,CAAC","names":["registerApp","getWindow","appId","host","browserWindow","options","loanObj","ssn","score"],"sourceRoot":"","file":"creditService/latest/creditService.checksum.js"}

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 nonce="__CSP_NONCE__">!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 nonce="__CSP_NONCE__">.full-width{width:100%}.full-height{height:100%}</style><script defer="defer" src="js/emuiAppBridge.4c0a4243086e44e29d0b.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 nonce="__CSP_NONCE__">!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 nonce="__CSP_NONCE__">.full-width{width:100%}.full-height{height:100%}</style><script defer="defer" src="js/emuiAppBridge.77676d32f64ebb779bb5.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://cdn.qa1.ice.com/pui-diagnostics@3"></script><script defer="defer" src="js/emuiAppBridge.4c0a4243086e44e29d0b.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://cdn.mortgagetech.q1.ice.com/pui-diagnostics@3"></script><script defer="defer" src="js/emuiAppBridge.77676d32f64ebb779bb5.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>

package/dist/public/init.js

@@ -1,3 +1,3 @@
-import{Loan as a}from"./loan-object.js";import{getAppBridge as c}from"./utils.js";let e=null,n=null;const s=async()=>{document.getElementById("getCreditScore").addEventListener("click",async()=>{await e.openApp({id:"creditservice",frameOptions:{containerId:"aside-container",title:"Credit Service Corp"}})})},o=async()=>{await e.openApp({id:"pricingservice",frameOptions:{containerId:"aside-container",title:"Pricing Service Corp"}})},r=async()=>{await e.openApp({id:"loanvalidation",frameOptions:{containerId:"aside-container",title:"Loan Validation Service Corp"}})},d=()=>{n=new a,e.addScriptingObject(n)},l=async()=>{const t=n.getLoanDetails();(await e.dispatchEvent({event:n.onPreSave,eventParams:t})).some(i=>i===!1)?document.getElementById("errorFeedback").classList.remove("hidden"):document.getElementById("successFeedback").classList.remove("hidden")},p=async()=>{e=await c(),d(),o(),s(),r();const t=document.getElementById("saveLoan");t&&t.addEventListener("click",l)};window.addEventListener("DOMContentLoaded",p);
+import{Loan as a}from"./loan-object.js";import{getAppBridge as c}from"./utils.js";let e=null,n=null;const o=async()=>{document.getElementById("getCreditScore").addEventListener("click",async()=>{await e.openApp({id:"creditservice",frameOptions:{containerId:"aside-container",title:"Credit Service Corp"}})})},s=async()=>{await e.openApp({id:"pricingservice",frameOptions:{containerId:"aside-container",title:"Pricing Service Corp"}})},r=async()=>{await e.openApp({id:"loanvalidation",frameOptions:{containerId:"aside-container",title:"Loan Validation Service Corp"}})},d=()=>{n=new a,e.addScriptingObject(n)},l=async()=>{const t=n.getLoanDetails();(await e.dispatchEvent({event:n.onPreSave,eventParams:t,eventOptions:{timeout:5e3}})).some(i=>i===!1)?document.getElementById("errorFeedback").classList.remove("hidden"):document.getElementById("successFeedback").classList.remove("hidden")},p=async()=>{e=await c(),d(),s(),o(),r();const t=document.getElementById("saveLoan");t&&t.addEventListener("click",l)};window.addEventListener("DOMContentLoaded",p);
 
 //# sourceMappingURL=init.js.map

package/dist/public/init.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://ice/init.js"],"sourcesContent":["import { Loan } from './loan-object.js';\nimport { getAppBridge } from './utils.js';\n\nlet appBridge = null;\nlet loanObj = null;\n\nconst setupCreditService = async () => {\n  document\n    .getElementById('getCreditScore')\n    .addEventListener('click', async () => {\n      await appBridge.openApp({\n        id: 'creditservice',\n        frameOptions: {\n          containerId: 'aside-container',\n          title: 'Credit Service Corp',\n        },\n      });\n    });\n};\n\nconst setupPricingService = async () => {\n  await appBridge.openApp({\n    id: 'pricingservice',\n    frameOptions: {\n      containerId: 'aside-container',\n      title: 'Pricing Service Corp',\n    },\n  });\n};\n\nconst setupLoanValidationService = async () => {\n  await appBridge.openApp({\n    id: 'loanvalidation',\n    frameOptions: {\n      containerId: 'aside-container',\n      title: 'Loan Validation Service Corp',\n    },\n  });\n};\n\nconst setupLoanObject = () => {\n  loanObj = new Loan();\n  appBridge.addScriptingObject(loanObj);\n};\n\nconst saveLoan = async () => {\n  const loanDetails = loanObj.getLoanDetails();\n  const results = await appBridge.dispatchEvent({\n    event: loanObj.onPreSave,\n    eventParams: loanDetails,\n  });\n  if (results.some((result) => result === false)) {\n    const errorFeedback = document.getElementById('errorFeedback');\n    errorFeedback.classList.remove('hidden');\n  } else {\n    const successFeedback = document.getElementById('successFeedback');\n    successFeedback.classList.remove('hidden');\n  }\n};\n\nconst init = async () => {\n  appBridge = await getAppBridge();\n  setupLoanObject();\n  setupPricingService();\n  setupCreditService();\n  setupLoanValidationService();\n  const saveLoanButton = document.getElementById('saveLoan');\n  if (saveLoanButton) saveLoanButton.addEventListener('click', saveLoan);\n};\n\nwindow.addEventListener('DOMContentLoaded', init);\n"],"mappings":"AAAA,OAAS,QAAAA,MAAY,mBACrB,OAAS,gBAAAC,MAAoB,aAE7B,IAAIC,EAAY,KACZC,EAAU,KAEd,MAAMC,EAAqB,SAAY,CACrC,SACG,eAAe,gBAAgB,EAC/B,iBAAiB,QAAS,SAAY,CACrC,MAAMF,EAAU,QAAQ,CACtB,GAAI,gBACJ,aAAc,CACZ,YAAa,kBACb,MAAO,qBACT,CACF,CAAC,CACH,CAAC,CACL,EAEMG,EAAsB,SAAY,CACtC,MAAMH,EAAU,QAAQ,CACtB,GAAI,iBACJ,aAAc,CACZ,YAAa,kBACb,MAAO,sBACT,CACF,CAAC,CACH,EAEMI,EAA6B,SAAY,CAC7C,MAAMJ,EAAU,QAAQ,CACtB,GAAI,iBACJ,aAAc,CACZ,YAAa,kBACb,MAAO,8BACT,CACF,CAAC,CACH,EAEMK,EAAkB,IAAM,CAC5BJ,EAAU,IAAIH,EACdE,EAAU,mBAAmBC,CAAO,CACtC,EAEMK,EAAW,SAAY,CAC3B,MAAMC,EAAcN,EAAQ,eAAe,GAC3B,MAAMD,EAAU,cAAc,CAC5C,MAAOC,EAAQ,UACf,YAAaM,CACf,CAAC,GACW,KAAMC,GAAWA,IAAW,EAAK,EACrB,SAAS,eAAe,eAAe,EAC/C,UAAU,OAAO,QAAQ,EAEf,SAAS,eAAe,iBAAiB,EACjD,UAAU,OAAO,QAAQ,CAE7C,EAEMC,EAAO,SAAY,CACvBT,EAAY,MAAMD,EAAa,EAC/BM,EAAgB,EAChBF,EAAoB,EACpBD,EAAmB,EACnBE,EAA2B,EAC3B,MAAMM,EAAiB,SAAS,eAAe,UAAU,EACrDA,GAAgBA,EAAe,iBAAiB,QAASJ,CAAQ,CACvE,EAEA,OAAO,iBAAiB,mBAAoBG,CAAI","names":["Loan","getAppBridge","appBridge","loanObj","setupCreditService","setupPricingService","setupLoanValidationService","setupLoanObject","saveLoan","loanDetails","result","init","saveLoanButton"],"sourceRoot":"","file":"init.js"}
+{"version":3,"sources":["webpack://ice/init.js"],"sourcesContent":["import { Loan } from './loan-object.js';\nimport { getAppBridge } from './utils.js';\n\nlet appBridge = null;\nlet loanObj = null;\n\nconst setupCreditService = async () => {\n  document\n    .getElementById('getCreditScore')\n    .addEventListener('click', async () => {\n      await appBridge.openApp({\n        id: 'creditservice',\n        frameOptions: {\n          containerId: 'aside-container',\n          title: 'Credit Service Corp',\n        },\n      });\n    });\n};\n\nconst setupPricingService = async () => {\n  await appBridge.openApp({\n    id: 'pricingservice',\n    frameOptions: {\n      containerId: 'aside-container',\n      title: 'Pricing Service Corp',\n    },\n  });\n};\n\nconst setupLoanValidationService = async () => {\n  await appBridge.openApp({\n    id: 'loanvalidation',\n    frameOptions: {\n      containerId: 'aside-container',\n      title: 'Loan Validation Service Corp',\n    },\n  });\n};\n\nconst setupLoanObject = () => {\n  loanObj = new Loan();\n  appBridge.addScriptingObject(loanObj);\n};\n\nconst saveLoan = async () => {\n  const loanDetails = loanObj.getLoanDetails();\n  const results = await appBridge.dispatchEvent({\n    event: loanObj.onPreSave,\n    eventParams: loanDetails,\n    eventOptions: { timeout : 5000 },\n  });\n  if (results.some((result) => result === false)) {\n    const errorFeedback = document.getElementById('errorFeedback');\n    errorFeedback.classList.remove('hidden');\n  } else {\n    const successFeedback = document.getElementById('successFeedback');\n    successFeedback.classList.remove('hidden');\n  }\n};\n\nconst init = async () => {\n  appBridge = await getAppBridge();\n  setupLoanObject();\n  setupPricingService();\n  setupCreditService();\n  setupLoanValidationService();\n  const saveLoanButton = document.getElementById('saveLoan');\n  if (saveLoanButton) saveLoanButton.addEventListener('click', saveLoan);\n};\n\nwindow.addEventListener('DOMContentLoaded', init);\n"],"mappings":"AAAA,OAAS,QAAAA,MAAY,mBACrB,OAAS,gBAAAC,MAAoB,aAE7B,IAAIC,EAAY,KACZC,EAAU,KAEd,MAAMC,EAAqB,SAAY,CACrC,SACG,eAAe,gBAAgB,EAC/B,iBAAiB,QAAS,SAAY,CACrC,MAAMF,EAAU,QAAQ,CACtB,GAAI,gBACJ,aAAc,CACZ,YAAa,kBACb,MAAO,qBACT,CACF,CAAC,CACH,CAAC,CACL,EAEMG,EAAsB,SAAY,CACtC,MAAMH,EAAU,QAAQ,CACtB,GAAI,iBACJ,aAAc,CACZ,YAAa,kBACb,MAAO,sBACT,CACF,CAAC,CACH,EAEMI,EAA6B,SAAY,CAC7C,MAAMJ,EAAU,QAAQ,CACtB,GAAI,iBACJ,aAAc,CACZ,YAAa,kBACb,MAAO,8BACT,CACF,CAAC,CACH,EAEMK,EAAkB,IAAM,CAC5BJ,EAAU,IAAIH,EACdE,EAAU,mBAAmBC,CAAO,CACtC,EAEMK,EAAW,SAAY,CAC3B,MAAMC,EAAcN,EAAQ,eAAe,GAC3B,MAAMD,EAAU,cAAc,CAC5C,MAAOC,EAAQ,UACf,YAAaM,EACb,aAAc,CAAE,QAAU,GAAK,CACjC,CAAC,GACW,KAAMC,GAAWA,IAAW,EAAK,EACrB,SAAS,eAAe,eAAe,EAC/C,UAAU,OAAO,QAAQ,EAEf,SAAS,eAAe,iBAAiB,EACjD,UAAU,OAAO,QAAQ,CAE7C,EAEMC,EAAO,SAAY,CACvBT,EAAY,MAAMD,EAAa,EAC/BM,EAAgB,EAChBF,EAAoB,EACpBD,EAAmB,EACnBE,EAA2B,EAC3B,MAAMM,EAAiB,SAAS,eAAe,UAAU,EACrDA,GAAgBA,EAAe,iBAAiB,QAASJ,CAAQ,CACvE,EAEA,OAAO,iBAAiB,mBAAoBG,CAAI","names":["Loan","getAppBridge","appBridge","loanObj","setupCreditService","setupPricingService","setupLoanValidationService","setupLoanObject","saveLoan","loanDetails","result","init","saveLoanButton"],"sourceRoot":"","file":"init.js"}