@elliemae/pui-app-sdk 5.32.0 → 5.32.2

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

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { memo, useLayoutEffect, useRef, useCallback } from "react";
 import styled from "styled-components";
 import { useDispatch } from "react-redux";
+import { buildLogRocketQueryParams } from "@elliemae/pui-logrocket";
 import {
   MicroAppManager
 } from "../utils/micro-frontend/types.js";
@@ -28,7 +29,8 @@ const useAppRenderer = (props) => {
     onLoadComplete,
     onUnloadComplete,
     containerId,
-    ssfAppOptions = {}
+    ssfAppOptions = {},
+    disableWaitMessage = false
   } = props;
   const dispatch = useDispatch();
   const getConfig = useCallback(
@@ -45,7 +47,9 @@ const useAppRenderer = (props) => {
     let instanceId = null;
     (async () => {
       await unloadInProgress;
-      dispatch(waitMessage.open());
+      if (!disableWaitMessage) {
+        dispatch(waitMessage.open());
+      }
       try {
         const {
           microappManager = MicroAppManager.APPSDK,
@@ -82,7 +86,10 @@ const useAppRenderer = (props) => {
           if (isMounted) {
             instanceId = await appBridge.openApp({
               id,
-              frameOptions: { containerId },
+              frameOptions: {
+                containerId,
+                queryParams: buildLogRocketQueryParams()
+              },
               history,
               homeRoute,
               initialRoute
@@ -107,7 +114,9 @@ const useAppRenderer = (props) => {
           unloadInProgress = Promise.resolve(ssfHost.unloadGuest(instanceId));
         throw ex;
       } finally {
-        dispatch(waitMessage.close());
+        if (!disableWaitMessage) {
+          dispatch(waitMessage.close());
+        }
       }
     })();
     return () => {
@@ -138,7 +147,8 @@ const useAppRenderer = (props) => {
     onLoadComplete,
     onUnloadComplete,
     getConfig,
-    ssfAppOptions
+    ssfAppOptions,
+    disableWaitMessage
   ]);
 };
 const GuestMicroApp = memo(

package/dist/esm/view/micro-iframe-app/iframe/index.js

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { memo, useRef } from "react";
+import { memo, useRef, useMemo } from "react";
 import styled from "styled-components";
+import { buildLogRocketQueryParams } from "@elliemae/pui-logrocket";
 import { IFRAME_CONTAINER_ID_PREFIX } from "./const.js";
 const Div = styled.div`
   display: flex;
@@ -21,13 +22,17 @@ const IFrame = memo(
   ({ id, name: title, src, sandbox, onFrameReady }) => {
     const frameRef = useRef(null);
     const sandboxProps = sandbox ? { sandbox } : {};
+    const srcWithParams = useMemo(
+      () => `${src}${src.includes("?") ? "&" : "?"}${buildLogRocketQueryParams()}`,
+      [src]
+    );
     return /* @__PURE__ */ jsx(Div, { children: /* @__PURE__ */ jsx(
       Iframe,
       {
         id: `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
         ref: frameRef,
         title,
-        src,
+        src: srcWithParams,
         "data-testid": `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
         ...sandboxProps,
         onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)

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

@@ -77,14 +77,14 @@ Document {
     "hash": "",
     "host": "localhost:3111",
     "hostname": "localhost",
-    "href": "http://localhost:3111/frame.html",
+    "href": "http://localhost:3111/frame.html?analyticsConsent=false&lrEnabled=false&lrAppId=",
     "origin": "http://localhost:3111",
     "pathname": "/frame.html",
     "port": "3111",
     "protocol": "http:",
     "reload": [Function],
     "replace": [Function],
-    "search": "",
+    "search": "?analyticsConsent=false&lrEnabled=false&lrAppId=",
     "toString": [Function],
   },
 }

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

@@ -38,6 +38,10 @@ class Loan extends ScriptingObject {
     name: "editmodechange",
     objectId: "loan"
   });
+  FieldChanged = new Event({
+    name: "fieldchanged",
+    objectId: "loan"
+  });
   MilestoneCompleted = new Event({
     name: "milestonecompleted",
     objectId: "loan"

package/dist/types/lib/view/guest-microapp.d.ts

@@ -6,10 +6,27 @@ export type OnUnloadCompleteFn = () => void;
  * Parameters for the GuestMicroApp component.
  */
 export type GuestMicroAppParams = OpenAppParams & {
+    /**
+     * Callback function to be called when the app is loaded.
+     */
     onLoadComplete?: OnLoadCompleteFn;
+    /**
+     * Callback function to be called when the app is unloaded.
+     */
     onUnloadComplete?: OnUnloadCompleteFn;
+    /**
+     * Container ID where the microapp will be rendered.
+     */
     containerId?: string;
+    /**
+     * Options specific to SSF microapps.
+     */
     ssfAppOptions?: SSFAppOptions<Record<string, string | number | boolean>>;
+    /**
+     * Disable the wait message overlay during microapp loading.
+     * @default false
+     */
+    disableWaitMessage?: boolean;
 };
 /**
  * Component to load a guest microapp

package/dist/types/lib/view/tests/scriptingObjects/loan.d.ts

@@ -8,6 +8,7 @@ export declare class Loan extends ScriptingObject implements ILoan {
     readonly Change: Event<Events>;
     readonly Committed: Event<Events>;
     readonly EditModeChange: Event<Events>;
+    readonly FieldChanged: Event<Events>;
     readonly MilestoneCompleted: Event<Events>;
     readonly Open: Event<Events>;
     readonly PreCommit: Event<Events>;