@elliemae/pui-app-sdk 5.30.3 → 5.31.0-beta.1

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

@@ -46,6 +46,7 @@ var import_web_analytics = require("./scripting-objects/web-analytics.js");
 var import_logrocket = require("./scripting-objects/logrocket.js");
 var import_app_bridge = require("./app-bridge.js");
 var import_helpers = require("../helpers.js");
+var import_ssf_host2 = require("./ssf-host.js");
 const isCrossDomain = () => {
   try {
     window.parent.document;
@@ -77,6 +78,10 @@ class CMicroAppGuest {
    * communication method used between microapps
    */
   #communicationMethod;
+  /**
+   * reference to SSFHost instance
+   */
+  #ssfHostRef;
   /**
    * AppBridge instance
    */
@@ -104,6 +109,8 @@ class CMicroAppGuest {
     (0, import_logger.setLogger)(this.logger);
     this.#logRocket = params?.logRocket ?? window.emui?.logRocket;
     (0, import_logrocket.setLogRocket)(this.#logRocket);
+    if (params?.ssfHostRef) (0, import_ssf_host2.setSSFHost)(params.ssfHostRef);
+    this.#ssfHostRef = (0, import_ssf_host2.getSSFHost)();
     this.onInit = params?.onInit;
     this.onMount = params?.onMount;
     this.onUnmount = params?.onUnmount;
@@ -317,15 +324,22 @@ class CMicroAppGuest {
     if (this.#appBridge) {
       this.#appBridge.addScriptingObject(so, params);
     }
+    this.#ssfHostRef.addScriptingObject(so, params);
   }
   /**
-   * dispatch event to child microapp
-   * @param {DispatchEventParams<EventId, Params>} params - event parameters
+   * Dispatches an event to the child microapp.
+   * @param {DispatchEventParam<EventId, Params, Options>} params - Event parameters.
+   * @returns {Promise<any[]>} A promise that resolves with the combined results of dispatched events.
    */
   async dispatchEvent(params) {
-    if (this.#appBridge) {
-      await this.#appBridge.dispatchEvent(params);
+    const [appBridgeResult, ssfResult] = await Promise.all([
+      this.#appBridge ? this.#appBridge.dispatchEvent(params) : Promise.resolve(null),
+      this.#ssfHostRef.dispatchEvent(params)
+    ]);
+    if (Array.isArray(appBridgeResult) && Array.isArray(ssfResult)) {
+      return appBridgeResult.concat(ssfResult);
     }
+    return Promise.resolve();
   }
   /**
    * removes scripting object from child microapp use
@@ -335,5 +349,6 @@ class CMicroAppGuest {
     if (this.#appBridge) {
       this.#appBridge.removeScriptingObject(objectId);
     }
+    this.#ssfHostRef.removeScriptingObject(objectId);
   }
 }

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

@@ -40,6 +40,7 @@ var import_analytics = require("./scripting-objects/analytics.js");
 var import_web_analytics = require("./scripting-objects/web-analytics.js");
 var import_session = require("../session.js");
 var import_app_bridge = require("./app-bridge.js");
+var import_ssf_host2 = require("./ssf-host.js");
 class CMicroAppHost {
   static instance;
   logger;
@@ -71,14 +72,16 @@ class CMicroAppHost {
       theme: params?.theme ?? (0, import_pui_theme.getDefaultTheme)()
     };
     this.activeGuests = {};
-    this.#ssfHostRef = params?.ssfHostRef || null;
+    if (params?.ssfHostRef) (0, import_ssf_host2.setSSFHost)(params.ssfHostRef);
+    this.#ssfHostRef = (0, import_ssf_host2.getSSFHost)();
     const analyticsObj = params?.analytics ?? new import_analytics.Analytics({ logger: this.logger });
     this.scriptingObjects = {
       analytics: analyticsObj,
       ...params?.scriptingObjects ?? {}
     };
-    this.#ssfHostRef?.publish?.(analyticsObj);
-    this.#ssfHostRef?.addScriptingObject?.(analyticsObj);
+    this.#ssfHostRef.addScriptingObject(
+      analyticsObj
+    );
     this.getProps = this.getProps.bind(this);
     this.getLogger = this.getLogger.bind(this);
     this.getGuests = this.getGuests.bind(this);
@@ -213,15 +216,21 @@ class CMicroAppHost {
     if (this.#appBridge) {
       this.#appBridge.addScriptingObject(so, params);
     }
+    this.#ssfHostRef.addScriptingObject(so, params);
   }
   /**
    * dispatch event to child microapp
    * @param {DispatchEventParams<EventId, Params>} params - event parameters
    */
   async dispatchEvent(params) {
-    if (this.#appBridge) {
-      await this.#appBridge.dispatchEvent(params);
+    const [appBridgeResult, ssfResult] = await Promise.all([
+      this.#appBridge ? this.#appBridge.dispatchEvent(params) : Promise.resolve(null),
+      this.#ssfHostRef.dispatchEvent(params)
+    ]);
+    if (Array.isArray(appBridgeResult) && Array.isArray(ssfResult)) {
+      return appBridgeResult.concat(ssfResult);
     }
+    return Promise.resolve();
   }
   /**
    * removes scripting object from child microapp use
@@ -231,5 +240,6 @@ class CMicroAppHost {
     if (this.#appBridge) {
       this.#appBridge.removeScriptingObject(objectId);
     }
+    this.#ssfHostRef.removeScriptingObject(objectId);
   }
 }

package/dist/cjs/utils/micro-frontend/scripting-objects/analytics.js

@@ -140,8 +140,8 @@ class Analytics extends import_ssf_host.ScriptingObject {
       throw new Error("parameter options is required");
     const startMark = performance.mark(name, { detail: options });
     return Promise.resolve({
-      name: startMark.name,
-      startTime: startMark.startTime
+      name: startMark?.name,
+      startTime: startMark?.startTime
     });
   };
   /**

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_logger = require("../logger.js");
+var import_config = require("../app-config/config.js");
+var import_analytics = require("./scripting-objects/analytics.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_analytics.Analytics({ logger })
+    });
+  }
+  return ssfHost;
+};
+const setSSFHost = (host) => {
+  if (!ssfHost) {
+    ssfHost = host;
+  }
+};

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

@@ -36,6 +36,7 @@ var import_react = require("react");
 var import_styled_components = __toESM(require("styled-components"));
 var import_react_redux = require("react-redux");
 var import_app_bridge = require("../utils/micro-frontend/app-bridge.js");
+var import_ssf_host2 = require("../utils/micro-frontend/ssf-host.js");
 var import_actions = require("../data/wait-message/actions.js");
 var import_micro_frontend = require("../utils/micro-frontend/index.js");
 const Div = import_styled_components.default.div`
@@ -56,32 +57,56 @@ const useAppRenderer = (props) => {
     containerId
   } = props;
   const dispatch = (0, import_react_redux.useDispatch)();
+  const getConfig = (0, import_react.useCallback)(
+    () => (0, import_micro_frontend.getMicroFrontEndAppConfig)({
+      id
+    }),
+    [id]
+  );
   (0, import_react.useLayoutEffect)(() => {
     let isMounted = true;
     let appBridge = null;
+    let ssfHost = 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: { containerId },
-            history,
-            homeRoute,
-            initialRoute
-          });
-          setTimeout(() => {
-            try {
-              onLoadComplete?.(instanceId);
-            } catch (ex) {
-            }
-          }, 0);
+        const { ssfOnly, hostUrl, name } = getConfig();
+        if (ssfOnly) {
+          ssfHost = (0, import_ssf_host2.getSSFHost)();
+          if (!ssfHost)
+            throw new Error(`Failed to load ${id}, SSFHost not initialized`);
+          if (isMounted) {
+            const guest = ssfHost.loadGuest({
+              id,
+              url: hostUrl,
+              title: name,
+              targetElement: document.getElementById(containerId),
+              onLoad: onLoadComplete
+            });
+            instanceId = guest.id;
+          }
+        } else {
+          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: { containerId },
+              history,
+              homeRoute,
+              initialRoute
+            });
+            setTimeout(() => {
+              try {
+                onLoadComplete?.(instanceId);
+              } catch (ex) {
+              }
+            }, 0);
+          }
         }
       } catch (ex) {
         (0, import_micro_frontend.getLogger)().error({
@@ -91,6 +116,8 @@ const useAppRenderer = (props) => {
         isMounted = false;
         if (appBridge && instanceId)
           unloadInProgress = appBridge.closeApp(instanceId);
+        if (ssfHost && instanceId)
+          unloadInProgress = Promise.resolve(ssfHost.unloadGuest(instanceId));
         throw ex;
       } finally {
         dispatch(import_actions.waitMessage.close());
@@ -98,19 +125,21 @@ const useAppRenderer = (props) => {
     })();
     return () => {
       isMounted = false;
-      if (appBridge) {
+      if (ssfHost) {
+        unloadInProgress = Promise.resolve(ssfHost.unloadGuest(instanceId));
+      } else if (appBridge) {
         unloadInProgress = appBridge.closeApp(instanceId);
-        unloadInProgress.then(() => {
-          instanceId = null;
-          setTimeout(() => {
-            try {
-              onUnloadComplete?.();
-            } catch (ex) {
-            }
-          }, 0);
-        }).catch(() => {
-        });
       }
+      unloadInProgress.then(() => {
+        instanceId = null;
+        setTimeout(() => {
+          try {
+            onUnloadComplete?.();
+          } catch (ex) {
+          }
+        }, 0);
+      }).catch(() => {
+      });
     };
   }, [
     containerId,
@@ -120,7 +149,8 @@ const useAppRenderer = (props) => {
     initialRoute,
     id,
     onLoadComplete,
-    onUnloadComplete
+    onUnloadComplete,
+    getConfig
   ]);
 };
 const GuestMicroApp = (0, import_react.memo)(

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

@@ -1,5 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`GuestMicroApp with SSFHost should open ssfapp 1`] = `
+"<html lang="en"><head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SSFApp</title>
+    <!-- <script src="https://cdn.mortgagetech.q1.ice.com/ssf-guest"></script> -->
+</head>
+<body>
+    <h1>SSF App</h1>
+    <output id="output">ssfapp starting
+ssfapp loaded</output>
+    <script src="./latest/index.js"></script>
+
+</body></html>"
+`;
+
 exports[`MicroAppV2 should open loanapp and call init and mount methods 1`] = `
 Document {
   "location": Location {

package/dist/cjs/view/tests/app.config.json

@@ -15,6 +15,17 @@
         "files": ["index.js"]
       }
     },
+    "ssfapp": {
+      "name": "SSF App",
+      "hostUrl": "./ssfapp",
+      "ssfOnly": true,
+      "development": {
+        "files": ["index.js"]
+      },
+      "production": {
+        "files": ["index.js"]
+      }
+    },
     "taskapp": {
       "name": "Task",
       "hostUrl": "./task",

package/dist/cjs/view/tests/constants.js

@@ -28,12 +28,14 @@ __export(constants_exports, {
   LOAN_SAVED_EVENT: () => LOAN_SAVED_EVENT,
   PRE_COMMIT_EVENT: () => PRE_COMMIT_EVENT,
   RELEASE_VERSION: () => RELEASE_VERSION,
+  SSF_APP_ID: () => SSF_APP_ID,
   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 SSF_APP_ID = "ssfapp";
 const TASK_APP_ID = "taskapp";
 const FLIGHTS_APP_ID = "flights";
 const HOTELS_APP_ID = "hotels";

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

@@ -206,5 +206,20 @@ const serverHandlers = [
     "/loan/latest/manifest.json",
     (req, res, ctx) => res(ctx.json(import_manifest.default))
   ),
+  import_msw.rest.get("/ssfapp/", async (req, res, ctx) => {
+    const fileContent = await (0, import_promises.readFile)(
+      import_node_path.default.join(__dirname, "ssfapp/index.html"),
+      "utf-8"
+    );
+    return res(
+      ctx.status(200),
+      ctx.set("Content-Type", "text/html"),
+      ctx.body(fileContent)
+    );
+  }),
+  import_msw.rest.get("/ssfapp/latest/index.js", async (req, res, ctx) => {
+    const newRes = await sendJS(res, ctx, "./ssfapp/latest/index.js");
+    return newRes;
+  }),
   ...getServerHandlers()
 ];

package/dist/cjs/view/tests/ssfapp/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SSFApp</title>
+    <!-- <script src="https://cdn.mortgagetech.q1.ice.com/ssf-guest"></script> -->
+</head>
+<body>
+    <h1>SSF App</h1>
+    <output id="output"></output>
+    <script src="./latest/index.js"></script>
+</body>
+</html>

package/dist/cjs/view/tests/ssfapp/latest/index.js

@@ -0,0 +1,16 @@
+"use strict";
+const appId = "ssfapp";
+const output = document.getElementById("output");
+output.textContent = `${appId} starting`;
+window.addEventListener("beforeunload", () => {
+  if (output) {
+    output.textContent += `
+${appId} unloading`;
+  }
+});
+document.addEventListener("load", () => {
+  if (output) {
+    output.textContent += `
+${appId} loaded`;
+  }
+});

package/dist/cjs/view/tests/ssfapp/latest/manifest.json

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

package/dist/esm/utils/micro-frontend/guest.js

@@ -13,6 +13,7 @@ import { updateBAEventParameters } from "./scripting-objects/web-analytics.js";
 import { setLogRocket } from "./scripting-objects/logrocket.js";
 import { getAppBridge } from "./app-bridge.js";
 import { abortPromise } from "../helpers.js";
+import { getSSFHost, setSSFHost } from "./ssf-host.js";
 const isCrossDomain = () => {
   try {
     window.parent.document;
@@ -44,6 +45,10 @@ class CMicroAppGuest {
    * communication method used between microapps
    */
   #communicationMethod;
+  /**
+   * reference to SSFHost instance
+   */
+  #ssfHostRef;
   /**
    * AppBridge instance
    */
@@ -71,6 +76,8 @@ class CMicroAppGuest {
     setLogger(this.logger);
     this.#logRocket = params?.logRocket ?? window.emui?.logRocket;
     setLogRocket(this.#logRocket);
+    if (params?.ssfHostRef) setSSFHost(params.ssfHostRef);
+    this.#ssfHostRef = getSSFHost();
     this.onInit = params?.onInit;
     this.onMount = params?.onMount;
     this.onUnmount = params?.onUnmount;
@@ -284,15 +291,22 @@ class CMicroAppGuest {
     if (this.#appBridge) {
       this.#appBridge.addScriptingObject(so, params);
     }
+    this.#ssfHostRef.addScriptingObject(so, params);
   }
   /**
-   * dispatch event to child microapp
-   * @param {DispatchEventParams<EventId, Params>} params - event parameters
+   * Dispatches an event to the child microapp.
+   * @param {DispatchEventParam<EventId, Params, Options>} params - Event parameters.
+   * @returns {Promise<any[]>} A promise that resolves with the combined results of dispatched events.
    */
   async dispatchEvent(params) {
-    if (this.#appBridge) {
-      await this.#appBridge.dispatchEvent(params);
+    const [appBridgeResult, ssfResult] = await Promise.all([
+      this.#appBridge ? this.#appBridge.dispatchEvent(params) : Promise.resolve(null),
+      this.#ssfHostRef.dispatchEvent(params)
+    ]);
+    if (Array.isArray(appBridgeResult) && Array.isArray(ssfResult)) {
+      return appBridgeResult.concat(ssfResult);
     }
+    return Promise.resolve();
   }
   /**
    * removes scripting object from child microapp use
@@ -302,6 +316,7 @@ class CMicroAppGuest {
     if (this.#appBridge) {
       this.#appBridge.removeScriptingObject(objectId);
     }
+    this.#ssfHostRef.removeScriptingObject(objectId);
   }
 }
 export {

package/dist/esm/utils/micro-frontend/host.js

@@ -25,6 +25,7 @@ import { Analytics } from "./scripting-objects/analytics.js";
 import { updateBAEventParameters } from "./scripting-objects/web-analytics.js";
 import { renewSession } from "../session.js";
 import { getAppBridge } from "./app-bridge.js";
+import { getSSFHost, setSSFHost } from "./ssf-host.js";
 class CMicroAppHost {
   static instance;
   logger;
@@ -56,14 +57,16 @@ class CMicroAppHost {
       theme: params?.theme ?? getDefaultTheme()
     };
     this.activeGuests = {};
-    this.#ssfHostRef = params?.ssfHostRef || null;
+    if (params?.ssfHostRef) setSSFHost(params.ssfHostRef);
+    this.#ssfHostRef = getSSFHost();
     const analyticsObj = params?.analytics ?? new Analytics({ logger: this.logger });
     this.scriptingObjects = {
       analytics: analyticsObj,
       ...params?.scriptingObjects ?? {}
     };
-    this.#ssfHostRef?.publish?.(analyticsObj);
-    this.#ssfHostRef?.addScriptingObject?.(analyticsObj);
+    this.#ssfHostRef.addScriptingObject(
+      analyticsObj
+    );
     this.getProps = this.getProps.bind(this);
     this.getLogger = this.getLogger.bind(this);
     this.getGuests = this.getGuests.bind(this);
@@ -198,15 +201,21 @@ class CMicroAppHost {
     if (this.#appBridge) {
       this.#appBridge.addScriptingObject(so, params);
     }
+    this.#ssfHostRef.addScriptingObject(so, params);
   }
   /**
    * dispatch event to child microapp
    * @param {DispatchEventParams<EventId, Params>} params - event parameters
    */
   async dispatchEvent(params) {
-    if (this.#appBridge) {
-      await this.#appBridge.dispatchEvent(params);
+    const [appBridgeResult, ssfResult] = await Promise.all([
+      this.#appBridge ? this.#appBridge.dispatchEvent(params) : Promise.resolve(null),
+      this.#ssfHostRef.dispatchEvent(params)
+    ]);
+    if (Array.isArray(appBridgeResult) && Array.isArray(ssfResult)) {
+      return appBridgeResult.concat(ssfResult);
     }
+    return Promise.resolve();
   }
   /**
    * removes scripting object from child microapp use
@@ -216,6 +225,7 @@ class CMicroAppHost {
     if (this.#appBridge) {
       this.#appBridge.removeScriptingObject(objectId);
     }
+    this.#ssfHostRef.removeScriptingObject(objectId);
   }
 }
 export {

package/dist/esm/utils/micro-frontend/scripting-objects/analytics.js

@@ -117,8 +117,8 @@ class Analytics extends ScriptingObject {
       throw new Error("parameter options is required");
     const startMark = performance.mark(name, { detail: options });
     return Promise.resolve({
-      name: startMark.name,
-      startTime: startMark.startTime
+      name: startMark?.name,
+      startTime: startMark?.startTime
     });
   };
   /**

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

@@ -0,0 +1,24 @@
+import { SSFHost } from "@elliemae/ssf-host";
+import { getLogger } from "../logger.js";
+import { getAppConfigValue } from "../app-config/config.js";
+import { Analytics } from "./scripting-objects/analytics.js";
+let ssfHost = null;
+const getSSFHost = () => {
+  if (!ssfHost) {
+    const logger = getLogger();
+    ssfHost = new SSFHost(getAppConfigValue("appId"), {
+      logger,
+      analyticsObj: new Analytics({ logger })
+    });
+  }
+  return ssfHost;
+};
+const setSSFHost = (host) => {
+  if (!ssfHost) {
+    ssfHost = host;
+  }
+};
+export {
+  getSSFHost,
+  setSSFHost
+};