@elliemae/pui-app-sdk 5.31.1 → 5.32.0

package/dist/esm/utils/testing/performance-mock.js

@@ -0,0 +1,90 @@
+class MockPerformanceObserver {
+  callback;
+  constructor(callback) {
+    this.callback = callback;
+    global.__performanceObserver = this;
+  }
+  observe() {
+  }
+  disconnect() {
+  }
+}
+const mockMarks = /* @__PURE__ */ new Map();
+const mockMeasures = [];
+const originalPerformance = global.performance;
+function setupPerformanceMock() {
+  global.PerformanceObserver = MockPerformanceObserver;
+  global.performance = {
+    ...originalPerformance,
+    timeOrigin: 16094592e5,
+    // January 1, 2021 00:00:00 UTC
+    now: jest.fn(() => 1e3),
+    // Return fixed value for consistent testing
+    mark: jest.fn((name, options) => {
+      const mark = {
+        name,
+        entryType: "mark",
+        startTime: 1e3,
+        duration: 0,
+        detail: options?.detail,
+        toJSON: () => ({})
+      };
+      mockMarks.set(name, mark);
+      return mark;
+    }),
+    measure: jest.fn((name, options) => {
+      const measure = {
+        name,
+        entryType: "measure",
+        startTime: 1e3,
+        duration: 100,
+        detail: options?.detail,
+        toJSON: () => ({})
+      };
+      mockMeasures.push(measure);
+      const observer = global.__performanceObserver;
+      if (observer) {
+        const list = {
+          getEntries: () => [measure],
+          getEntriesByName: () => [measure],
+          getEntriesByType: () => [measure]
+        };
+        setTimeout(() => observer.callback(list, observer), 0);
+      }
+      return measure;
+    }),
+    clearMarks: jest.fn((name) => {
+      if (name) {
+        mockMarks.delete(name);
+      } else {
+        mockMarks.clear();
+      }
+    }),
+    getEntriesByName: jest.fn((name, type) => {
+      if (type === "mark") {
+        const mark = mockMarks.get(name);
+        return mark ? [mark] : [];
+      }
+      return mockMeasures.filter((m) => m.name === name);
+    })
+  };
+}
+function clearPerformanceMock() {
+  mockMarks.clear();
+  mockMeasures.length = 0;
+}
+function restorePerformance() {
+  if (originalPerformance) {
+    global.performance = originalPerformance;
+  }
+  delete global.__performanceObserver;
+}
+export {
+  MockPerformanceObserver,
+  clearPerformanceMock,
+  mockMarks,
+  mockMeasures,
+  originalPerformance,
+  restorePerformance,
+  setupPerformanceMock
+};

package/dist/esm/view/fields/form-item-layout/index.js

@@ -1,10 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { DSFormItemLayout } from "@elliemae/ds-form";
-import { get } from "react-hook-form";
-import { ConnectForm } from "../connect-form.js";
-const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ jsx(ConnectForm, { children: ({
-  formState: { errors }
-}) => {
+import { useFormState, get } from "react-hook-form";
+const FormItemLayout = ({ name, ...rest }) => {
+  const { errors } = useFormState({ name });
   const errorField = get(errors, name);
   const hasError = !!errorField;
   const validationMessage = errorField?.message;
@@ -17,7 +15,7 @@ const FormItemLayout = ({ name, ...rest }) => /* @__PURE__ */ jsx(ConnectForm, {
       ...rest
     }
   );
-} });
+};
 export {
   FormItemLayout
 };

package/dist/esm/view/fields/form-layout-block-item/index.js

@@ -2,15 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import {
   DSFormLayoutBlockItem
 } from "@elliemae/ds-form-layout-blocks";
-import { get } from "react-hook-form";
-import { ConnectForm } from "../connect-form.js";
+import { useFormState, get } from "react-hook-form";
 const FormLayoutBlockItem = ({
   inputID,
   label,
   ...rest
-}) => /* @__PURE__ */ jsx(ConnectForm, { children: ({
-  formState: { errors }
 }) => {
+  const { errors } = useFormState({ name: inputID });
   const errorField = get(errors, inputID);
   const hasError = !!errorField;
   const validationMessage = errorField?.message;
@@ -24,7 +22,7 @@ const FormLayoutBlockItem = ({
       ...rest
     }
   );
-} });
+};
 export {
   FormLayoutBlockItem
 };

