@elliemae/pui-app-sdk 5.10.10 → 5.11.1

package/dist/cjs/analytics/index.js

@@ -22,7 +22,7 @@ __export(analytics_exports, {
 });
 module.exports = __toCommonJS(analytics_exports);
 var import_guest = require("../utils/micro-frontend/guest.js");
-var import_web_analytics = require("./web-analytics.js");
+var import_web_analytics = require("../utils/micro-frontend/scripting-objects/web-analytics.js");
 var import_redact_pii = require("../utils/redact-pii.js");
 const sendBAEventToSelf = (data) => {
   const redactedData = (0, import_redact_pii.redactPii)(data);

package/dist/cjs/analytics/user-session-event.js

@@ -23,7 +23,7 @@ __export(user_session_event_exports, {
 });
 module.exports = __toCommonJS(user_session_event_exports);
 var import_index = require("./index.js");
-var import_web_analytics = require("./web-analytics.js");
+var import_web_analytics = require("../utils/micro-frontend/scripting-objects/web-analytics.js");
 const loginEvent = ({
   instanceId,
   userId

package/dist/cjs/index.js

@@ -29,6 +29,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var lib_exports = {};
 __export(lib_exports, {
+  Analytics: () => import_analytics2.Analytics,
   AppRoot: () => import_app_root.AppRoot,
   Autocomplete: () => import_autocomplete.Autocomplete,
   CMicroAppGuest: () => import_guest.CMicroAppGuest,
@@ -233,5 +234,6 @@ var import_store3 = require("./data/store.js");
 var import_guest_with_service = require("./utils/guest-with-service.js");
 var import_appdynamics = require("./analytics/appdynamics.js");
 var import_analytics = require("./analytics/index.js");
-var import_web_analytics = require("./analytics/web-analytics.js");
+var import_web_analytics = require("./utils/micro-frontend/scripting-objects/web-analytics.js");
+var import_analytics2 = require("./utils/micro-frontend/scripting-objects/analytics.js");
 var import_redact_pii = require("./utils/redact-pii.js");

package/dist/cjs/utils/app-config/index.js

@@ -35,7 +35,7 @@ module.exports = __toCommonJS(app_config_exports);
 var import_lodash = __toESM(require("lodash"));
 var import_config = require("./config.js");
 var import_appdynamics = require("../../analytics/appdynamics.js");
-var import_web_analytics = require("../../analytics/web-analytics.js");
+var import_web_analytics = require("../micro-frontend/scripting-objects/web-analytics.js");
 var import_window = require("../window.js");
 var import_config2 = require("./config.js");
 const parseAppConfig = (data) => {

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

@@ -40,7 +40,7 @@ var import_history2 = require("../history.js");
 var import_console_logger = require("../console-logger.js");
 var import_logger = require("../logger.js");
 var import_web_storage = require("../web-storage.js");
-var import_web_analytics = require("../../analytics/web-analytics.js");
+var import_web_analytics = require("./scripting-objects/web-analytics.js");
 var import_appdynamics = require("../../analytics/appdynamics.js");
 var import_ssfguest_adapter = require("./ssfguest-adapter.js");
 const isCrossDomain = () => {

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

@@ -34,9 +34,9 @@ var import_console_logger = require("../console-logger.js");
 var import_logger = require("../logger.js");
 var import_constants = require("../constants.js");
 var import_window = require("../window.js");
-var import_analytics = require("../../analytics/index.js");
 var import_appdynamics = require("../../analytics/appdynamics.js");
-var import_web_analytics = require("../../analytics/web-analytics.js");
+var import_analytics = require("./scripting-objects/analytics.js");
+var import_web_analytics = require("./scripting-objects/web-analytics.js");
 var import_session = require("../session.js");
 class CMicroAppHost {
   static instance;
@@ -47,6 +47,8 @@ class CMicroAppHost {
   onInit;
   onRenewSessionTimer;
   scriptingObjects;
+  #ssfHostRef;
+  // eslint-disable-next-line max-statements
   constructor(params) {
     this.appId = (0, import_config.getAppConfigValue)("appId");
     this.onInit = params?.onInit;
@@ -59,7 +61,13 @@ class CMicroAppHost {
       theme: params?.theme ?? (0, import_pui_theme.getDefaultTheme)()
     };
     this.activeGuests = {};
-    this.scriptingObjects = params?.scriptingObjects ?? {};
+    this.#ssfHostRef = params?.ssfHostRef || null;
+    const analyticsObj = new import_analytics.Analytics(this.logger);
+    this.scriptingObjects = {
+      analytics: analyticsObj,
+      ...params?.scriptingObjects ?? {}
+    };
+    this.#ssfHostRef?.publish(analyticsObj);
     this.getProps = this.getProps.bind(this);
     this.getLogger = this.getLogger.bind(this);
     this.getGuests = this.getGuests.bind(this);
@@ -165,7 +173,8 @@ class CMicroAppHost {
     this.props.systemVersion = version;
   }
   sendBAEvent(data) {
-    (0, import_analytics.sendBAEvent)({ data, self: true });
+    this.scriptingObjects.analytics.sendBAEvent(data).catch(() => {
+    });
   }
   // eslint-disable-next-line @typescript-eslint/require-await
   async getObject(name) {

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

@@ -0,0 +1,131 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var analytics_exports = {};
+__export(analytics_exports, {
+  Analytics: () => Analytics
+});
+module.exports = __toCommonJS(analytics_exports);
+var import_em_ssf_host = __toESM(require("@elliemae/em-ssf-host"));
+var import_redact_pii = require("../../redact-pii.js");
+var import_web_analytics = require("./web-analytics.js");
+class Analytics extends import_em_ssf_host.default.ScriptingObject {
+  /**
+   * logger instance
+   */
+  #logger;
+  /**
+   * Creates new instance of Analytics scripting object
+   * @param logger instance of PUI Diagnostics logger
+   */
+  constructor(logger) {
+    super("analytics");
+    this.#logger = logger;
+    this.#monitorPerformance();
+  }
+  /**
+   * monitor performance and report to GTM
+   */
+  #monitorPerformance = () => {
+    try {
+      const po = new PerformanceObserver((list) => {
+        for (const entry of list.getEntries()) {
+          switch (entry.entryType) {
+            case "measure":
+              this.sendBAEvent({
+                event: "performance",
+                name: entry.name,
+                duration: entry.duration.toString(),
+                startTime: new Date(
+                  performance.timeOrigin + entry.startTime
+                ).toISOString()
+              }).catch(() => {
+              });
+              break;
+            default:
+              break;
+          }
+        }
+      });
+      po.observe({ type: "measure", buffered: true });
+    } catch (e) {
+      this.#logger.error({
+        message: "Error while recording performance",
+        exception: e
+      });
+    }
+  };
+  /**
+   * send business analytics event
+   * @param event business analytics event
+   * @returns promise
+   */
+  sendBAEvent = (event) => {
+    const eventEx = { ...(0, import_web_analytics.getBAEventParameters)(), ...event };
+    const redactedData = (0, import_redact_pii.redactPii)(eventEx);
+    window.gtmDataLayer = window.gtmDataLayer || [];
+    window.gtmDataLayer.push(redactedData);
+    return Promise.resolve();
+  };
+  /**
+   * start a performance mark
+   * @param markName name of the performance mark
+   * @param markOptions
+   * @returns a promise that resolves to a PerformanceMeasure object
+   */
+  perfMarkStart = (markName, markOptions) => {
+    if (!markName) throw new Error("markName is required");
+    return Promise.resolve(performance.mark(markName, markOptions));
+  };
+  /**
+   * end a performance mark
+   * @param startMarkNameorMark start mark name or start PerformanceMeasure object
+   * @returns a promise that resolves when the mark is ended
+   * @example
+   * ```typescript
+   * const startMark = await analytics.perfMarkStart('LongTask');
+   * // do some work
+   * await analytics.perfMarkEnd(startMark);
+   * ```
+   * ```typescript
+   * const startMark = await analytics.perfMarkStart('LongTask');
+   * // do some work
+   * await analytics.perfMarkEnd('LongTask');
+   * ```
+   */
+  perfMarkEnd = (startMarkNameorMark) => {
+    if (!startMarkNameorMark) throw new Error("startMark is required");
+    if (typeof startMarkNameorMark === "string")
+      performance.measure(startMarkNameorMark, { start: startMarkNameorMark });
+    else
+      performance.measure(startMarkNameorMark.name, {
+        start: startMarkNameorMark.startTime
+      });
+    return Promise.resolve();
+  };
+}

package/dist/esm/analytics/index.js

@@ -1,5 +1,5 @@
 import { CMicroAppGuest } from "../utils/micro-frontend/guest.js";
-import { getBAEventParameters } from "./web-analytics.js";
+import { getBAEventParameters } from "../utils/micro-frontend/scripting-objects/web-analytics.js";
 import { redactPii } from "../utils/redact-pii.js";
 const sendBAEventToSelf = (data) => {
   const redactedData = redactPii(data);

package/dist/esm/analytics/user-session-event.js

@@ -1,5 +1,5 @@
 import { sendBAEvent } from "./index.js";
-import { updateBAEventParameters } from "./web-analytics.js";
+import { updateBAEventParameters } from "../utils/micro-frontend/scripting-objects/web-analytics.js";
 const loginEvent = ({
   instanceId,
   userId

package/dist/esm/index.js

@@ -131,9 +131,11 @@ import { getStore } from "./data/store.js";
 import { RegisterService } from "./utils/guest-with-service.js";
 import { setAppDynamicsUserData } from "./analytics/appdynamics.js";
 import { sendBAEvent } from "./analytics/index.js";
-import { updateBAEventParameters } from "./analytics/web-analytics.js";
+import { updateBAEventParameters } from "./utils/micro-frontend/scripting-objects/web-analytics.js";
+import { Analytics } from "./utils/micro-frontend/scripting-objects/analytics.js";
 import { redactPii } from "./utils/redact-pii.js";
 export {
+  Analytics,
   AppRoot,
   Autocomplete,
   CMicroAppGuest,

package/dist/esm/utils/app-config/index.js

@@ -1,7 +1,7 @@
 import _ from "lodash";
 import { setAppConfig } from "./config.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
-import { updateBAEventParameters } from "../../analytics/web-analytics.js";
+import { updateBAEventParameters } from "../micro-frontend/scripting-objects/web-analytics.js";
 import { getAssetPath } from "../window.js";
 import { getAppConfigValue } from "./config.js";
 const parseAppConfig = (data) => {

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

@@ -7,7 +7,7 @@ import { browserHistory } from "../history.js";
 import { consoleLogger } from "../console-logger.js";
 import { setLogger } from "../logger.js";
 import { removeStorageEvents } from "../web-storage.js";
-import { updateBAEventParameters } from "../../analytics/web-analytics.js";
+import { updateBAEventParameters } from "./scripting-objects/web-analytics.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
 import { SSFGuestAdapter } from "./ssfguest-adapter.js";
 const isCrossDomain = () => {

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

@@ -18,9 +18,9 @@ import {
   getCurrentBreakpoint,
   getViewportSize as getWindowViewportSize
 } from "../window.js";
-import { sendBAEvent } from "../../analytics/index.js";
 import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
-import { updateBAEventParameters } from "../../analytics/web-analytics.js";
+import { Analytics } from "./scripting-objects/analytics.js";
+import { updateBAEventParameters } from "./scripting-objects/web-analytics.js";
 import { renewSession } from "../session.js";
 class CMicroAppHost {
   static instance;
@@ -31,6 +31,8 @@ class CMicroAppHost {
   onInit;
   onRenewSessionTimer;
   scriptingObjects;
+  #ssfHostRef;
+  // eslint-disable-next-line max-statements
   constructor(params) {
     this.appId = getAppConfigValue("appId");
     this.onInit = params?.onInit;
@@ -43,7 +45,13 @@ class CMicroAppHost {
       theme: params?.theme ?? getDefaultTheme()
     };
     this.activeGuests = {};
-    this.scriptingObjects = params?.scriptingObjects ?? {};
+    this.#ssfHostRef = params?.ssfHostRef || null;
+    const analyticsObj = new Analytics(this.logger);
+    this.scriptingObjects = {
+      analytics: analyticsObj,
+      ...params?.scriptingObjects ?? {}
+    };
+    this.#ssfHostRef?.publish(analyticsObj);
     this.getProps = this.getProps.bind(this);
     this.getLogger = this.getLogger.bind(this);
     this.getGuests = this.getGuests.bind(this);
@@ -149,7 +157,8 @@ class CMicroAppHost {
     this.props.systemVersion = version;
   }
   sendBAEvent(data) {
-    sendBAEvent({ data, self: true });
+    this.scriptingObjects.analytics.sendBAEvent(data).catch(() => {
+    });
   }
   // eslint-disable-next-line @typescript-eslint/require-await
   async getObject(name) {

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

@@ -0,0 +1,101 @@
+import ssfHost from "@elliemae/em-ssf-host";
+import { redactPii } from "../../redact-pii.js";
+import { getBAEventParameters } from "./web-analytics.js";
+class Analytics extends ssfHost.ScriptingObject {
+  /**
+   * logger instance
+   */
+  #logger;
+  /**
+   * Creates new instance of Analytics scripting object
+   * @param logger instance of PUI Diagnostics logger
+   */
+  constructor(logger) {
+    super("analytics");
+    this.#logger = logger;
+    this.#monitorPerformance();
+  }
+  /**
+   * monitor performance and report to GTM
+   */
+  #monitorPerformance = () => {
+    try {
+      const po = new PerformanceObserver((list) => {
+        for (const entry of list.getEntries()) {
+          switch (entry.entryType) {
+            case "measure":
+              this.sendBAEvent({
+                event: "performance",
+                name: entry.name,
+                duration: entry.duration.toString(),
+                startTime: new Date(
+                  performance.timeOrigin + entry.startTime
+                ).toISOString()
+              }).catch(() => {
+              });
+              break;
+            default:
+              break;
+          }
+        }
+      });
+      po.observe({ type: "measure", buffered: true });
+    } catch (e) {
+      this.#logger.error({
+        message: "Error while recording performance",
+        exception: e
+      });
+    }
+  };
+  /**
+   * send business analytics event
+   * @param event business analytics event
+   * @returns promise
+   */
+  sendBAEvent = (event) => {
+    const eventEx = { ...getBAEventParameters(), ...event };
+    const redactedData = redactPii(eventEx);
+    window.gtmDataLayer = window.gtmDataLayer || [];
+    window.gtmDataLayer.push(redactedData);
+    return Promise.resolve();
+  };
+  /**
+   * start a performance mark
+   * @param markName name of the performance mark
+   * @param markOptions
+   * @returns a promise that resolves to a PerformanceMeasure object
+   */
+  perfMarkStart = (markName, markOptions) => {
+    if (!markName) throw new Error("markName is required");
+    return Promise.resolve(performance.mark(markName, markOptions));
+  };
+  /**
+   * end a performance mark
+   * @param startMarkNameorMark start mark name or start PerformanceMeasure object
+   * @returns a promise that resolves when the mark is ended
+   * @example
+   * ```typescript
+   * const startMark = await analytics.perfMarkStart('LongTask');
+   * // do some work
+   * await analytics.perfMarkEnd(startMark);
+   * ```
+   * ```typescript
+   * const startMark = await analytics.perfMarkStart('LongTask');
+   * // do some work
+   * await analytics.perfMarkEnd('LongTask');
+   * ```
+   */
+  perfMarkEnd = (startMarkNameorMark) => {
+    if (!startMarkNameorMark) throw new Error("startMark is required");
+    if (typeof startMarkNameorMark === "string")
+      performance.measure(startMarkNameorMark, { start: startMarkNameorMark });
+    else
+      performance.measure(startMarkNameorMark.name, {
+        start: startMarkNameorMark.startTime
+      });
+    return Promise.resolve();
+  };
+}
+export {
+  Analytics
+};

package/dist/types/lib/api/helpers.d.ts

@@ -75,4 +75,4 @@ export declare const getApiActionCreator: (api: string) => (operation: string) =
  * @param {string} stateName the redux store's state name of the state you want to access.
  * @returns {Function} A *selectField* function that returns a selector function to be used inside a *useSelector* hook or a *select* side effect
  */
-export declare const getSelectField: (stateName: string) => (fieldName: string | string[] | undefined, defaultValue: unknown | Array<unknown>) => (state?: {}, stateValue?: unknown) => Array<unknown> | unknown;
+export declare const getSelectField: (stateName: string) => (fieldName: (string | Array<string>) | undefined, defaultValue: unknown | Array<unknown>) => (state?: {}, stateValue?: unknown) => Array<unknown> | unknown;

package/dist/types/lib/data/listenerMiddleware.d.ts

@@ -3,16 +3,6 @@ import type { RootState, AppDispatch } from './types.js';
 export declare const listenerMiddleware: import("@reduxjs/toolkit").ListenerMiddlewareInstance<unknown, import("@reduxjs/toolkit").ThunkDispatch<unknown, unknown, import("redux").AnyAction>, unknown>;
 export type AppStartListening = TypedStartListening<RootState, AppDispatch>;
 export declare const startSideEffect: AppStartListening;
-export declare const createSideEffect: TypedAddListener<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
-    error: import("./error/index.js").ErrorState;
-    breakpoint: import("./breakpoint/index.js").BreakpointState;
-    liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, AppDispatch>;
-export declare const removeSideEffect: TypedRemoveListener<import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
-    error: import("./error/index.js").ErrorState;
-    breakpoint: import("./breakpoint/index.js").BreakpointState;
-    liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, AppDispatch>;
+export declare const createSideEffect: TypedAddListener<RootState, AppDispatch>;
+export declare const removeSideEffect: TypedRemoveListener<RootState, AppDispatch>;
 export declare const clearSideEffects: () => void;

package/dist/types/lib/data/store.d.ts

@@ -19,12 +19,7 @@ export declare const getStore: () => unknown;
 type MiddlewareConfig = {
     thunk?: boolean;
 };
-export declare const createAppStore: (initialState: import("redux").CombinedState<{
-    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
-    error: import("./error/index.js").ErrorState;
-    breakpoint: import("./breakpoint/index.js").BreakpointState;
-    liveMessage: import("./live-message/index.js").LiveMessageState;
-}> | undefined, history: History, middlewareConfig?: MiddlewareConfig, injectedReducers?: InjectedReducers) => import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").EmptyObject & {
+export declare const createAppStore: (initialState: RootState | undefined, history: History, middlewareConfig?: MiddlewareConfig, injectedReducers?: InjectedReducers) => import("@reduxjs/toolkit/dist/configureStore.js").ToolkitStore<import("redux").EmptyObject & {
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;

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

@@ -85,7 +85,8 @@ export { getStore } from './data/store.js';
 export { RegisterService } from './utils/guest-with-service.js';
 export { setAppDynamicsUserData } from './analytics/appdynamics.js';
 export { sendBAEvent } from './analytics/index.js';
-export { updateBAEventParameters } from './analytics/web-analytics.js';
+export { updateBAEventParameters } from './utils/micro-frontend/scripting-objects/web-analytics.js';
+export { Analytics } from './utils/micro-frontend/scripting-objects/analytics.js';
 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/auth/loginParams.d.ts

@@ -4,7 +4,7 @@ type LoginParams = {
     responseType: string;
     redirectUri: string;
 };
-export declare const setLoginParams: (params: Omit<LoginParams, 'redirectUri'> & {
+export declare const setLoginParams: (params: Omit<LoginParams, "redirectUri"> & {
     redirectUri?: string;
 }) => void;
 export declare const getLoginParams: () => LoginParams;

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

@@ -1,6 +1,8 @@
 import { History, To } from 'history';
 import { DefaultTheme } from 'styled-components';
-import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener, BAEvent } from '@elliemae/pui-micro-frontend-base';
+import { IMicroAppHost, ResizeEventHandler, BreakpointChangeEventHandler, SubscriptionListener } from '@elliemae/pui-micro-frontend-base';
+import ssfHost from '@elliemae/em-ssf-host';
+import { BAEvent } from '@elliemae/pui-scripting-object';
 import { MicroFrontEndLogger } from '../types.js';
 type HostOptions = {
     systemVersion: string;
@@ -16,8 +18,10 @@ type ConstructorParams = {
     scriptingObjects?: Record<string, any>;
     onRenewSessionTimer?: () => void;
     onInit?: OnInitCallback;
+    ssfHostRef?: typeof ssfHost.Host;
 };
 export declare class CMicroAppHost implements IMicroAppHost {
+    #private;
     private static instance;
     private readonly logger;
     private readonly appId;
@@ -54,7 +58,7 @@ export declare class CMicroAppHost implements IMicroAppHost {
     onResizeEvent(eventHandler: ResizeEventHandler): string;
     onBreakpointChangeEvent(eventHandler: BreakpointChangeEventHandler): string;
     setSystemVersion(version?: string): void;
-    sendBAEvent(this: void, data: BAEvent): void;
+    sendBAEvent(data: BAEvent): void;
     getObject<T>(name: string): Promise<T>;
 }
 export {};

package/dist/types/lib/utils/micro-frontend/scripting-objects/analytics.d.ts

@@ -0,0 +1,44 @@
+import ssfHost from '@elliemae/em-ssf-host';
+import { IAnalytics, BAEvent } from '@elliemae/pui-scripting-object';
+import { MicroFrontEndLogger } from '../../types.js';
+/**
+ * Analytics scripting object
+ */
+export declare class Analytics extends ssfHost.ScriptingObject implements IAnalytics {
+    #private;
+    /**
+     * Creates new instance of Analytics scripting object
+     * @param logger instance of PUI Diagnostics logger
+     */
+    constructor(logger: MicroFrontEndLogger);
+    /**
+     * send business analytics event
+     * @param event business analytics event
+     * @returns promise
+     */
+    sendBAEvent: (event: BAEvent) => Promise<void>;
+    /**
+     * start a performance mark
+     * @param markName name of the performance mark
+     * @param markOptions
+     * @returns a promise that resolves to a PerformanceMeasure object
+     */
+    perfMarkStart: (markName: string, markOptions?: PerformanceMarkOptions) => Promise<PerformanceMark>;
+    /**
+     * end a performance mark
+     * @param startMarkNameorMark start mark name or start PerformanceMeasure object
+     * @returns a promise that resolves when the mark is ended
+     * @example
+     * ```typescript
+     * const startMark = await analytics.perfMarkStart('LongTask');
+     * // do some work
+     * await analytics.perfMarkEnd(startMark);
+     * ```
+     * ```typescript
+     * const startMark = await analytics.perfMarkStart('LongTask');
+     * // do some work
+     * await analytics.perfMarkEnd('LongTask');
+     * ```
+     */
+    perfMarkEnd: (startMarkNameorMark: string | PerformanceMeasure) => Promise<void>;
+}

package/dist/types/lib/utils/storybook/preview.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './preview.css';
 export declare const getParameters: (storyBookTheme: {
     [x: string]: any;
@@ -27,5 +26,5 @@ export declare const getParameters: (storyBookTheme: {
         hideEmpty: boolean;
     };
 };
-export declare const decorators: ((story: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react/jsx-runtime.js").JSX.Element)[];
+export declare const decorators: ((story: () => React.ReactElement) => import("react/jsx-runtime.js").JSX.Element)[];
 export declare const loaders: (() => Promise<void>)[];

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

@@ -1,4 +1,4 @@
 import { RenderOptions } from '@testing-library/react';
-declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries.js"), HTMLElement, HTMLElement>;
+declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, "queries">) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries.js"), HTMLElement, HTMLElement>;
 export * from '@testing-library/react';
 export { customRender as render };

package/dist/types/lib/utils/testing/render-with-redux.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AppStore, RootState } from '../../data/store.js';
 interface Args {
     initialState: RootState;
@@ -24,8 +23,8 @@ export declare const renderWithRedux: (ui: React.ReactElement, { initialState, s
     }>, import("redux").AnyAction>, ...(import("redux-saga").SagaMiddleware<object> | import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>)[]]>>;
     container: HTMLElement;
     baseElement: HTMLElement;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
-    rerender: (ui: import("react").ReactNode) => void;
+    debug: (baseElement?: Element | DocumentFragment | Array<Element | DocumentFragment>, maxLength?: number, options?: import("pretty-format").OptionsReceived) => void;
+    rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
     getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;

package/dist/types/lib/utils/testing/render-with-router-redux.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { History } from 'history';
 import { AppStore, RootState } from '../../data/store.js';
 interface Args {
@@ -27,8 +26,8 @@ export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, hi
     }>, import("redux").AnyAction>, ...(import("redux-saga").SagaMiddleware<object> | import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>)[]]>>;
     container: HTMLElement;
     baseElement: HTMLElement;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
-    rerender: (ui: import("react").ReactNode) => void;
+    debug: (baseElement?: Element | DocumentFragment | Array<Element | DocumentFragment>, maxLength?: number, options?: import("pretty-format").OptionsReceived) => void;
+    rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
     getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;

package/dist/types/lib/utils/testing/render-with-router.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { History } from 'history';
 interface Args {
     route: string;
@@ -8,8 +7,8 @@ export declare const renderWithRouter: (ui: React.ReactElement, { route, history
     history: History;
     container: HTMLElement;
     baseElement: HTMLElement;
-    debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
-    rerender: (ui: import("react").ReactNode) => void;
+    debug: (baseElement?: Element | DocumentFragment | Array<Element | DocumentFragment>, maxLength?: number, options?: import("pretty-format").OptionsReceived) => void;
+    rerender: (ui: React.ReactNode) => void;
     unmount: () => void;
     asFragment: () => DocumentFragment;
     getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;

package/dist/types/lib/utils/testing/render-with-state-addons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Theme } from '@elliemae/pui-theme';
 import { Saga } from 'redux-saga';
 import { Reducer } from 'redux';