@elliemae/pui-app-sdk 5.20.3 → 5.21.0-beta.2

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

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

package/dist/esm/view/tests/hotels/latest/manifest.json

@@ -0,0 +1,4 @@
+{
+  "app.js": "latest/app.checksum.js",
+  "app.css": "latest/app.checksum.css"
+}

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

@@ -0,0 +1,115 @@
+const appId = "loanapp";
+const appName = "Loan App";
+const appElementId = `pui-app-container-${appId}`;
+const pipelinePath = "/pipeline";
+const pipelineLinkText = "Pipeline";
+const getWindow = () => {
+  let winObj = window;
+  try {
+    window.parent.document;
+    winObj = window.parent;
+  } catch (err) {
+  }
+  winObj.__TEST__ = winObj.__TEST__ ?? {};
+  winObj.__TEST__.logs = winObj.__TEST__.logs ?? [];
+  winObj.__TEST__[appId] = [];
+  winObj.addTestLog = (log) => {
+    winObj.__TEST__.logs.push(log);
+  };
+  winObj.addAppLog = (log) => {
+    winObj.__TEST__[appId].push(log);
+  };
+  return winObj;
+};
+let host = null;
+let parentHistory = null;
+let logger = null;
+const browserWindow = getWindow(appId);
+window.__TEST__ = {};
+const setFrameSize = () => {
+  const { document: document2 } = window;
+  const iframeBody = document2.body;
+  const iframeHTML = document2.documentElement;
+  const size = {
+    height: Math.max(
+      iframeBody.scrollHeight,
+      iframeBody.offsetHeight,
+      iframeHTML.offsetHeight
+    ),
+    width: Math.max(
+      iframeBody.scrollWidth,
+      iframeBody.offsetWidth,
+      iframeHTML.offsetWidth
+    )
+  };
+  host.setAppWindowSize?.({
+    appId,
+    size
+  });
+};
+window.emui = window.emui || { uuid: crypto.randomUUID() };
+window.emui.app = {
+  uuid: window.emui.uuid,
+  init: async (options) => {
+    browserWindow.addTestLog(`${appId} initializing`);
+    host = options.host;
+    parentHistory = options.history;
+    logger = options.logger;
+    window.__TEST__.initOptions = options;
+    setFrameSize();
+  },
+  mount: async (options) => {
+    browserWindow.addTestLog(`${appId} mounting`);
+    window.__TEST__.mountOptions = options;
+    const appContainer = document.getElementById(appElementId);
+    if (appContainer) {
+      const mainElement = document.createElement("main");
+      appContainer.appendChild(mainElement);
+      const pageHeaderEle = document.createElement("h1");
+      pageHeaderEle.textContent = appName;
+      mainElement.appendChild(pageHeaderEle);
+      const contentEle = document.createElement("p");
+      contentEle.textContent = "Go to ";
+      mainElement.appendChild(contentEle);
+      const linkEle = document.createElement("a");
+      linkEle.href = "#";
+      linkEle.onclick = () => {
+        parentHistory?.push?.(pipelinePath);
+      };
+      linkEle.textContent = pipelineLinkText;
+      contentEle.appendChild(linkEle);
+      browserWindow.addTestLog(`${appId} mounted`);
+      const loanObj = await host.getObject("loan");
+      if (loanObj) {
+        const loanData = await loanObj.all();
+        browserWindow.addAppLog(
+          `loan.all():returns:${JSON.stringify(loanData)}`
+        );
+        host.subscribe({
+          eventId: "loan.precommit",
+          callback: (data) => {
+            browserWindow.addAppLog(
+              `loan.precommit:event:received: eventName:${data.eventName} eventParams:${JSON.stringify(data.eventParams)}`
+            );
+            return true;
+          }
+        });
+        await loanObj.commit();
+      }
+    } else {
+      throw new Error(
+        `App container element with id ${appElementId} not found`
+      );
+    }
+  },
+  unmount: () => {
+    browserWindow.addTestLog(`${appId} unmounting`);
+    const appContainer = document.getElementById(appElementId);
+    if (appContainer) {
+      appContainer.removeChild(appContainer.getElementsByTagName("main")[0]);
+    }
+    browserWindow.addTestLog(`${appId} unmounted`);
+    return Promise.resolve();
+  }
+};
+browserWindow.emui?.registerApp?.({ appId, app: window.emui.app });

