@elliemae/pui-app-sdk 5.28.0 → 5.30.0-rc.1

package/dist/cjs/communication/http-client/index.js

@@ -39,14 +39,16 @@ var import_helper = require("../../utils/auth/helper.js");
 var import_retry = __toESM(require("./retry.js"));
 var import_request_interceptor = require("./request-interceptor.js");
 var import_response_interceptor = require("./response-interceptor.js");
+var import_logrocket = require("../../utils/micro-frontend/scripting-objects/logrocket.js");
 const REQUEST_TIMEOUT = 2 * 60 * 1e3;
 const getHTTPClient = ({
   baseURL = (0, import_config.getAppConfigValue)("serviceEndpoints.api", ""),
   headers = {}
 } = {}) => {
+  const logRocketSessionUrl = (0, import_logrocket.getLogRocket)()?.sessionURL || "";
   const client = import_axios.default.create({
     baseURL,
-    headers
+    headers: logRocketSessionUrl ? { ...headers, "X-LogRocket-URL": logRocketSessionUrl } : headers
   });
   if (client?.defaults?.timeout) client.defaults.timeout = REQUEST_TIMEOUT;
   (0, import_retry.default)(client);

package/dist/cjs/index.js

@@ -130,7 +130,6 @@ __export(index_exports, {
   sendMessageToHost: () => import_message_to_host_app.sendMessageToHost,
   setAppConfig: () => import_config.setAppConfig,
   setAppConfigValue: () => import_config.setAppConfigValue,
-  setAppDynamicsUserData: () => import_appdynamics.setAppDynamicsUserData,
   setHostAppData: () => import_store2.setHostAppData,
   setLoginParams: () => import_loginParams.setLoginParams,
   startSideEffect: () => import_listenerMiddleware.startSideEffect,
@@ -240,7 +239,6 @@ var import_micro_iframe_app = require("./view/micro-iframe-app/index.js");
 var import_utils = require("./view/micro-app/utils.js");
 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("./utils/micro-frontend/scripting-objects/web-analytics.js");
 var import_analytics2 = require("./utils/micro-frontend/scripting-objects/analytics.js");

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

@@ -34,7 +34,6 @@ __export(app_config_exports, {
 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("../micro-frontend/scripting-objects/web-analytics.js");
 var import_window = require("../window.js");
 var import_config2 = require("./config.js");
@@ -46,7 +45,6 @@ const parseAppConfig = (data) => {
   sessionStorage.setItem("envName", activeEnv);
   window.emui = window.emui || {};
   window.emui.appId = (0, import_config.getAppConfigValue)("appId") ?? window.emui.appId ?? "";
-  (0, import_appdynamics.setAppDynamicsUserData)({ envName: activeEnv });
   (0, import_web_analytics.updateBAEventParameters)({ envName: activeEnv });
 };
 const getUnVersionedPath = (path) => path.replace(/(\d+\.\d+)(?!.*\d+\.\d+)/, "latest");

package/dist/cjs/utils/auth/index.js

@@ -30,8 +30,10 @@ var import_history = require("../history.js");
 var import_auth = require("../../api/auth/index.js");
 var import_users = require("../../api/users/index.js");
 var import_user_session_event = require("../../analytics/user-session-event.js");
-var import_appdynamics = require("../../analytics/appdynamics.js");
+var import_web_analytics = require("../micro-frontend/scripting-objects/web-analytics.js");
+var import_logrocket = require("../micro-frontend/scripting-objects/logrocket.js");
 var import_helper = require("./helper.js");
+var import_helpers = require("../helpers.js");
 var import_config = require("../app-config/config.js");
 var import_log_records = require("../log-records.js");
 var import_loginParams = require("./loginParams.js");
@@ -85,7 +87,15 @@ const endSession = async ({
         token
       });
     (0, import_user_session_event.logoutEvent)();
-    (0, import_appdynamics.setAppDynamicsUserData)({ instanceId: "", userId: "" });
+    const logRocket = (0, import_logrocket.getLogRocket)();
+    if (logRocket) {
+      const eventData = {
+        ...(0, import_web_analytics.getBAEventParameters)(),
+        ...(0, import_helpers.getProductAppDetails)()
+      };
+      logRocket.track("logout", eventData);
+    }
+    (0, import_web_analytics.updateBAEventParameters)({ instanceId: "", userId: "" });
     const idpHost = (0, import_config.getAppConfigValue)(IDP_ENDPOINT_CONFIG_KEY, "");
     const logoutUrl = new URL("/authorize", idpHost);
     const params = {
@@ -131,7 +141,8 @@ const authorize = async ({
     const {
       encompass_instance_id: instanceId,
       user_name: userName,
-      bearer_token: bearerToken
+      bearer_token: bearerToken,
+      user_key: userKey
     } = introspectResponse;
     const cred = {
       bearerToken,
@@ -143,7 +154,17 @@ const authorize = async ({
     sessionStorage.setItem("instanceId", instanceId);
     sessionStorage.setItem("userId", userName);
     (0, import_user_session_event.loginEvent)({ instanceId, userId: userName });
-    (0, import_appdynamics.setAppDynamicsUserData)({ instanceId, userId: userName });
+    (0, import_web_analytics.updateBAEventParameters)({ instanceId, userId: userName });
+    const logRocket = (0, import_logrocket.getLogRocket)();
+    if (logRocket) {
+      const eventData = {
+        name: userName,
+        ...(0, import_web_analytics.getBAEventParameters)(),
+        ...(0, import_helpers.getProductAppDetails)()
+      };
+      logRocket.identify(userKey, eventData);
+      logRocket.track("login", eventData);
+    }
     const data = await (0, import_users.getUser)({ userName, isConsumerUser });
     sessionStorage.setItem("userSettings", JSON.stringify(data));
     const pathName = new URL(redirectUri).pathname;

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

@@ -43,7 +43,7 @@ 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("./scripting-objects/web-analytics.js");
-var import_appdynamics = require("../../analytics/appdynamics.js");
+var import_logrocket = require("./scripting-objects/logrocket.js");
 var import_app_bridge = require("./app-bridge.js");
 var import_helpers = require("../helpers.js");
 const isCrossDomain = () => {
@@ -66,6 +66,10 @@ class CMicroAppGuest {
   #uuid;
   static instance;
   logger;
+  /**
+   * LogRocket instance
+   */
+  #logRocket;
   appId;
   props;
   containerId;
@@ -98,6 +102,8 @@ class CMicroAppGuest {
     };
     this.logger = params?.logger || import_console_logger.consoleLogger;
     (0, import_logger.setLogger)(this.logger);
+    this.#logRocket = params?.logRocket;
+    (0, import_logrocket.setLogRocket)(this.#logRocket);
     this.onInit = params?.onInit;
     this.onMount = params?.onMount;
     this.onUnmount = params?.onUnmount;
@@ -271,7 +277,6 @@ class CMicroAppGuest {
       const instanceId = this.getSessionStorageItem("instanceId") || "";
       const userId = this.getSessionStorageItem("userId") || "";
       (0, import_web_analytics.updateBAEventParameters)({ appId: this.appId, instanceId, userId });
-      (0, import_appdynamics.setAppDynamicsUserData)({ appId: this.appId, instanceId, userId });
       const useParentHistory = (0, import_config.getAppConfigValue)("useParentHistory", true);
       if (useParentHistory && history) {
         this.props.history = history;

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

@@ -35,7 +35,7 @@ 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_appdynamics = require("../../analytics/appdynamics.js");
+var import_logrocket = require("./scripting-objects/logrocket.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");
@@ -43,6 +43,10 @@ var import_app_bridge = require("./app-bridge.js");
 class CMicroAppHost {
   static instance;
   logger;
+  /**
+   * LogRocket instance
+   */
+  #logRocket;
   appId;
   props;
   activeGuests;
@@ -58,6 +62,8 @@ class CMicroAppHost {
     this.onInit = params?.onInit;
     this.logger = params?.logger || import_console_logger.consoleLogger;
     (0, import_logger.setLogger)(this.logger);
+    this.#logRocket = params?.logRocket;
+    (0, import_logrocket.setLogRocket)(this.#logRocket);
     this.onRenewSessionTimer = params?.onRenewSessionTimer;
     this.props = {
       systemVersion: params?.version ?? "latest",
@@ -101,9 +107,6 @@ class CMicroAppHost {
     }).catch(() => {
     });
     (0, import_web_analytics.updateBAEventParameters)({ appId: this.appId });
-    (0, import_appdynamics.setAppDynamicsUserData)({
-      appId: this.appId
-    });
   }
   static getInstance(params) {
     if (!this.instance) {

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

@@ -25,6 +25,7 @@ var import_ssf_host = require("@elliemae/ssf-host");
 var import_web_analytics = require("./web-analytics.js");
 var import_helpers = require("../../helpers.js");
 var import_headSampler = require("../../headSampler.js");
+var import_logrocket = require("./logrocket.js");
 class Analytics extends import_ssf_host.ScriptingObject {
   /**
    * logger instance
@@ -108,16 +109,23 @@ class Analytics extends import_ssf_host.ScriptingObject {
   /**
    * send business analytics event
    * @param event business analytics event
+   * @param eve
    * @returns promise
    */
-  sendBAEvent = (event) => {
+  sendBAEvent = (eve) => {
+    const { event, ...rest } = eve ?? {};
+    if (!event) return Promise.resolve();
     const eventEx = {
       ...(0, import_web_analytics.getBAEventParameters)(),
       ...(0, import_helpers.getProductAppDetails)(),
-      ...event
+      ...rest
     };
     window.gtmDataLayer = window.gtmDataLayer || [];
-    window.gtmDataLayer.push(eventEx);
+    window.gtmDataLayer.push({ ...eventEx, event });
+    const logRocket = (0, import_logrocket.getLogRocket)();
+    if (logRocket) {
+      logRocket.track(event, eventEx);
+    }
     return Promise.resolve();
   };
   /**

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

@@ -0,0 +1,29 @@
+"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 logrocket_exports = {};
+__export(logrocket_exports, {
+  getLogRocket: () => getLogRocket,
+  setLogRocket: () => setLogRocket
+});
+module.exports = __toCommonJS(logrocket_exports);
+let gLogRocket = null;
+const getLogRocket = () => gLogRocket;
+const setLogRocket = (logrocket) => {
+  gLogRocket = logrocket || null;
+};

package/dist/cjs/view/fields/masked-input-text/index.js

@@ -48,11 +48,11 @@ const MaskedInputText = ({
   const opts = import_react.default.useMemo(
     () => ({
       ...maskOpts,
-      onChange: (_, maskedValue) => setValue(name, maskedValue, {
+      onChange: ((_, maskedValue) => setValue(name, maskedValue, {
         shouldValidate: true,
         shouldDirty: true,
         shouldTouch: true
-      }),
+      })),
       valueSetter: setVal
     }),
     [maskOpts, name, setValue]

package/dist/cjs/view/micro-iframe-app/iframe.html

@@ -31,7 +31,7 @@
         startVirtualPageMonitoringWithAutoEnd: function () {},
       };
     </script> -->
-    <script>
+    <script nonce="__CSP_NONCE__">
       (function (i, s, o, g, r, a, m) {
         i['GoogleAnalyticsObject'] = r;
         (i[r] =
@@ -52,7 +52,7 @@
         'ga',
       );
     </script>
-    <style>
+    <style nonce="__CSP_NONCE__">
       .full-width {
         width: 100%;
       }

package/dist/cjs/view/tests/__snapshots__/micro-iframe-app.test.tsx.snap

@@ -118,7 +118,9 @@ exports[`MicroIFrameApp should open loanapp and call init and mount methods 1`]
   <script
     src="https://www.google-analytics.com/analytics.js"
   />
-  <script>
+  <script
+    nonce="__CSP_NONCE__"
+  >
     
       (function (i, s, o, g, r, a, m) {
         i['GoogleAnalyticsObject'] = r;
@@ -143,7 +145,9 @@ exports[`MicroIFrameApp should open loanapp and call init and mount methods 1`]
   </script>
   
     
-  <style>
+  <style
+    nonce="__CSP_NONCE__"
+  >
     
       .full-width {
         width: 100%;

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

@@ -39,6 +39,9 @@ var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progr
 var import_react2 = require("../../data/react.js");
 var import_use_html_wait_message = require("./use-html-wait-message.js");
 var import_user_wait_event = require("../../analytics/user-wait-event.js");
+var import_logrocket = require("../../utils/micro-frontend/scripting-objects/logrocket.js");
+var import_web_analytics = require("../../utils/micro-frontend/scripting-objects/web-analytics.js");
+var import_helpers = require("../../utils/helpers.js");
 const StyledCircularIndicator = (0, import_styled_components.default)(import_ds_circular_progress_indicator.DSCircularIndeterminateIndicator)`
   position: absolute;
   left: 50%;
@@ -61,12 +64,19 @@ const WaitMessage = (0, import_react.memo)(
     const delay = (0, import_react2.useAppSelector)((state) => state.waitMessage?.delay);
     ref.current = isOpen ?? false;
     const message = (0, import_react2.useAppSelector)((state) => state.waitMessage?.message);
+    const logRocket = (0, import_logrocket.getLogRocket)();
     (0, import_react.useEffect)(() => {
       setTimeout(
         () => {
           if (isOpen && ref.current) {
             setShow(true);
             (0, import_user_wait_event.waitStartEvent)();
+            if (logRocket) {
+              logRocket.track("wait-spinner-start", {
+                ...(0, import_web_analytics.getBAEventParameters)(),
+                ...(0, import_helpers.getProductAppDetails)()
+              });
+            }
           }
         },
         delay ? 1e3 : 0
@@ -74,8 +84,14 @@ const WaitMessage = (0, import_react.memo)(
       if (!isOpen) {
         setShow(false);
         (0, import_user_wait_event.waitEndEvent)();
+        if (logRocket) {
+          logRocket.track("wait-spinner-end", {
+            ...(0, import_web_analytics.getBAEventParameters)(),
+            ...(0, import_helpers.getProductAppDetails)()
+          });
+        }
       }
-    }, [delay, isOpen]);
+    }, [delay, isOpen, logRocket]);
     (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
     return show ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, { zIndex: theme.zIndex.loader }),

package/dist/esm/communication/http-client/index.js

@@ -4,14 +4,16 @@ import { getAuthorizationHeader } from "../../utils/auth/helper.js";
 import setupRetry from "./retry.js";
 import { requestInterceptor } from "./request-interceptor.js";
 import { handleSuccess, handleFailure } from "./response-interceptor.js";
+import { getLogRocket } from "../../utils/micro-frontend/scripting-objects/logrocket.js";
 const REQUEST_TIMEOUT = 2 * 60 * 1e3;
 const getHTTPClient = ({
   baseURL = getAppConfigValue("serviceEndpoints.api", ""),
   headers = {}
 } = {}) => {
+  const logRocketSessionUrl = getLogRocket()?.sessionURL || "";
   const client = axios.create({
     baseURL,
-    headers
+    headers: logRocketSessionUrl ? { ...headers, "X-LogRocket-URL": logRocketSessionUrl } : headers
   });
   if (client?.defaults?.timeout) client.defaults.timeout = REQUEST_TIMEOUT;
   setupRetry(client);

package/dist/esm/index.js

@@ -140,7 +140,6 @@ import { MicroIFrameApp } from "./view/micro-iframe-app/index.js";
 import { getNavigationLinks } from "./view/micro-app/utils.js";
 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 "./utils/micro-frontend/scripting-objects/web-analytics.js";
 import { Analytics } from "./utils/micro-frontend/scripting-objects/analytics.js";
@@ -247,7 +246,6 @@ export {
   sendMessageToHost,
   setAppConfig,
   setAppConfigValue,
-  setAppDynamicsUserData,
   setHostAppData,
   setLoginParams,
   startSideEffect,

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

@@ -1,6 +1,5 @@
 import _ from "lodash";
 import { getAppConfigValue, setAppConfig } from "./config.js";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
 import { updateBAEventParameters } from "../micro-frontend/scripting-objects/web-analytics.js";
 import { getAssetPath } from "../window.js";
 import { getAppConfigValue as getAppConfigValue2 } from "./config.js";
@@ -12,7 +11,6 @@ const parseAppConfig = (data) => {
   sessionStorage.setItem("envName", activeEnv);
   window.emui = window.emui || {};
   window.emui.appId = getAppConfigValue("appId") ?? window.emui.appId ?? "";
-  setAppDynamicsUserData({ envName: activeEnv });
   updateBAEventParameters({ envName: activeEnv });
 };
 const getUnVersionedPath = (path) => path.replace(/(\d+\.\d+)(?!.*\d+\.\d+)/, "latest");

package/dist/esm/utils/auth/index.js

@@ -6,8 +6,13 @@ import {
 } from "../../api/auth/index.js";
 import { getUser } from "../../api/users/index.js";
 import { loginEvent, logoutEvent } from "../../analytics/user-session-event.js";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
+import {
+  getBAEventParameters,
+  updateBAEventParameters
+} from "../micro-frontend/scripting-objects/web-analytics.js";
+import { getLogRocket } from "../micro-frontend/scripting-objects/logrocket.js";
 import { getAuthorizationHeader, setAuthorizationHeader } from "./helper.js";
+import { getProductAppDetails } from "../helpers.js";
 import { getAppConfigValue } from "../app-config/config.js";
 import { logRecords } from "../log-records.js";
 import { setLoginParams } from "./loginParams.js";
@@ -61,7 +66,15 @@ const endSession = async ({
         token
       });
     logoutEvent();
-    setAppDynamicsUserData({ instanceId: "", userId: "" });
+    const logRocket = getLogRocket();
+    if (logRocket) {
+      const eventData = {
+        ...getBAEventParameters(),
+        ...getProductAppDetails()
+      };
+      logRocket.track("logout", eventData);
+    }
+    updateBAEventParameters({ instanceId: "", userId: "" });
     const idpHost = getAppConfigValue(IDP_ENDPOINT_CONFIG_KEY, "");
     const logoutUrl = new URL("/authorize", idpHost);
     const params = {
@@ -107,7 +120,8 @@ const authorize = async ({
     const {
       encompass_instance_id: instanceId,
       user_name: userName,
-      bearer_token: bearerToken
+      bearer_token: bearerToken,
+      user_key: userKey
     } = introspectResponse;
     const cred = {
       bearerToken,
@@ -119,7 +133,17 @@ const authorize = async ({
     sessionStorage.setItem("instanceId", instanceId);
     sessionStorage.setItem("userId", userName);
     loginEvent({ instanceId, userId: userName });
-    setAppDynamicsUserData({ instanceId, userId: userName });
+    updateBAEventParameters({ instanceId, userId: userName });
+    const logRocket = getLogRocket();
+    if (logRocket) {
+      const eventData = {
+        name: userName,
+        ...getBAEventParameters(),
+        ...getProductAppDetails()
+      };
+      logRocket.identify(userKey, eventData);
+      logRocket.track("login", eventData);
+    }
     const data = await getUser({ userName, isConsumerUser });
     sessionStorage.setItem("userSettings", JSON.stringify(data));
     const pathName = new URL(redirectUri).pathname;

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

@@ -10,7 +10,7 @@ import { consoleLogger } from "../console-logger.js";
 import { setLogger } from "../logger.js";
 import { removeStorageEvents } from "../web-storage.js";
 import { updateBAEventParameters } from "./scripting-objects/web-analytics.js";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
+import { setLogRocket } from "./scripting-objects/logrocket.js";
 import { getAppBridge } from "./app-bridge.js";
 import { abortPromise } from "../helpers.js";
 const isCrossDomain = () => {
@@ -33,6 +33,10 @@ class CMicroAppGuest {
   #uuid;
   static instance;
   logger;
+  /**
+   * LogRocket instance
+   */
+  #logRocket;
   appId;
   props;
   containerId;
@@ -65,6 +69,8 @@ class CMicroAppGuest {
     };
     this.logger = params?.logger || consoleLogger;
     setLogger(this.logger);
+    this.#logRocket = params?.logRocket;
+    setLogRocket(this.#logRocket);
     this.onInit = params?.onInit;
     this.onMount = params?.onMount;
     this.onUnmount = params?.onUnmount;
@@ -238,7 +244,6 @@ class CMicroAppGuest {
       const instanceId = this.getSessionStorageItem("instanceId") || "";
       const userId = this.getSessionStorageItem("userId") || "";
       updateBAEventParameters({ appId: this.appId, instanceId, userId });
-      setAppDynamicsUserData({ appId: this.appId, instanceId, userId });
       const useParentHistory = getAppConfigValue("useParentHistory", true);
       if (useParentHistory && history) {
         this.props.history = history;

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

@@ -20,7 +20,7 @@ import {
   getCurrentBreakpoint,
   getViewportSize as getWindowViewportSize
 } from "../window.js";
-import { setAppDynamicsUserData } from "../../analytics/appdynamics.js";
+import { setLogRocket } from "./scripting-objects/logrocket.js";
 import { Analytics } from "./scripting-objects/analytics.js";
 import { updateBAEventParameters } from "./scripting-objects/web-analytics.js";
 import { renewSession } from "../session.js";
@@ -28,6 +28,10 @@ import { getAppBridge } from "./app-bridge.js";
 class CMicroAppHost {
   static instance;
   logger;
+  /**
+   * LogRocket instance
+   */
+  #logRocket;
   appId;
   props;
   activeGuests;
@@ -43,6 +47,8 @@ class CMicroAppHost {
     this.onInit = params?.onInit;
     this.logger = params?.logger || consoleLogger;
     setLogger(this.logger);
+    this.#logRocket = params?.logRocket;
+    setLogRocket(this.#logRocket);
     this.onRenewSessionTimer = params?.onRenewSessionTimer;
     this.props = {
       systemVersion: params?.version ?? "latest",
@@ -86,9 +92,6 @@ class CMicroAppHost {
     }).catch(() => {
     });
     updateBAEventParameters({ appId: this.appId });
-    setAppDynamicsUserData({
-      appId: this.appId
-    });
   }
   static getInstance(params) {
     if (!this.instance) {

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

@@ -2,6 +2,7 @@ import { ScriptingObject } from "@elliemae/ssf-host";
 import { getBAEventParameters } from "./web-analytics.js";
 import { getProductAppDetails } from "../../helpers.js";
 import { HeadSampler } from "../../headSampler.js";
+import { getLogRocket } from "./logrocket.js";
 class Analytics extends ScriptingObject {
   /**
    * logger instance
@@ -85,16 +86,23 @@ class Analytics extends ScriptingObject {
   /**
    * send business analytics event
    * @param event business analytics event
+   * @param eve
    * @returns promise
    */
-  sendBAEvent = (event) => {
+  sendBAEvent = (eve) => {
+    const { event, ...rest } = eve ?? {};
+    if (!event) return Promise.resolve();
     const eventEx = {
       ...getBAEventParameters(),
       ...getProductAppDetails(),
-      ...event
+      ...rest
     };
     window.gtmDataLayer = window.gtmDataLayer || [];
-    window.gtmDataLayer.push(eventEx);
+    window.gtmDataLayer.push({ ...eventEx, event });
+    const logRocket = getLogRocket();
+    if (logRocket) {
+      logRocket.track(event, eventEx);
+    }
     return Promise.resolve();
   };
   /**

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

@@ -0,0 +1,9 @@
+let gLogRocket = null;
+const getLogRocket = () => gLogRocket;
+const setLogRocket = (logrocket) => {
+  gLogRocket = logrocket || null;
+};
+export {
+  getLogRocket,
+  setLogRocket
+};

package/dist/esm/view/fields/masked-input-text/index.js

@@ -18,11 +18,11 @@ const MaskedInputText = ({
   const opts = React.useMemo(
     () => ({
       ...maskOpts,
-      onChange: (_, maskedValue) => setValue(name, maskedValue, {
+      onChange: ((_, maskedValue) => setValue(name, maskedValue, {
         shouldValidate: true,
         shouldDirty: true,
         shouldTouch: true
-      }),
+      })),
       valueSetter: setVal
     }),
     [maskOpts, name, setValue]

package/dist/esm/view/micro-iframe-app/iframe.html

@@ -31,7 +31,7 @@
         startVirtualPageMonitoringWithAutoEnd: function () {},
       };
     </script> -->
-    <script>
+    <script nonce="__CSP_NONCE__">
       (function (i, s, o, g, r, a, m) {
         i['GoogleAnalyticsObject'] = r;
         (i[r] =
@@ -52,7 +52,7 @@
         'ga',
       );
     </script>
-    <style>
+    <style nonce="__CSP_NONCE__">
       .full-width {
         width: 100%;
       }

package/dist/esm/view/tests/__snapshots__/micro-iframe-app.test.tsx.snap

@@ -118,7 +118,9 @@ exports[`MicroIFrameApp should open loanapp and call init and mount methods 1`]
   <script
     src="https://www.google-analytics.com/analytics.js"
   />
-  <script>
+  <script
+    nonce="__CSP_NONCE__"
+  >
     
       (function (i, s, o, g, r, a, m) {
         i['GoogleAnalyticsObject'] = r;
@@ -143,7 +145,9 @@ exports[`MicroIFrameApp should open loanapp and call init and mount methods 1`]
   </script>
   
     
-  <style>
+  <style
+    nonce="__CSP_NONCE__"
+  >
     
       .full-width {
         width: 100%;