@elliemae/pui-app-sdk 5.22.0 → 5.23.0

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

@@ -0,0 +1,22 @@
+import {
+  ScriptingObjectNames
+} from "@elliemae/pui-scripting-object";
+import { ScriptingObject, Event } from "@elliemae/microfe-common";
+class Global extends ScriptingObject {
+  #data = /* @__PURE__ */ new Map();
+  constructor() {
+    super("Global");
+  }
+  Change = new Event({
+    name: "Change",
+    objectId: ScriptingObjectNames.Global
+  });
+  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,180 @@
+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",
+    objectId: "loan"
+  });
+  Close = new Event({
+    name: "close",
+    objectId: "loan"
+  });
+  Change = new Event({
+    name: "change",
+    objectId: "loan"
+  });
+  Committed = new Event({
+    name: "committed",
+    objectId: "loan"
+  });
+  EditModeChange = new Event({
+    name: "editmodechange",
+    objectId: "loan"
+  });
+  MilestoneCompleted = new Event({
+    name: "milestonecompleted",
+    objectId: "loan"
+  });
+  Open = new Event({
+    name: "open",
+    objectId: "loan"
+  });
+  PreCommit = new Event({
+    name: "precommit",
+    objectId: "loan"
+  });
+  PreMilestoneComplete = new Event({
+    name: "premilestonecomplete",
+    objectId: "loan"
+  });
+  Sync = new Event({
+    name: "sync",
+    objectId: "loan"
+  });
+  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);
+  };
+  commit = async () => {
+    this.#log("loan.commit");
+    const feedBack = await this.#appBridge.dispatchEvent({
+      event: this.PreCommit,
+      eventParams: {
+        id: this.#loanData.id
+      },
+      eventOptions: {
+        timeout: 1e3
+      }
+    });
+    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
+};

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

@@ -0,0 +1,66 @@
+const appId = "taskapp";
+const appName = "Task App Dev";
+const appElementId = `pui-app-container-${appId}`;
+const pipelinePath = "/pipeline";
+const pipelineLinkText = "Pipeline";
+const getWindow = () => {
+  try {
+    window.parent.document;
+    return window.parent;
+  } catch (err) {
+    return window;
+  }
+};
+let host = null;
+let parentHistory = null;
+let logger = null;
+const browserWindow = getWindow();
+browserWindow.__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;
+  },
+  mount: async () => {
+    browserWindow.__TEST__.logs.push(`${appId} mounting`);
+    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.__TEST__.logs.push(`${appId} mounted`);
+    } else {
+      throw new Error(
+        `App container element with id ${appElementId} not found`
+      );
+    }
+  },
+  unmount: () => {
+    browserWindow.__TEST__.logs.push(`${appId} unmounting`);
+    const appContainer = document.getElementById(appElementId);
+    if (appContainer) {
+      appContainer.removeChild(appContainer.getElementsByTagName("main")[0]);
+    }
+    browserWindow.__TEST__.logs.push(`${appId} unmounted`);
+    return Promise.resolve();
+  }
+};
+browserWindow.emui?.registerApp?.({ appId, app: window.emui.app });

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

@@ -0,0 +1,66 @@
+const appId = "taskapp";
+const appName = "Task App";
+const appElementId = `pui-app-container-${appId}`;
+const pipelinePath = "/pipeline";
+const pipelineLinkText = "Pipeline";
+const getWindow = () => {
+  try {
+    window.parent.document;
+    return window.parent;
+  } catch (err) {
+    return window;
+  }
+};
+let host = null;
+let parentHistory = null;
+let logger = null;
+const browserWindow = getWindow();
+browserWindow.__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;
+  },
+  mount: async () => {
+    browserWindow.__TEST__.logs.push(`${appId} mounting`);
+    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.__TEST__.logs.push(`${appId} mounted`);
+    } else {
+      throw new Error(
+        `App container element with id ${appElementId} not found`
+      );
+    }
+  },
+  unmount: () => {
+    browserWindow.__TEST__.logs.push(`${appId} unmounting`);
+    const appContainer = document.getElementById(appElementId);
+    if (appContainer) {
+      appContainer.removeChild(appContainer.getElementsByTagName("main")[0]);
+    }
+    browserWindow.__TEST__.logs.push(`${appId} unmounted`);
+    return Promise.resolve();
+  }
+};
+browserWindow.emui?.registerApp?.({ appId, app: window.emui.app });

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

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

package/dist/esm/view/tests/travelhub/23.1/app.checksum.css

@@ -0,0 +1,3 @@
+h1 {
+  color: red;
+}

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

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

package/dist/esm/view/tests/travelhub/23.1/landing.checksum1.css

@@ -0,0 +1,3 @@
+#content {
+  color: green;
+}

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

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

package/dist/esm/view/tests/travelhub/23.1/manifest.json

@@ -0,0 +1,6 @@
+{
+  "app.js": "23.1/app.checksum.js",
+  "landing.js": "23.1/landing.checksum1.js",
+  "app.css": "23.1/app.checksum.css",
+  "landing.css": "23.1/landing.checksum1.css"
+}

package/dist/esm/view/tests/travelhub/latest/app.checksum.css

@@ -0,0 +1,3 @@
+h1 {
+  color: red;
+}

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

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

package/dist/esm/view/tests/travelhub/latest/landing.checksum.css

@@ -0,0 +1,3 @@
+#content {
+  color: green;
+}

package/dist/esm/view/tests/travelhub/latest/landing.checksum.js

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

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

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

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

@@ -0,0 +1,33 @@
+import { readFile } from "fs/promises";
+import path from "node:path";
+import { logger as puiLogger, Console } from "@elliemae/pui-diagnostics";
+const getMajorMinorVersion = (version) => version.split(".").slice(0, 2).join(".");
+const sendJS = async (res, ctx, filePath) => {
+  const fileContent = await readFile(path.join(__dirname, filePath), "utf-8");
+  return res.once(
+    ctx.status(200),
+    ctx.set("Content-Type", "application/javascript"),
+    ctx.body(fileContent)
+  );
+};
+const sendJSText = async (res, ctx, fileContent) => res.once(
+  ctx.status(200),
+  ctx.set("Content-Type", "application/javascript"),
+  ctx.body(fileContent)
+);
+const releaseJSThread = () => new Promise((resolve) => {
+  setTimeout(resolve, 0);
+});
+const logger = puiLogger({
+  transport: Console(),
+  index: "microfe",
+  team: "ui platform",
+  appName: "MicroFE Tests"
+});
+export {
+  getMajorMinorVersion,
+  logger,
+  releaseJSThread,
+  sendJS,
+  sendJSText
+};