package/dist/esm/view/tests/loan/latest/manifest.json

@@ -0,0 +1,3 @@
+{
+  "index.js": "latest/index.js"
+}

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

@@ -0,0 +1,67 @@
+import {
+  ScriptingObjectNames
+} from "@elliemae/pui-scripting-object";
+import { ScriptingObject, Event } from "@elliemae/microfe-common";
+class AppraisalService extends ScriptingObject {
+  #loanId;
+  #creditScore;
+  Close = new Event({
+    name: "Close",
+    requiresFeedback: false,
+    so: this
+  });
+  Unloading = new Event({
+    name: "Unloading",
+    requiresFeedback: false,
+    so: this
+  });
+  onPreCommit = new Event({
+    name: "onPreCommit",
+    requiresFeedback: true,
+    so: this
+  });
+  onSaved = new Event({
+    name: "onSaved",
+    requiresFeedback: false,
+    so: this
+  });
+  constructor({
+    loanId,
+    creditScore
+  }) {
+    super(ScriptingObjectNames.Module);
+    this.#loanId = loanId;
+    this.#creditScore = creditScore;
+  }
+  getCapabilities = () => Promise.resolve({
+    isAdmin: true,
+    los: "Encompass"
+  });
+  getParameters = () => Promise.resolve({
+    moduleId: "appraisalService",
+    loanId: this.#loanId,
+    creditScore: this.#creditScore
+  });
+  setCreditScore = (creditScore) => {
+    this.#creditScore = creditScore;
+    return Promise.resolve();
+  };
+  saveLoan = () => Promise.resolve();
+  commit = () => new Promise((resolve) => {
+    setTimeout(() => {
+      resolve({ loanId: this.#loanId });
+    }, 1e3);
+  });
+  delete = () => {
+    throw new Error("Not implemented");
+  };
+  log = async (message, level) => {
+    console.log(message, level);
+    return Promise.resolve();
+  };
+  unload = async () => {
+  };
+}
+export {
+  AppraisalService
+};

package/dist/esm/view/tests/scriptingObjects/constant.js

@@ -0,0 +1,4 @@
+const UNLOADING_EVENT_NAME = "Unloading";
+export {
+  UNLOADING_EVENT_NAME
+};

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

@@ -0,0 +1,20 @@
+import { ScriptingObject, Event } from "@elliemae/microfe-common";
+class Global extends ScriptingObject {
+  #data = /* @__PURE__ */ new Map();
+  constructor() {
+    super("Global");
+  }
+  Change = new Event({
+    name: "Change",
+    requiresFeedback: false,
+    so: this
+  });
+  set = (key, value) => {
+    this.#data.set(key, value);
+    return Promise.resolve();
+  };
+  get = (key) => Promise.resolve(this.#data.get(key) || "");
+}
+export {
+  Global
+};

package/dist/esm/view/tests/scriptingObjects/loan.js

@@ -0,0 +1,187 @@
+import { ScriptingObject, Event } from "@elliemae/pui-app-bridge";
+class Loan extends ScriptingObject {
+  #loanData;
+  #appBridge;
+  constructor(appBridge) {
+    super("loan");
+    this.#appBridge = appBridge;
+    this.#loanData = {
+      id: "1234567890",
+      status: "active",
+      loanAmount: 1e5,
+      interestRate: 3.5,
+      term: 30
+    };
+    window.__TEST__ = window.__TEST__ ?? {};
+    window.__TEST__.soLogs = window.__TEST__.soLogs ?? [];
+  }
+  #log(message) {
+    window.__TEST__.soLogs.push(message);
+  }
+  ApplicationSelected = new Event({
+    name: "applicationselected",
+    requiresFeedback: false,
+    so: this
+  });
+  Close = new Event({
+    name: "close",
+    requiresFeedback: false,
+    so: this
+  });
+  Change = new Event({
+    name: "change",
+    requiresFeedback: false,
+    so: this
+  });
+  Committed = new Event({
+    name: "committed",
+    requiresFeedback: false,
+    so: this
+  });
+  EditModeChange = new Event({
+    name: "editmodechange",
+    requiresFeedback: false,
+    so: this
+  });
+  MilestoneCompleted = new Event({
+    name: "milestonecompleted",
+    requiresFeedback: false,
+    so: this
+  });
+  Open = new Event({
+    name: "open",
+    requiresFeedback: false,
+    so: this
+  });
+  PreCommit = new Event({
+    name: "precommit",
+    requiresFeedback: true,
+    so: this
+  });
+  PreMilestoneComplete = new Event({
+    name: "premilestonecomplete",
+    requiresFeedback: true,
+    so: this
+  });
+  Sync = new Event({
+    name: "sync",
+    requiresFeedback: false,
+    so: this
+  });
+  all() {
+    this.#log("loan.all");
+    return Promise.resolve(this.#loanData);
+  }
+  applyLock(fieldId, lock) {
+    this.#log(`loan.applyLock: fieldId: ${fieldId}, lock: ${String(lock)}`);
+    return Promise.resolve();
+  }
+  calculate() {
+    this.#log("loan.calculate");
+    return Promise.resolve(this.#loanData);
+  }
+  async commit() {
+    this.#log("loan.commit");
+    const feedBack = await this.#appBridge.dispatchEvent({
+      event: this.PreCommit,
+      eventParams: {
+        id: this.#loanData.id
+      }
+    });
+    this.#log(`loan.precommit:event:feedback: ${JSON.stringify(feedBack)}`);
+    if (feedBack.every((item) => item === true)) {
+      this.#log("loan.commit:succeed");
+    } else {
+      this.#log("loan.commit:failed");
+    }
+    return this.#loanData.id;
+  }
+  execAction(type, params) {
+    this.#log(
+      `loan.execAction: type: ${type}, params: ${JSON.stringify(params)}`
+    );
+    return Promise.resolve({
+      status: "success",
+      message: "Action executed successfully"
+    });
+  }
+  getCollection(name) {
+    this.#log(`loan.getCollection: name: ${name}`);
+    return Promise.resolve({
+      name,
+      data: [],
+      id: "collection-id",
+      objectType: "LoanCollection",
+      removeAt: (index) => {
+        this.#log(`loan.getCollection.removeAt: index: ${index}`);
+      }
+    });
+  }
+  getCurrentApplication() {
+    this.#log("loan.getCurrentApplication");
+    return Promise.resolve({
+      ...this.#loanData,
+      index: 0,
+      legacyId: "legacy-id"
+    });
+  }
+  getField(id) {
+    this.#log(`loan.getField: id: ${id}`);
+    return Promise.resolve(this.#loanData.name);
+  }
+  getFieldOptions(param) {
+    this.#log(`loan.getFieldOptions: param: ${JSON.stringify(param)}`);
+    return Promise.resolve({
+      fieldId: [
+        {
+          id: "option1",
+          label: "Option 1",
+          name: "OptionName1",
+          value: "OptionValue1"
+        },
+        {
+          id: "option2",
+          label: "Option 2",
+          name: "OptionName2",
+          value: "OptionValue2"
+        }
+      ]
+    });
+  }
+  getFields(ids) {
+    this.#log(`loan.getFields: ids: ${JSON.stringify(ids)}`);
+    const fields = ids.reduce((acc, id) => {
+      acc[id] = this.#loanData.name;
+      return acc;
+    }, {});
+    return Promise.resolve(fields);
+  }
+  isReadOnly() {
+    this.#log("loan.isReadOnly");
+    return Promise.resolve(false);
+  }
+  merge() {
+    this.#log("loan.merge");
+    return Promise.resolve();
+  }
+  setCurrentApplication(options) {
+    this.#log(
+      `loan.setCurrentApplication: options: ${JSON.stringify(options)}`
+    );
+    return Promise.resolve();
+  }
+  setEditMode(options) {
+    this.#log(`loan.setEditMode: options: ${JSON.stringify(options)}`);
+    return Promise.resolve();
+  }
+  setFields(fields) {
+    this.#log(`loan.setFields: fields: ${JSON.stringify(fields)}`);
+    Object.keys(fields).forEach((key) => {
+      const field = fields[key];
+    });
+    return Promise.resolve();
+  }
+}
+export {
+  Loan
+};

