@elliemae/pui-app-sdk 6.0.0-alpha.2 → 6.0.0-alpha.4

package/dist/cjs/utils/micro-frontend/module-so.js

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var module_so_exports = {};
+__export(module_so_exports, {
+  GuestModule: () => GuestModule,
+  buildModuleParams: () => buildModuleParams,
+  createGuestModule: () => createGuestModule
+});
+module.exports = __toCommonJS(module_so_exports);
+var import_ssf_host = require("@elliemae/ssf-host");
+var import_index = require("./index.js");
+const LOG_LEVEL_METHOD = {
+  DEBUG: "debug",
+  INFO: "info",
+  AUDIT: "info",
+  WARN: "warn",
+  ERROR: "error",
+  FATAL: "error"
+};
+const buildModuleParams = (guestId, params = {}) => {
+  const config = (0, import_index.getMicroFrontEndAppConfig)({ id: guestId });
+  return {
+    moduleId: guestId,
+    hostUrl: config.hostUrl,
+    manifestPath: config.manifestPath,
+    homeRoute: config.homeRoute,
+    ...params
+  };
+};
+class GuestModule extends import_ssf_host.ScriptingObject {
+  #params;
+  #onUnload = null;
+  constructor(guestId, params = {}) {
+    super("module");
+    this.#params = buildModuleParams(guestId, params);
+  }
+  Close = new import_ssf_host.Event({ name: "close", objectId: "module" });
+  Unloading = new import_ssf_host.Event({
+    name: "unloading",
+    objectId: "module"
+  });
+  /**
+   * Bind the teardown logic that runs when the guest calls unload().
+   * Prefixed with _ so SSF's for…in discovery skips it.
+   * The App Bridge auto-binds this in openApp().
+   * @param handler
+   */
+  // eslint-disable-next-line no-underscore-dangle
+  _setUnloadHandler(handler) {
+    this.#onUnload = handler;
+  }
+  getParameters() {
+    return Promise.resolve(this.#params);
+  }
+  getCapabilities() {
+    return Promise.resolve({});
+  }
+  log(message, logLevel) {
+    const logger = window.emui?.logger;
+    if (!logger) return Promise.resolve();
+    const text = typeof message === "string" ? message : message.message;
+    const method = LOG_LEVEL_METHOD[logLevel] ?? "info";
+    const logFn = logger[method];
+    if (logFn) logFn(text);
+    return Promise.resolve();
+  }
+  unload() {
+    if (this.#onUnload) return this.#onUnload();
+    return Promise.resolve();
+  }
+}
+const createGuestModule = (guestId, params = {}, overrides = {}) => {
+  const mod = new GuestModule(guestId, params);
+  Object.assign(mod, overrides);
+  return mod;
+};

package/dist/cjs/utils/micro-frontend/ssf-host.js

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ssf_host_exports = {};
+__export(ssf_host_exports, {
+  getSSFHost: () => getSSFHost,
+  setSSFHost: () => setSSFHost
+});
+module.exports = __toCommonJS(ssf_host_exports);
+var import_ssf_host = require("@elliemae/ssf-host");
+var import_pui_analytics_so = require("@elliemae/pui-analytics-so");
+var import_logger = require("../logger.js");
+var import_config = require("../app-config/config.js");
+let ssfHost = null;
+const getSSFHost = () => {
+  if (!ssfHost) {
+    const logger = (0, import_logger.getLogger)();
+    ssfHost = new import_ssf_host.SSFHost((0, import_config.getAppConfigValue)("appId"), {
+      logger,
+      analyticsObj: new import_pui_analytics_so.Analytics({ logger })
+    });
+  }
+  return ssfHost;
+};
+const setSSFHost = (host) => {
+  if (!ssfHost) {
+    ssfHost = host;
+  }
+};

package/dist/cjs/utils/micro-frontend/tests/__snapshots__/guest.test.ts.snap

@@ -0,0 +1,242 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CMicroAppGuest - Standalone calls onInit 1`] = `
+{
+  "history": {
+    "action": "POP",
+    "back": [Function],
+    "block": [Function],
+    "createHref": [Function],
+    "forward": [Function],
+    "go": [Function],
+    "listen": [Function],
+    "location": {
+      "hash": "",
+      "key": "default",
+      "pathname": "/",
+      "search": "",
+      "state": null,
+    },
+    "push": [Function],
+    "replace": [Function],
+  },
+  "host": SSFGuest {
+    "addScript": [Function],
+    "close": [Function],
+    "connect": [Function],
+    "getAuthToken": [Function],
+    "getObject": [Function],
+    "listObjects": [Function],
+    "removeScript": [Function],
+    "setLogLevel": [Function],
+    "subscribe": [Function],
+    "unsubscribe": [Function],
+  },
+  "hostUrl": null,
+  "manifestPath": "./latest",
+  "prevState": null,
+  "theme": {
+    "breakpoints": {
+      "0": "512px",
+      "1": "768px",
+      "2": "1024px",
+      "3": "350px",
+      "large": "1024px",
+      "medium": "768px",
+      "small": "512px",
+      "xsmall": "350px",
+    },
+    "colors": {
+      "brand": {
+        "100": "#F6FBFF",
+        "200": "#EBF6FF",
+        "250": "#C9E7FF",
+        "300": "#A3D6FF",
+        "400": "#52A6EC",
+        "500": "#1394E5",
+        "600": "#1E79C2",
+        "700": "#006AA9",
+        "800": "#005181",
+      },
+      "danger": {
+        "200": "#FBEBED",
+        "400": "#FBEBED",
+        "600": "#ED5A64",
+        "900": "#C64252",
+        "950": "#A11B2B",
+      },
+      "neutral": {
+        "000": "#FFFFFF",
+        "050": "#F6F7F9",
+        "080": "#EBEDF0",
+        "100": "#E0E3E8",
+        "200": "#CBCFD7",
+        "300": "#B0B9C8",
+        "400": "#8C93A6",
+        "500": "#697489",
+        "600": "#464F5C",
+        "700": "#353C46",
+        "800": "#25292F",
+      },
+      "success": {
+        "300": "#E1F4ED",
+        "400": "#E1F4ED",
+        "600": "#289F6B",
+        "900": "#207E56",
+        "950": "#185D44",
+      },
+      "warning": {
+        "400": "#FFEFD8",
+        "500": "#E06C29",
+        "600": "#E06C29",
+        "900": "#B25119",
+        "950": "#853C12",
+      },
+    },
+    "fontSizes": {
+      "0": "0.8461rem",
+      "1": "0.9230rem",
+      "2": "1rem",
+      "3": "1.0769rem",
+      "4": "1.2307rem",
+      "5": "1.3846rem",
+      "6": "1.8461rem",
+      "7": "2.7692rem",
+      "hyperlink": {
+        "200": "0.8461rem",
+        "300": "0.9230rem",
+        "400": "1rem",
+      },
+      "label": {
+        "200": "0.8461rem",
+        "300": "0.9230rem",
+        "400": "1rem",
+      },
+      "microText": {
+        "200": "0.8461rem",
+      },
+      "subTitle": {
+        "300": "0.9230rem",
+        "400": "1rem",
+      },
+      "title": {
+        "500": "1.0769rem",
+        "600": "1.2307rem",
+        "700": "1.3846rem",
+        "800": "1.8461rem",
+        "900": "2.7692rem",
+      },
+      "value": {
+        "300": "0.9230rem",
+        "400": "1rem",
+        "500": "1.0769rem",
+        "600": "1.2307rem",
+      },
+    },
+    "fontWeights": {
+      "0": 100,
+      "1": 200,
+      "2": 300,
+      "3": 400,
+      "4": 500,
+      "5": 600,
+      "6": 700,
+      "7": 800,
+      "8": 900,
+      "bold": 900,
+      "light": 200,
+      "regular": 400,
+      "semibold": 600,
+      "thin": 100,
+    },
+    "fonts": {
+      "0": "proxima-nova, Arial, sans-serif",
+      "default": "proxima-nova, Arial, sans-serif",
+    },
+    "letterSpacings": {
+      "mega": "0.25rem",
+      "normal": "normal",
+      "tight": "-0.05rem",
+      "tracked": "0.1rem",
+    },
+    "lineHeights": {
+      "0": "1rem",
+      "1": "1.15rem",
+      "2": "1.25rem",
+      "3": "1.5rem",
+      "l": "1.25rem",
+      "m": "1.15rem",
+      "r": "1rem",
+      "xl": "1.5rem",
+    },
+    "media": {
+      "large": [Function],
+      "medium": [Function],
+      "small": [Function],
+      "xsmall": [Function],
+    },
+    "shadows": {
+      "l": "0 16px 28px 0 rgba(0, 0, 0, 0.24), 0 25px 55px 0 rgba(0, 0, 0, 0.19)",
+      "m": "0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)",
+      "s": "0 6px 20px 0 rgba(0, 0, 0, 0.24), 0 8px 17px 0 rgba(0, 0, 0, 0.19)",
+      "xl": "0 27px 24px 0 rgba(0, 0, 0, 0.24), 0 40px 77px 0 rgba(0, 0, 0, 0.19)",
+      "xs": "0 1px 5px 0 rgba(0, 0, 0, 0.13), 0 2px 4px 0 rgba(0, 0, 0, 0.2)",
+    },
+    "space": {
+      "0": "0",
+      "1": "4px",
+      "2": "8px",
+      "3": "12px",
+      "4": "16px",
+      "5": "32px",
+      "6": "48px",
+      "7": "56px",
+      "8": "64px",
+      "9": "72px",
+      "l": "56px",
+      "m": "48px",
+      "s": "32px",
+      "xl": "64px",
+      "xs": "16px",
+      "xxl": "72px",
+      "xxs": "8px",
+      "xxs2": "12px",
+      "xxxs": "4px",
+    },
+    "states": {
+      "_": null,
+      "active": "&:active",
+      "checked": "&:checked",
+      "disabled": "&:disabled, &[aria-disabled=true]",
+      "even": "&:even",
+      "first": "&:first-child",
+      "focus": "&:focus",
+      "focusVisible": "&:focus-visible",
+      "focusWithin": "&:focus-within",
+      "hover": "&:hover",
+      "last": "&:last-child",
+      "motionReduce": "@media (prefers-reduced-motion: reduce)",
+      "motionSafe": "@media (prefers-reduced-motion: no-preference)",
+      "odd": "&:odd",
+      "placeholder": "&::placeholder",
+      "visited": "&:visited",
+    },
+    "zIndex": {
+      "backdrop": 500,
+      "dialog": 1000,
+      "loader": 4000,
+      "popper": 2000,
+      "tooltip": 3000,
+    },
+  },
+}
+`;
+
+exports[`CMicroAppGuest - Standalone calls onInit 2`] = `
+{
+  "appId": "app-sdk",
+  "envName": "localhost",
+  "instanceId": "",
+  "userId": "",
+}
+`;

package/dist/cjs/utils/micro-frontend/tests/app.config.json

@@ -0,0 +1,200 @@
+{
+  "appId": "microfe",
+  "activeEnv": "localhost",
+  "googleTagManager": true,
+  "sessionTimeoutWarnInterval": "7200000",
+  "sessionTimeoutInterval": "9000000",
+  "microFrontendApps": {
+    "loanapp": {
+      "name": "Loan",
+      "hostUrl": "./loan",
+      "development": {
+        "files": ["index.js"]
+      },
+      "production": {
+        "files": ["index.js"]
+      }
+    },
+    "taskapp": {
+      "name": "Task",
+      "hostUrl": "./task",
+      "mode": "development",
+      "development": {
+        "files": ["index.dev.js"]
+      },
+      "production": {
+        "files": ["index.js"]
+      }
+    },
+    "travelhub": {
+      "name": "TravelHub",
+      "hostUrl": "./travelhub",
+      "development": {
+        "files": ["app.js", "landing.js", "app.css", "landing.css"]
+      },
+      "production": {
+        "files": ["app.js", "landing.js", "app.css", "landing.css"]
+      }
+    },
+    "flights": {
+      "name": "Flights",
+      "hostUrl": "./flights",
+      "development": {
+        "files": ["app.js", "app.css"]
+      },
+      "production": {
+        "files": ["app.js", "app.css"]
+      }
+    },
+    "hotels": {
+      "name": "Hotels",
+      "hostUrl": "./hotels",
+      "development": {
+        "files": ["app.js", "app.css"]
+      },
+      "production": {
+        "files": ["app.js", "app.css"]
+      }
+    }
+  },
+  "serviceEndpoints": {
+    "api": "",
+    "idp": "https://int.idp.ellielabs.com",
+    "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+  },
+  "env": {
+    "localhost": {
+      "serviceEndpoints": {
+        "api": "",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "dev": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "dev2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "qa": {
+      "serviceEndpoints": {
+        "api": "https://dev.api.puiservice.rd.elliemae.io",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "qa2": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "qa3": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "int": {
+      "serviceEndpoints": {
+        "api": "https://int.api.ellielabs.com",
+        "idp": "https://int.idp.ellielabs.com",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg-osb1": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg-osb2": {
+      "serviceEndpoints": {
+        "api": "https://encompass-peg2-api.elliemae.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg-oapi-west": {
+      "serviceEndpoints": {
+        "api": "https://peg2-west.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg2-oapi-east": {
+      "serviceEndpoints": {
+        "api": "https://peg2-east.api.ellielabs.com",
+        "idp": "https://peg.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "peg3": {
+      "serviceEndpoints": {
+        "api": "https://pel1.api.ellielabs.com",
+        "idp": "https://peg3.idp.ellielabs.com/authorize",
+        "logger": "https://int.api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "stage": {
+      "serviceEndpoints": {
+        "api": "https://stg.api.elliemae.com",
+        "idp": "https://stg.idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "beta": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "demo": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "epc": {
+      "serviceEndpoints": {
+        "api": "https://concept.api.elliemae.com",
+        "idp": "https://concept.idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    },
+    "prod": {
+      "serviceEndpoints": {
+        "api": "https://api.elliemae.com",
+        "idp": "https://idp.elliemae.com/authorize",
+        "logger": "https://api.ellielabs.com/diagnostics/v2/logging"
+      }
+    }
+  }
+}

package/dist/cjs/utils/micro-frontend/tests/utils.js

@@ -0,0 +1,116 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  applicationScriptingObject: () => applicationScriptingObject,
+  authScriptingObject: () => authScriptingObject,
+  postMessage: () => postMessage,
+  setupHost: () => setupHost
+});
+module.exports = __toCommonJS(utils_exports);
+var import_microfe_common = require("@elliemae/microfe-common");
+const applicationScriptingObject = {
+  object: {
+    events: [],
+    functions: [
+      "closeModal",
+      "extend",
+      "getApplicationContext",
+      "getCapabilities",
+      "getCompanySettings",
+      "getDescriptor",
+      "getPersonaAccess",
+      "getPoliciesDetails",
+      "getUserAccessRights",
+      "hideSpinner",
+      "keepSessionAlive",
+      "log",
+      "navigate",
+      "open",
+      "openModal",
+      "performAction",
+      "print",
+      "showError",
+      "showSpinner",
+      "supportsAction",
+      "supportsNavigateTo"
+    ],
+    objectId: "application",
+    objectType: "Object"
+  },
+  type: "object"
+};
+const authScriptingObject = {
+  object: {
+    events: [],
+    functions: ["getAccessToken", "createAuthCode", "getUser"],
+    objectId: "auth",
+    objectType: "Object"
+  },
+  type: "object"
+};
+const hostObjects = {
+  application: applicationScriptingObject,
+  auth: authScriptingObject
+};
+const getOrigin = (url) => {
+  if (!url || url === "about:blank") return "*";
+  try {
+    const { origin } = new URL(url);
+    return origin === "null" || !origin ? url : origin;
+  } catch (e) {
+    const { origin } = new URL(url, document.baseURI);
+    return origin;
+  }
+};
+const postMessage = ({
+  srcWindow,
+  targetWindow,
+  message
+}) => {
+  targetWindow.dispatchEvent(
+    new MessageEvent("message", {
+      source: srcWindow,
+      origin: getOrigin(srcWindow.location.href),
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+      data: {
+        source: "elli:remoting",
+        ...message
+      }
+    })
+  );
+};
+const setupHost = (hostWindow) => {
+  const onMessage = ({ data }) => {
+    if (data?.type !== import_microfe_common.MessageType.ObjectGet) return;
+    const scriptingObject = hostObjects[data?.body?.objectId ?? ""] ?? null;
+    if (scriptingObject)
+      postMessage({
+        srcWindow: hostWindow,
+        targetWindow: window,
+        message: {
+          body: scriptingObject,
+          type: "elli:remoting:response",
+          requestId: data.requestId
+        }
+      });
+  };
+  hostWindow?.addEventListener?.("message", onMessage);
+  return () => hostWindow?.removeEventListener?.("message", onMessage);
+};