@elliemae/pui-app-sdk 5.31.0-beta.2 → 5.31.0-beta.4

package/README.md

@@ -8,7 +8,7 @@ Build: [![Build Status](https://jenkinsbuild.elliemae.cloud/job/UIPlatform/job/a
 
 [API Documentation](http://git.elliemae.io/pages/platform-ui/pui-app-sdk)
 
-[QA Environment](https://qa.appsdk.rd.elliemae.io)
+[QA Environment](https://appsdk.pui.mortgagetech.d1.ice.com/)
 
 ## Major Version Changelog
 

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

@@ -250,20 +250,18 @@ class CMicroAppGuest {
   }
   async findHost() {
     let host = null;
-    if (window.parent !== window) {
-      if (!isCrossDomain()) {
-        host = window.parent?.emui?.MicroAppHost ?? null;
-      }
-      if (!host) {
-        host = new import_ssf_guest.SSFGuest({ appLogger: this.logger });
-        if (await (0, import_helpers.abortPromise)({
-          promise: host.connect(),
-          delay: 1e3,
-          retValue: false
-        })) {
-          host = null;
-        } else this.#communicationMethod = "ssf" /* SSF */;
-      }
+    if (!isCrossDomain()) {
+      host = window.parent?.emui?.MicroAppHost ?? null;
+    }
+    if (!host) {
+      host = new import_ssf_guest.SSFGuest({ appLogger: this.logger });
+      if (await (0, import_helpers.abortPromise)({
+        promise: host.connect(),
+        delay: 1e3,
+        retValue: false
+      })) {
+        host = null;
+      } else this.#communicationMethod = "ssf" /* SSF */;
     }
     return host;
   }
@@ -332,14 +330,17 @@ class CMicroAppGuest {
    * @returns {Promise<any[]>} A promise that resolves with the combined results of dispatched events.
    */
   async 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);
+    if (this.#appBridge) {
+      const [appBridgeResult, ssfResult] = await Promise.all([
+        this.#appBridge.dispatchEvent(params),
+        this.#ssfHostRef.dispatchEvent(params)
+      ]);
+      if (Array.isArray(appBridgeResult) && Array.isArray(ssfResult)) {
+        return appBridgeResult.concat(ssfResult);
+      }
+      return Promise.resolve();
     }
-    return Promise.resolve();
+    return this.#ssfHostRef.dispatchEvent(params);
   }
   /**
    * removes scripting object from child microapp use

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

@@ -221,16 +221,20 @@ class CMicroAppHost {
   /**
    * dispatch event to child microapp
    * @param {DispatchEventParams<EventId, Params>} params - event parameters
+   * @returns {Promise<any>} A promise that resolves with the combined results of dispatched events.
    */
   async 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);
+    if (this.#appBridge) {
+      const [appBridgeResult, ssfResult] = await Promise.all([
+        this.#appBridge.dispatchEvent(params),
+        this.#ssfHostRef.dispatchEvent(params)
+      ]);
+      if (Array.isArray(appBridgeResult) && Array.isArray(ssfResult)) {
+        return appBridgeResult.concat(ssfResult);
+      }
+      return Promise.resolve();
     }
-    return Promise.resolve();
+    return this.#ssfHostRef.dispatchEvent(params);
   }
   /**
    * removes scripting object from child microapp use

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/view/guest-microapp.js

@@ -78,6 +78,7 @@ const useAppRenderer = (props) => {
         const {
           microappManager = import_types.MicroAppManager.APPSDK,
           hostUrl,
+          title,
           name
         } = getConfig();
         if (microappManager === import_types.MicroAppManager.SSF) {
@@ -89,7 +90,7 @@ const useAppRenderer = (props) => {
             const guest = ssfHost.loadGuest({
               id,
               url: hostUrl,
-              title: name,
+              title: title ?? name,
               targetElement: document.getElementById(containerId),
               searchParams,
               onLoad: onLoadComplete,

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

@@ -217,20 +217,18 @@ class CMicroAppGuest {
   }
   async findHost() {
     let host = null;
-    if (window.parent !== window) {
-      if (!isCrossDomain()) {
-        host = window.parent?.emui?.MicroAppHost ?? null;
-      }
-      if (!host) {
-        host = new SSFGuest({ appLogger: this.logger });
-        if (await abortPromise({
-          promise: host.connect(),
-          delay: 1e3,
-          retValue: false
-        })) {
-          host = null;
-        } else this.#communicationMethod = "ssf" /* SSF */;
-      }
+    if (!isCrossDomain()) {
+      host = window.parent?.emui?.MicroAppHost ?? null;
+    }
+    if (!host) {
+      host = new SSFGuest({ appLogger: this.logger });
+      if (await abortPromise({
+        promise: host.connect(),
+        delay: 1e3,
+        retValue: false
+      })) {
+        host = null;
+      } else this.#communicationMethod = "ssf" /* SSF */;
     }
     return host;
   }
@@ -299,14 +297,17 @@ class CMicroAppGuest {
    * @returns {Promise<any[]>} A promise that resolves with the combined results of dispatched events.
    */
   async 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);
+    if (this.#appBridge) {
+      const [appBridgeResult, ssfResult] = await Promise.all([
+        this.#appBridge.dispatchEvent(params),
+        this.#ssfHostRef.dispatchEvent(params)
+      ]);
+      if (Array.isArray(appBridgeResult) && Array.isArray(ssfResult)) {
+        return appBridgeResult.concat(ssfResult);
+      }
+      return Promise.resolve();
     }
-    return Promise.resolve();
+    return this.#ssfHostRef.dispatchEvent(params);
   }
   /**
    * removes scripting object from child microapp use

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

@@ -206,16 +206,20 @@ class CMicroAppHost {
   /**
    * dispatch event to child microapp
    * @param {DispatchEventParams<EventId, Params>} params - event parameters
+   * @returns {Promise<any>} A promise that resolves with the combined results of dispatched events.
    */
   async 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);
+    if (this.#appBridge) {
+      const [appBridgeResult, ssfResult] = await Promise.all([
+        this.#appBridge.dispatchEvent(params),
+        this.#ssfHostRef.dispatchEvent(params)
+      ]);
+      if (Array.isArray(appBridgeResult) && Array.isArray(ssfResult)) {
+        return appBridgeResult.concat(ssfResult);
+      }
+      return Promise.resolve();
     }
-    return Promise.resolve();
+    return this.#ssfHostRef.dispatchEvent(params);
   }
   /**
    * removes scripting object from child microapp use

package/dist/esm/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": "",
+}
+`;