package/dist/esm/view/page.js

@@ -1,19 +1,12 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Helmet } from "react-helmet";
 import { pageViewEvent } from "../analytics/page-view-event.js";
-import { getLogRocket } from "../utils/micro-frontend/scripting-objects/logrocket.js";
-import { getBAEventParameters } from "../utils/micro-frontend/scripting-objects/web-analytics.js";
-import { getProductAppDetails } from "../utils/helpers.js";
+import { lrTrack } from "../utils/logrocket.js";
 const onPageView = (pageTitle) => {
   pageViewEvent({ pageTitle });
-  const logRocket = getLogRocket();
-  if (logRocket) {
-    logRocket.track("pageView", {
-      pageTitle,
-      ...getBAEventParameters(),
-      ...getProductAppDetails()
-    });
-  }
+  lrTrack("page-view", {
+    pageTitle
+  });
 };
 const Page = ({ pageTitle = "ICE", children }) => {
   onPageView(pageTitle);

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

@@ -7,7 +7,7 @@ exports[`GuestMicroApp with SSFHost should accept ssfAppOptions 1`] = `
 
 <iframe
   id="ssfapp"
-  sandbox="allow-scripts allow-popups allow-modals allow-forms allow-downloads allow-same-origin "
+  sandbox="allow-scripts allow-popups allow-modals allow-forms allow-downloads allow-same-origin"
   src="http://localhost:3111/ssfapp/?testParam=testValue"
   style="min-width: 100%; height: 100%; border: 0px; border: 10px solid blue;"
   title="SSF App"
@@ -50,7 +50,7 @@ exports[`GuestMicroApp with SSFHost should prefer ssfAppOptions sent in params i
 
 <iframe
   id="ssfapp"
-  sandbox="allow-scripts allow-popups allow-modals allow-forms allow-downloads allow-same-origin "
+  sandbox="allow-scripts allow-popups allow-modals allow-forms allow-downloads allow-same-origin"
   src="http://localhost:3111/ssfapp/?testParam=testValue"
   style="min-width: 100%; height: 100%; border: 0px; border: 2px solid red;"
   title="SSF App"

package/dist/esm/view/wait-message/index.js

@@ -9,9 +9,7 @@ import {
   waitStartEvent,
   waitEndEvent
 } from "../../analytics/user-wait-event.js";
-import { getLogRocket } from "../../utils/micro-frontend/scripting-objects/logrocket.js";
-import { getBAEventParameters } from "../../utils/micro-frontend/scripting-objects/web-analytics.js";
-import { getProductAppDetails } from "../../utils/helpers.js";
+import { lrTrack } from "../../utils/logrocket.js";
 const StyledCircularIndicator = styled(DSCircularIndeterminateIndicator)`
   position: absolute;
   left: 50%;
@@ -34,19 +32,13 @@ const WaitMessage = memo(
     const delay = useAppSelector((state) => state.waitMessage?.delay);
     ref.current = isOpen ?? false;
     const message = useAppSelector((state) => state.waitMessage?.message);
-    const logRocket = getLogRocket();
     useEffect(() => {
       setTimeout(
         () => {
           if (isOpen && ref.current) {
             setShow(true);
             waitStartEvent();
-            if (logRocket) {
-              logRocket.track("wait-spinner-start", {
-                ...getBAEventParameters(),
-                ...getProductAppDetails()
-              });
-            }
+            lrTrack("wait-spinner-start");
           }
         },
         delay ? 1e3 : 0
@@ -54,14 +46,9 @@ const WaitMessage = memo(
       if (!isOpen) {
         setShow(false);
         waitEndEvent();
-        if (logRocket) {
-          logRocket.track("wait-spinner-end", {
-            ...getBAEventParameters(),
-            ...getProductAppDetails()
-          });
-        }
+        lrTrack("wait-spinner-end");
       }
-    }, [delay, isOpen, logRocket]);
+    }, [delay, isOpen]);
     useHTMLWaitMessage(isOpen !== null);
     return show ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(DSBackdrop, { zIndex: theme.zIndex.loader }),

package/dist/types/lib/index.d.ts

@@ -87,8 +87,7 @@ export { getNavigationLinks } from './view/micro-app/utils.js';
 export { getStore } from './data/store.js';
 export { RegisterService } from './utils/guest-with-service.js';
 export { sendBAEvent } from './analytics/index.js';
-export { updateBAEventParameters } from './utils/micro-frontend/scripting-objects/web-analytics.js';
-export { Analytics } from './utils/micro-frontend/scripting-objects/analytics.js';
+export { Analytics, updateBAEventParameters } from '@elliemae/pui-analytics-so';
 export { redactPii } from './utils/redact-pii.js';
 export type { EMUI } from './utils/window.js';
 export type { Await } from './utils/await.js';

package/dist/types/lib/utils/logrocket.d.ts

@@ -0,0 +1,15 @@
+import { LogRocket } from '@elliemae/pui-logrocket';
+export declare const getLogRocket: () => typeof LogRocket | null;
+export declare const setLogRocket: (logrocket?: typeof LogRocket) => void;
+/**
+ * Send custom events to LogRocket
+ * @param event event name
+ * @param eventEx event meta data
+ */
+export declare const lrTrack: (event: string, eventEx?: Record<string, any>) => void;
+/**
+ * Send user identification events to LogRocket
+ * @param userId user identifier
+ * @param eventEx event meta data
+ */
+export declare const lrIdentify: (userId: string, eventEx: Record<string, any>) => void;

package/dist/types/lib/utils/micro-frontend/host.d.ts

@@ -5,8 +5,8 @@ import { SSFHost } from '@elliemae/ssf-host';
 import { BAEvent, ScriptingObjectTypes, Events } from '@elliemae/pui-scripting-object';
 import type { ScriptingObjects, EventListeners, AddScriptingObjectParams, DispatchEventParam, EventOptions } from '@elliemae/microfe-common';
 import { LogRocket } from '@elliemae/pui-logrocket';
+import { Analytics } from '@elliemae/pui-analytics-so';
 import { MicroFrontEndLogger } from '../types.js';
-import { Analytics } from './scripting-objects/analytics.js';
 type HostOptions = {
     systemVersion: string;
     history: History;

package/dist/types/lib/utils/micro-frontend/tests/host.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/lib/utils/testing/performance-mock.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Shared Performance API mock utilities for testing
+ */
+export declare class MockPerformanceObserver {
+    callback: PerformanceObserverCallback;
+    constructor(callback: PerformanceObserverCallback);
+    observe(): void;
+    disconnect(): void;
+}
+export declare const mockMarks: Map<string, PerformanceMark>;
+export declare const mockMeasures: PerformanceMeasure[];
+export declare const originalPerformance: Performance;
+/**
+ * Setup Performance API mock
+ * Call this in beforeEach or beforeAll
+ */
+export declare function setupPerformanceMock(): void;
+/**
+ * Clear performance mock data
+ * Call this in afterEach to reset state between tests
+ */
+export declare function clearPerformanceMock(): void;
+/**
+ * Restore original performance object
+ * Call this in afterEach or afterAll
+ */
+export declare function restorePerformance(): void;

package/dist/types/lib/view/fields/form-item-layout/index.d.ts

@@ -5,4 +5,4 @@ export type FormItemLayoutProps = {
     labelText?: string;
     [x: string]: any;
 };
-export declare const FormItemLayout: ({ name, ...rest }: FormItemLayoutProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const FormItemLayout: ({ name, ...rest }: FormItemLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/view/fields/form-layout-block-item/index.d.ts

@@ -1,3 +1,3 @@
 import { DSFormLayoutBlockItemT } from '@elliemae/ds-form-layout-blocks';
 export type FormLayoutBlockItemProps = DSFormLayoutBlockItemT.Props;
-export declare const FormLayoutBlockItem: ({ inputID, label, ...rest }: FormLayoutBlockItemProps) => import("react/jsx-runtime.js").JSX.Element;
+export declare const FormLayoutBlockItem: ({ inputID, label, ...rest }: FormLayoutBlockItemProps) => import("react/jsx-runtime").JSX.Element;