package/dist/esm/view/tests/server.js

@@ -0,0 +1,9 @@
+import { setupServer } from "msw/node";
+import { serverHandlers } from "./serverHandlers.js";
+const initServer = () => {
+  const server = setupServer(...serverHandlers);
+  return server;
+};
+export {
+  initServer
+};

package/dist/esm/view/tests/serverHandlers.js

@@ -0,0 +1,180 @@
+import { rest } from "msw";
+import { readFile } from "fs/promises";
+import path from "node:path";
+import appConfig from "./app.config.json";
+import loanAppManifest from "./loan/latest/manifest.json";
+import latestTaskManifest from "./task/latest/manifest.json";
+import latestAppManifest from "./travelhub/latest/manifest.json";
+import versionedAppManifest from "./travelhub/23.1/manifest.json";
+import latestFlightsManifest from "./flights/latest/manifest.json";
+import versionedFlightsManifest from "./flights/23.1/manifest.json";
+import latestHotelsManifest from "./hotels/latest/manifest.json";
+import versionedHotelsManifest from "./hotels/23.1/manifest.json";
+import { LATEST_VERSION, RELEASE_VERSION } from "./constants.js";
+import { getMajorMinorVersion } from "./utils.js";
+const relMajorMinorVersion = getMajorMinorVersion(RELEASE_VERSION);
+var ResourceType = /* @__PURE__ */ ((ResourceType2) => {
+  ResourceType2["JS"] = "js";
+  ResourceType2["CSS"] = "css";
+  return ResourceType2;
+})(ResourceType || {});
+const manifests = {
+  task: {
+    latest: latestTaskManifest
+  },
+  travelHub: {
+    latest: latestAppManifest
+  },
+  flights: {
+    latest: latestFlightsManifest
+  },
+  hotels: {
+    latest: latestHotelsManifest
+  }
+};
+manifests.task[relMajorMinorVersion] = {};
+manifests.travelHub[relMajorMinorVersion] = versionedAppManifest;
+manifests.flights[relMajorMinorVersion] = versionedFlightsManifest;
+manifests.hotels[relMajorMinorVersion] = versionedHotelsManifest;
+const sendResource = async (res, ctx, filePath, type = "js" /* JS */) => {
+  const fileContent = await readFile(path.join(__dirname, filePath), "utf-8");
+  return res(
+    ctx.status(200),
+    ctx.set(
+      "Content-Type",
+      type === "js" /* JS */ ? "application/javascript" : "text/css"
+    ),
+    ctx.body(fileContent)
+  );
+};
+const getAppResourceHandlers = (urls, baseFolder) => urls.map((url) => {
+  const handler = rest.get(url, async (req, res, ctx) => {
+    const newRes = await sendResource(
+      res,
+      ctx,
+      `${baseFolder}${url}`,
+      url.includes(".css") ? "css" /* CSS */ : "js" /* JS */
+    );
+    return newRes;
+  });
+  return handler;
+});
+const sendJS = async (res, ctx, filePath) => {
+  const fileContent = await readFile(path.join(__dirname, filePath), "utf-8");
+  return res(
+    ctx.status(200),
+    ctx.set("Content-Type", "application/javascript"),
+    ctx.body(fileContent)
+  );
+};
+const getServerHandlers = () => {
+  const relVersion = getMajorMinorVersion(RELEASE_VERSION);
+  const versionedHandlers = [LATEST_VERSION, relVersion].reduce(
+    (prevValue, version) => {
+      prevValue = prevValue.concat([
+        rest.get(
+          `/travelhub/${version}/manifest.json`,
+          (req, res, ctx) => res(ctx.json(manifests.travelHub[version]))
+        ),
+        rest.get(
+          `/subfolder/${version}/manifest.json`,
+          (req, res, ctx) => res(ctx.json(manifests.travelHub[version]))
+        ),
+        rest.get(
+          `/task/${version}/manifest.json`,
+          (req, res, ctx) => res(ctx.json(manifests.task[version]))
+        ),
+        rest.get(
+          `/flights/${version}/manifest.json`,
+          (req, res, ctx) => res(ctx.json(manifests.flights[version]))
+        ),
+        rest.get(
+          `/hotels/${version}/manifest.json`,
+          (req, res, ctx) => res(ctx.json(manifests.hotels[version]))
+        ),
+        ...getAppResourceHandlers(
+          [
+            `/task/${version}/index.js`,
+            `/task/${version}/index.dev.js`,
+            `/travelhub/${version}/app.checksum.js`,
+            `/travelhub/${version}/app.checksum.css`,
+            `/travelhub/${version}/landing.checksum.js`,
+            `/travelhub/${version}/landing.checksum.css`,
+            `/travelhub/${version}/landing.checksum1.js`,
+            `/travelhub/${version}/landing.checksum1.css`,
+            `/flights/${version}/app.checksum.js`,
+            `/flights/${version}/app.checksum.css`,
+            `/flights/${version}/app.checksum1.js`,
+            `/flights/${version}/app.checksum1.css`,
+            `/hotels/${version}/app.checksum.js`,
+            `/hotels/${version}/app.checksum.css`,
+            `/hotels/${version}/app.checksum1.js`,
+            `/hotels/${version}/app.checksum1.css`
+          ],
+          "./"
+        )
+      ]);
+      return prevValue;
+    },
+    []
+  );
+  return versionedHandlers;
+};
+const serverHandlers = [
+  rest.get(
+    "https://www.google-analytics.com/analytics.js",
+    (req, res, ctx) => res(
+      ctx.status(200),
+      ctx.set("Content-Type", "application/javascript"),
+      ctx.body("")
+    )
+  ),
+  rest.get(
+    "/latest/app.config.json",
+    (req, res, ctx) => res(ctx.json(appConfig))
+  ),
+  rest.get(
+    `/${relMajorMinorVersion}/app.config.json`,
+    (req, res, ctx) => res(ctx.json(appConfig))
+  ),
+  // frame html
+  rest.get("/iframe.html", async (req, res, ctx) => {
+    const fileContent = await readFile(
+      path.join(__dirname, "../micro-iframe-app/iframe.html"),
+      "utf-8"
+    );
+    return res(
+      ctx.status(200),
+      ctx.set("Content-Type", "text/html"),
+      ctx.body(fileContent)
+    );
+  }),
+  rest.get("/frame.html", async (req, res, ctx) => {
+    const fileContent = await readFile(
+      path.join(
+        process.cwd(),
+        "node_modules/@elliemae/pui-app-bridge/dist/esm/frame.html"
+      ),
+      "utf-8"
+    );
+    return res(
+      ctx.status(200),
+      ctx.set("Content-Type", "text/html"),
+      ctx.body(fileContent)
+    );
+  }),
+  rest.get("/loan/latest/index.js", async (req, res, ctx) => {
+    const newRes = await sendJS(res, ctx, "./loan/latest/index.js");
+    return newRes;
+  }),
+  // loan microapp handler
+  rest.get(
+    "/loan/latest/manifest.json",
+    (req, res, ctx) => res(ctx.json(loanAppManifest))
+  ),
+  ...getServerHandlers()
+];
+export {
+  getServerHandlers,
+  serverHandlers
+};