@elliemae/pui-app-bridge 2.3.1 → 2.5.0

package/dist/cjs/appBridge.js

@@ -45,7 +45,6 @@ class CAppBridge {
   #activeApps = /* @__PURE__ */ new Map();
   /**
    * Create a new instance of the AppBridge
-   *
    * @param {AppBridgeParams} params - parameter for the constructor
    */
   constructor(params) {
@@ -216,7 +215,6 @@ class CAppBridge {
   };
   /**
    * registers scripting object to the host
-   *
    * @param {ValueOf<AppObjects>} so scripting object
    * @param {AddScriptingObjectParams} params params to add scripting object
    */
@@ -231,7 +229,6 @@ class CAppBridge {
   };
   /**
    * Close guest micro frontend application
-   *
    * @param id unique id of guest application
    */
   closeApp = async (id) => {
@@ -256,20 +253,17 @@ class CAppBridge {
   };
   /**
    * dispatch event to guest microfrontend application
-   *
    * @param {DispatchEventParams<EventId, Params>} params - event parameters
    */
   dispatchEvent = async (params) => this.#eventManager.dispatchEvent(params);
   /**
    * Get guest by id
-   *
    * @param id unique id of guest
    * @returns guest instance
    */
   getGuest = (id) => this.#activeApps.get(id)?.guest;
   /**
    * Get list of active guests
-   *
    * @returns list of active guests
    */
   getGuests = () => [...this.#activeApps.values()].map((app) => app.guest);
@@ -285,7 +279,6 @@ class CAppBridge {
   };
   /**
    * Mount guest micro frontend application into DOM
-   *
    * @param id unique id of guest micro frontend application
    * @throws Error if application with given id is not found in configuration
    */
@@ -300,7 +293,6 @@ class CAppBridge {
   };
   /**
    * Open guest micro frontend application
-   *
    * @param {OpenAppParams} params - options to open guest application
    */
   openApp = async (params) => {
@@ -338,7 +330,6 @@ class CAppBridge {
   };
   /**
    * emit event to all subscribers (deprecated)
-   *
    * @deprecated use dispatchEvent instead
    * @param eventId unique id of the event. The format is <scripting object name>.<event name>
    * @param data data to be sent to the subscribers of the event
@@ -353,7 +344,6 @@ class CAppBridge {
   };
   /**
    * removes scripting object from the host
-   *
    * @param objectId unique id of the scripting object
    */
   removeScriptingObject = (objectId) => {
@@ -361,7 +351,6 @@ class CAppBridge {
   };
   /**
    * Unmount guest micro frontend application from DOM
-   *
    * @param id unique id of guest micro frontend application
    * @throws Error if application with given id is not found in configuration
    */

package/dist/cjs/config/app.js

@@ -56,7 +56,6 @@ class CAppConfig {
   };
   /**
    * Get value for the given app config key
-   *
    * @param key key to get value for
    * @param defaultValue default value to return if key is not found
    * @returns value for the given key
@@ -64,7 +63,6 @@ class CAppConfig {
   get = (key = "", defaultValue = null) => (0, import_clone.default)((0, import_get.default)(this.#gAppConfig, key, defaultValue));
   /**
    * Set value for the given app config key
-   *
    * @param key key to set value for
    * @param value value to set
    * @returns app config instance
@@ -72,14 +70,12 @@ class CAppConfig {
   set = (key, value) => (0, import_set.default)(this.#gAppConfig, key, value);
   /**
    * Check if the given key exists in app config
-   *
    * @param key key to check
    * @returns true if key exists
    */
   has = (key = "") => (0, import_has.default)(this.#gAppConfig, key);
   /**
    * load application configuration from the given asset path
-   *
    * @param assetPath url path to load app config from
    * @param configUrl
    */

package/dist/cjs/eventManager.js

@@ -40,7 +40,6 @@ class EventManager {
   #listeners = /* @__PURE__ */ new Map();
   /**
    * call an async function with a timeout
-   *
    * @param promise async function to call
    * @param feedbackWaitTime timeout in milliseconds
    * @returns result of the async function or undefined if timeout
@@ -55,7 +54,6 @@ class EventManager {
   };
   /**
    * emit an event to set of listeners
-   *
    * @param {EmitEventParam} param - parameters for emitting an event
    */
   #emitEvent = (param) => {
@@ -95,7 +93,6 @@ class EventManager {
   };
   /**
    * dispatch an event
-   *
    * @param {DispatchEventParam<EventId, Params>} param - parameters for dispatching an event
    */
   dispatchEvent = async (param) => {
@@ -126,7 +123,6 @@ class EventManager {
   };
   /**
    * Subscribe to an event
-   *
    * @param {SubscribeParam<EventId, AppEvents[EventId]>} param - parameters for subscribing to an event
    */
   subscribe = (param) => {
@@ -146,7 +142,6 @@ class EventManager {
   };
   /**
    * Unsubscribe from an event
-   *
    * @param {UnsubscribeParam<EventId>} param - parameters for unsubscribing from an event
    */
   unsubscribe = (param) => {

package/dist/cjs/microfeHost.js

@@ -32,7 +32,6 @@ class CMicroFEHost {
   #eventManager;
   /**
    * Create new instance of the host frontend application
-   *
    * @param {CMicroFEHostParams} params - constructor parameters
    */
   constructor(params) {
@@ -44,14 +43,12 @@ class CMicroFEHost {
   }
   /**
    * add listener to the scripting object event
-   *
    * @param {SubscribeParam<EventId, EventListener>} params - parameters to add event listener
    * @returns subscription id
    */
   addEventListener = (params) => this.#eventManager.subscribe(params);
   /**
    * application release version
-   *
    * @returns release version
    */
   get version() {
@@ -59,7 +56,6 @@ class CMicroFEHost {
   }
   /**
    * Get reference to the scripting object (or proxy) by name
-   *
    * @param name unique name of the scripting object
    * @param objectId
    * @returns scripting object reference
@@ -67,7 +63,6 @@ class CMicroFEHost {
   getObject = (objectId) => Promise.resolve(this.#soManager.getObject(objectId, this.#guest));
   /**
    * removes listener from the scripting object event
-   *
    * @param {UnsubscribeParam<EventId>} params - parameters to remove event listener
    */
   removeEventListener = (params) => {
@@ -75,7 +70,6 @@ class CMicroFEHost {
   };
   /**
    * set the size of the guest application iframe window
-   *
    * @param {AppWindowSize} appSize window size of the application
    */
   setAppWindowSize = (appSize) => {
@@ -90,7 +84,6 @@ class CMicroFEHost {
   // deprecated legacy eventing methods (to be removed)
   /**
    * subscribe to an scripting object event (deprecated)
-   *
    * @param eventId unique id of the event. The format is <scripting object name>.<event name>
    * @param listener callback function to be called when the event is fired
    * @returns token to be used to unsubscribe
@@ -99,7 +92,6 @@ class CMicroFEHost {
   subscribe = (eventId, listener) => (0, import_pubsub_js.subscribe)(eventId, listener);
   /**
    * unsubscribe from an scripting object event (deprecated)
-   *
    * @param token unique token returned by subscribe
    * @param eventId unique id of the event. The format is <scripting object name>.<event name>
    */

package/dist/esm/appBridge.js

@@ -22,7 +22,6 @@ class CAppBridge {
   #activeApps = /* @__PURE__ */ new Map();
   /**
    * Create a new instance of the AppBridge
-   *
    * @param {AppBridgeParams} params - parameter for the constructor
    */
   constructor(params) {
@@ -193,7 +192,6 @@ class CAppBridge {
   };
   /**
    * registers scripting object to the host
-   *
    * @param {ValueOf<AppObjects>} so scripting object
    * @param {AddScriptingObjectParams} params params to add scripting object
    */
@@ -208,7 +206,6 @@ class CAppBridge {
   };
   /**
    * Close guest micro frontend application
-   *
    * @param id unique id of guest application
    */
   closeApp = async (id) => {
@@ -233,20 +230,17 @@ class CAppBridge {
   };
   /**
    * dispatch event to guest microfrontend application
-   *
    * @param {DispatchEventParams<EventId, Params>} params - event parameters
    */
   dispatchEvent = async (params) => this.#eventManager.dispatchEvent(params);
   /**
    * Get guest by id
-   *
    * @param id unique id of guest
    * @returns guest instance
    */
   getGuest = (id) => this.#activeApps.get(id)?.guest;
   /**
    * Get list of active guests
-   *
    * @returns list of active guests
    */
   getGuests = () => [...this.#activeApps.values()].map((app) => app.guest);
@@ -262,7 +256,6 @@ class CAppBridge {
   };
   /**
    * Mount guest micro frontend application into DOM
-   *
    * @param id unique id of guest micro frontend application
    * @throws Error if application with given id is not found in configuration
    */
@@ -277,7 +270,6 @@ class CAppBridge {
   };
   /**
    * Open guest micro frontend application
-   *
    * @param {OpenAppParams} params - options to open guest application
    */
   openApp = async (params) => {
@@ -315,7 +307,6 @@ class CAppBridge {
   };
   /**
    * emit event to all subscribers (deprecated)
-   *
    * @deprecated use dispatchEvent instead
    * @param eventId unique id of the event. The format is <scripting object name>.<event name>
    * @param data data to be sent to the subscribers of the event
@@ -330,7 +321,6 @@ class CAppBridge {
   };
   /**
    * removes scripting object from the host
-   *
    * @param objectId unique id of the scripting object
    */
   removeScriptingObject = (objectId) => {
@@ -338,7 +328,6 @@ class CAppBridge {
   };
   /**
    * Unmount guest micro frontend application from DOM
-   *
    * @param id unique id of guest micro frontend application
    * @throws Error if application with given id is not found in configuration
    */

package/dist/esm/config/app.js

@@ -23,7 +23,6 @@ class CAppConfig {
   };
   /**
    * Get value for the given app config key
-   *
    * @param key key to get value for
    * @param defaultValue default value to return if key is not found
    * @returns value for the given key
@@ -31,7 +30,6 @@ class CAppConfig {
   get = (key = "", defaultValue = null) => lodashClone(lodashGet(this.#gAppConfig, key, defaultValue));
   /**
    * Set value for the given app config key
-   *
    * @param key key to set value for
    * @param value value to set
    * @returns app config instance
@@ -39,14 +37,12 @@ class CAppConfig {
   set = (key, value) => lodashSet(this.#gAppConfig, key, value);
   /**
    * Check if the given key exists in app config
-   *
    * @param key key to check
    * @returns true if key exists
    */
   has = (key = "") => lodashHas(this.#gAppConfig, key);
   /**
    * load application configuration from the given asset path
-   *
    * @param assetPath url path to load app config from
    * @param configUrl
    */

package/dist/esm/eventManager.js

@@ -17,7 +17,6 @@ class EventManager {
   #listeners = /* @__PURE__ */ new Map();
   /**
    * call an async function with a timeout
-   *
    * @param promise async function to call
    * @param feedbackWaitTime timeout in milliseconds
    * @returns result of the async function or undefined if timeout
@@ -32,7 +31,6 @@ class EventManager {
   };
   /**
    * emit an event to set of listeners
-   *
    * @param {EmitEventParam} param - parameters for emitting an event
    */
   #emitEvent = (param) => {
@@ -72,7 +70,6 @@ class EventManager {
   };
   /**
    * dispatch an event
-   *
    * @param {DispatchEventParam<EventId, Params>} param - parameters for dispatching an event
    */
   dispatchEvent = async (param) => {
@@ -103,7 +100,6 @@ class EventManager {
   };
   /**
    * Subscribe to an event
-   *
    * @param {SubscribeParam<EventId, AppEvents[EventId]>} param - parameters for subscribing to an event
    */
   subscribe = (param) => {
@@ -123,7 +119,6 @@ class EventManager {
   };
   /**
    * Unsubscribe from an event
-   *
    * @param {UnsubscribeParam<EventId>} param - parameters for unsubscribing from an event
    */
   unsubscribe = (param) => {

package/dist/esm/microfeHost.js

@@ -9,7 +9,6 @@ class CMicroFEHost {
   #eventManager;
   /**
    * Create new instance of the host frontend application
-   *
    * @param {CMicroFEHostParams} params - constructor parameters
    */
   constructor(params) {
@@ -21,14 +20,12 @@ class CMicroFEHost {
   }
   /**
    * add listener to the scripting object event
-   *
    * @param {SubscribeParam<EventId, EventListener>} params - parameters to add event listener
    * @returns subscription id
    */
   addEventListener = (params) => this.#eventManager.subscribe(params);
   /**
    * application release version
-   *
    * @returns release version
    */
   get version() {
@@ -36,7 +33,6 @@ class CMicroFEHost {
   }
   /**
    * Get reference to the scripting object (or proxy) by name
-   *
    * @param name unique name of the scripting object
    * @param objectId
    * @returns scripting object reference
@@ -44,7 +40,6 @@ class CMicroFEHost {
   getObject = (objectId) => Promise.resolve(this.#soManager.getObject(objectId, this.#guest));
   /**
    * removes listener from the scripting object event
-   *
    * @param {UnsubscribeParam<EventId>} params - parameters to remove event listener
    */
   removeEventListener = (params) => {
@@ -52,7 +47,6 @@ class CMicroFEHost {
   };
   /**
    * set the size of the guest application iframe window
-   *
    * @param {AppWindowSize} appSize window size of the application
    */
   setAppWindowSize = (appSize) => {
@@ -67,7 +61,6 @@ class CMicroFEHost {
   // deprecated legacy eventing methods (to be removed)
   /**
    * subscribe to an scripting object event (deprecated)
-   *
    * @param eventId unique id of the event. The format is <scripting object name>.<event name>
    * @param listener callback function to be called when the event is fired
    * @returns token to be used to unsubscribe
@@ -76,7 +69,6 @@ class CMicroFEHost {
   subscribe = (eventId, listener) => subscribe(eventId, listener);
   /**
    * unsubscribe from an scripting object event (deprecated)
-   *
    * @param token unique token returned by subscribe
    * @param eventId unique id of the event. The format is <scripting object name>.<event name>
    */

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) => {\n      return Promise.resolve();\n    },\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,GACP,QAAQ,QAAQ,CAE3B,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":["(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"}

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.a90a617911b273467444.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.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>

package/dist/public/guest/businessObjects.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://ice/guest/businessObjects.js"],"sourcesContent":["\nimport { getGuest } from './util.js';\n\nlet loanObj = null;\n\nconst ssfGuest = getGuest();\n\nexport const getLoanObject = async () => {\n  if (!loanObj) loanObj = await ssfGuest.getObject('Loan');\n  return loanObj;\n};\n\n"],"mappings":"AACA,OAAS,YAAAA,MAAgB,YAEzB,IAAIC,EAAU,KAEd,MAAMC,EAAWF,EAAS,EAEnB,aAAM,cAAgB,UACtBC,IAASA,EAAU,MAAMC,EAAS,UAAU,MAAM,GAChDD","names":["getGuest","loanObj","ssfGuest"],"sourceRoot":"","file":"guest/businessObjects.js"}
+{"version":3,"sources":["webpack://ice/guest/businessObjects.js"],"sourcesContent":["import { getGuest } from './util.js';\n\nlet loanObj = null;\n\nconst ssfGuest = getGuest();\n\nexport const getLoanObject = async () => {\n  if (!loanObj) loanObj = await ssfGuest.getObject('Loan');\n  return loanObj;\n};\n"],"mappings":"AAAA,OAAS,YAAAA,MAAgB,YAEzB,IAAIC,EAAU,KAEd,MAAMC,EAAWF,EAAS,EAEnB,aAAM,cAAgB,UACtBC,IAASA,EAAU,MAAMC,EAAS,UAAU,MAAM,GAChDD","names":["getGuest","loanObj","ssfGuest"],"sourceRoot":"","file":"guest/businessObjects.js"}

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.a90a617911b273467444.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.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>

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.getElementById('getCreditScore').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,SAAS,eAAe,gBAAgB,EAAE,iBAAiB,QAAS,SAAY,CAC9E,MAAMF,EAAU,QAAQ,CACtB,GAAI,gBACJ,aAAc,CACZ,YAAa,kBACb,MAAO,qBACT,CACF,CAAC,CACH,CAAC,CACH,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  });\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"}