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

package/dist/cjs/view/micro-iframe-app/iframe.html

@@ -69,6 +69,10 @@
       <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>
+    <div
+      id="pui-app-container-"
+      data-testid="pui-app-container-"
+      class="full-width full-height"
+    ></div>
   </body>
 </html>

package/dist/cjs/view/micro-iframe-app/use-frame-loaded.js

@@ -25,6 +25,7 @@ var import_react = require("react");
 var import_session = require("../../utils/session.js");
 var import_host = require("../../utils/micro-frontend/host.js");
 var import_micro_frontend = require("../../utils/micro-frontend/index.js");
+var import_const = require("../micro-app/const.js");
 const addBaseTag = (id, documentEle) => {
   const { hostUrl, manifestPath } = (0, import_micro_frontend.getMicroFrontEndAppConfig)({
     id
@@ -36,9 +37,10 @@ const addBaseTag = (id, documentEle) => {
   documentEle.getElementsByTagName("head")[0].appendChild(base);
 };
 const updateContainerId = (id, documentEle) => {
-  const ele = documentEle.getElementById("pui-app-container-");
+  const ele = documentEle.getElementById(import_const.APP_CONTAINER_ID_PREFIX);
   if (ele) {
     ele.id = `${ele.id}${id}`;
+    ele.dataset.testid = ele.id;
   }
 };
 const useFrameLoaded = ({ id, documentEle }) => {

package/dist/cjs/view/microapp-v2.js

@@ -0,0 +1,91 @@
+"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 microapp_v2_exports = {};
+__export(microapp_v2_exports, {
+  MicroApp2: () => MicroApp2
+});
+module.exports = __toCommonJS(microapp_v2_exports);
+var import_react = require("react");
+var import_react_redux = require("react-redux");
+var import_app_bridge = require("../utils/micro-frontend/app-bridge.js");
+var import_actions = require("../data/wait-message/actions.js");
+var import_micro_frontend = require("../utils/micro-frontend/index.js");
+const useAppRenderer = (props) => {
+  const { id, frameOptions, history, onLoadComplete, onUnloadComplete } = props;
+  const dispatch = (0, import_react_redux.useDispatch)();
+  (0, import_react.useLayoutEffect)(() => {
+    let isMounted = true;
+    let appBridge = null;
+    let unloadInProgress = Promise.resolve();
+    let instanceId = null;
+    (async () => {
+      await unloadInProgress;
+      dispatch(import_actions.waitMessage.open());
+      try {
+        appBridge = await (0, import_app_bridge.getAppBridge)();
+        if (!appBridge)
+          throw new Error(`Failed to load ${id}, AppBridge not initialized`);
+        if (isMounted) {
+          instanceId = await appBridge.openApp({
+            id,
+            frameOptions,
+            history
+          });
+          setTimeout(() => {
+            try {
+              onLoadComplete?.(instanceId);
+            } catch (ex) {
+            }
+          }, 0);
+        }
+      } catch (ex) {
+        (0, import_micro_frontend.getLogger)().error({
+          message: `Failed to load ${id}`,
+          exception: ex
+        });
+        isMounted = false;
+        if (appBridge && instanceId)
+          unloadInProgress = appBridge.closeApp(instanceId);
+        throw ex;
+      } finally {
+        dispatch(import_actions.waitMessage.close());
+      }
+    })();
+    return () => {
+      isMounted = false;
+      if (appBridge) {
+        unloadInProgress = appBridge.closeApp(instanceId);
+        unloadInProgress.then(() => {
+          instanceId = null;
+          setTimeout(() => {
+            try {
+              onUnloadComplete?.();
+            } catch (ex) {
+            }
+          }, 0);
+        }).catch(() => {
+        });
+      }
+    };
+  }, [dispatch, frameOptions, history, id, onLoadComplete, onUnloadComplete]);
+};
+const MicroApp2 = (0, import_react.memo)((props) => {
+  useAppRenderer(props);
+  return null;
+});

package/dist/cjs/view/tests/__snapshots__/micro-iframe-app.test.tsx.snap

@@ -0,0 +1,208 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MicroIFrameApp should close previous instance of app before loading new instance 2`] = `
+<body
+  class="full-width full-height"
+>
+  
+    
+  <!-- Display a message if JS has been disabled on the browser. -->
+  
+    
+  <noscript>
+    If you're seeing this message, that means
+      &lt;strong&gt;JavaScript has been disabled on your browser&lt;/strong&gt;, please
+      &lt;strong&gt;enable JS&lt;/strong&gt; to make this app work.
+  </noscript>
+  
+    
+  <div
+    class="full-width full-height"
+    data-testid="pui-app-container-loanapp"
+    id="pui-app-container-loanapp"
+  >
+    <main>
+      <h1>
+        Loan App
+      </h1>
+      <p>
+        Go to 
+        <a
+          href="#"
+        >
+          Pipeline
+        </a>
+      </p>
+    </main>
+  </div>
+  
+  
+
+
+  <script
+    id="emui-script-Loan-1"
+    src="http://localhost:3111/loan/latest/index.js"
+  />
+</body>
+`;
+
+exports[`MicroIFrameApp should open loanapp and call init and mount methods 1`] = `
+<head>
+  
+    
+  <!-- The first thing in any HTML file should be the charset -->
+  
+    
+  <meta
+    charset="utf-8"
+  />
+  
+    
+  <!-- Make the page mobile compatible -->
+  
+    
+  <meta
+    content="width=device-width, initial-scale=1"
+    name="viewport"
+  />
+  
+    
+  <!-- Allow installing the app to the homescreen -->
+  
+    
+  <meta
+    content="yes"
+    name="mobile-web-app-capable"
+  />
+  
+    
+  <link
+    href="/favicon.ico"
+    rel="icon"
+  />
+  
+    
+  <title>
+    Application
+  </title>
+  
+    
+  <!-- Google Tag Manager -->
+  
+    
+  <!-- &lt;script nonce="__CSP_NONCE__"&gt;
+    (function (w, d, s, l, i) {
+      w[l] = w[l] || [];
+      w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
+      var f = d.getElementsByTagName(s)[0],
+        j = d.createElement(s),
+        dl = l != 'dataLayer' ? '&l=' + l : '';
+      j.async = true;
+      j.src =
+        'https://www.googletagmanager.com/gtm.js?id=' +
+        i +
+        dl;
+      f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', window.emui.gtm.id);
+  &lt;/script&gt; -->
+  
+    
+  <!-- &lt;script nonce="__CSP_NONCE__"&gt;
+      window.emuiUserMonitoring = window.parent.emuiUserMonitoring || {
+        setCustomVirtualPageName: function () {},
+        startVirtualPageMonitoringWithAutoEnd: function () {},
+      };
+    &lt;/script&gt; -->
+  
+    
+  <script
+    src="https://www.google-analytics.com/analytics.js"
+  />
+  <script>
+    
+      (function (i, s, o, g, r, a, m) {
+        i['GoogleAnalyticsObject'] = r;
+        (i[r] =
+          i[r] ||
+          function () {
+            (i[r].q = i[r].q || []).push(arguments);
+          }),
+          (i[r].l = 1 * new Date());
+        (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
+        a.async = 1;
+        a.src = g;
+        m.parentNode.insertBefore(a, m);
+      })(
+        window,
+        document,
+        'script',
+        'https://www.google-analytics.com/analytics.js',
+        'ga',
+      );
+    
+  </script>
+  
+    
+  <style>
+    
+      .full-width {
+        width: 100%;
+      }
+      .full-height {
+        height: 100%;
+      }
+    
+  </style>
+  
+  
+  <base
+    href="http://localhost:3111/loan/latest"
+  />
+</head>
+`;
+
+exports[`MicroIFrameApp should open loanapp and call init and mount methods 2`] = `
+<body
+  class="full-width full-height"
+>
+  
+    
+  <!-- Display a message if JS has been disabled on the browser. -->
+  
+    
+  <noscript>
+    If you're seeing this message, that means
+      &lt;strong&gt;JavaScript has been disabled on your browser&lt;/strong&gt;, please
+      &lt;strong&gt;enable JS&lt;/strong&gt; to make this app work.
+  </noscript>
+  
+    
+  <div
+    class="full-width full-height"
+    data-testid="pui-app-container-loanapp"
+    id="pui-app-container-loanapp"
+  >
+    <main>
+      <h1>
+        Loan App
+      </h1>
+      <p>
+        Go to 
+        <a
+          href="#"
+        >
+          Pipeline
+        </a>
+      </p>
+    </main>
+  </div>
+  
+  
+
+
+  <script
+    id="emui-script-Loan-1"
+    src="http://localhost:3111/loan/latest/index.js"
+  />
+</body>
+`;

package/dist/cjs/view/tests/__snapshots__/microapp-v2.test.tsx.snap

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MicroAppV2 should open loanapp and call init and mount methods 1`] = `
+Document {
+  "location": Location {
+    "assign": [Function],
+    "hash": "",
+    "host": "localhost:3111",
+    "hostname": "localhost",
+    "href": "http://localhost:3111/frame.html",
+    "origin": "http://localhost:3111",
+    "pathname": "/frame.html",
+    "port": "3111",
+    "protocol": "http:",
+    "reload": [Function],
+    "replace": [Function],
+    "search": "",
+    "toString": [Function],
+  },
+}
+`;

package/dist/cjs/view/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/view/tests/constants.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 constants_exports = {};
+__export(constants_exports, {
+  APP_CONFIG_JSON_URL: () => APP_CONFIG_JSON_URL,
+  FLIGHTS_APP_ID: () => FLIGHTS_APP_ID,
+  FRAME_APP_CONTAINER_ID_PREFIX: () => FRAME_APP_CONTAINER_ID_PREFIX,
+  FRAME_CONTAINER_ID_PREFIX: () => FRAME_CONTAINER_ID_PREFIX,
+  HOTELS_APP_ID: () => HOTELS_APP_ID,
+  LATEST_VERSION: () => LATEST_VERSION,
+  LOAN_APP_ID: () => LOAN_APP_ID,
+  LOAN_SAVED_EVENT: () => LOAN_SAVED_EVENT,
+  PRE_COMMIT_EVENT: () => PRE_COMMIT_EVENT,
+  RELEASE_VERSION: () => RELEASE_VERSION,
+  TASK_APP_ID: () => TASK_APP_ID
+});
+module.exports = __toCommonJS(constants_exports);
+const LATEST_VERSION = "latest";
+const RELEASE_VERSION = "23.1.0";
+const LOAN_APP_ID = "loanapp";
+const TASK_APP_ID = "taskapp";
+const FLIGHTS_APP_ID = "flights";
+const HOTELS_APP_ID = "hotels";
+const APP_CONFIG_JSON_URL = "/latest/app.config.json";
+const LOAN_SAVED_EVENT = "loanSaved";
+const PRE_COMMIT_EVENT = "preCommit";
+const FRAME_CONTAINER_ID_PREFIX = "pui-iframe-container-";
+const FRAME_APP_CONTAINER_ID_PREFIX = "pui-app-container-";

package/dist/cjs/view/tests/flights/23.1/app.checksum1.css

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

package/dist/cjs/view/tests/flights/23.1/app.checksum1.js

@@ -0,0 +1,52 @@
+"use strict";
+const appId = "flights";
+const appName = "Flights 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: 23.1";
+    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/cjs/view/tests/flights/23.1/manifest.json

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

package/dist/cjs/view/tests/flights/latest/app.checksum.css

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