@elliemae/pui-app-sdk 6.0.0-alpha.2 → 6.0.0-alpha.4

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

@@ -0,0 +1,221 @@
+"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 guest_microapp_exports = {};
+__export(guest_microapp_exports, {
+  GuestMicroApp: () => GuestMicroApp
+});
+module.exports = __toCommonJS(guest_microapp_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_redux = require("react-redux");
+var import_pui_logrocket = require("@elliemae/pui-logrocket");
+var import_types = require("../utils/micro-frontend/types.js");
+var import_app_bridge = require("../utils/micro-frontend/app-bridge.js");
+var import_ssf_host2 = require("../utils/micro-frontend/ssf-host.js");
+var import_actions = require("../data/wait-message/actions.js");
+var import_micro_frontend = require("../utils/micro-frontend/index.js");
+const Div = import_styled_components.default.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  overflow: hidden;
+`;
+const useAppRenderer = (props) => {
+  const {
+    id,
+    history,
+    homeRoute,
+    initialRoute,
+    onLoadComplete,
+    onUnloadComplete,
+    containerId,
+    ssfAppOptions,
+    disableWaitMessage = false
+  } = props;
+  const dispatch = (0, import_react_redux.useDispatch)();
+  const stableSsfAppOptions = (0, import_react.useMemo)(
+    () => ssfAppOptions ?? {},
+    [ssfAppOptions]
+  );
+  const getConfig = (0, import_react.useCallback)(
+    () => (0, import_micro_frontend.getMicroFrontEndAppConfig)({
+      id
+    }),
+    [id]
+  );
+  (0, import_react.useLayoutEffect)(() => {
+    let isMounted = true;
+    let appBridge = null;
+    let ssfHost = null;
+    let unloadInProgress = Promise.resolve();
+    let instanceId = null;
+    (async () => {
+      await unloadInProgress;
+      if (!disableWaitMessage) {
+        dispatch(import_actions.waitMessage.open());
+      }
+      try {
+        const {
+          microappManager = import_types.MicroAppManager.APPSDK,
+          hostUrl,
+          title,
+          name,
+          ssfAppOptions: configSsfAppOptions = {}
+        } = getConfig();
+        const mergedSsfAppOptions = {
+          ...configSsfAppOptions,
+          ...stableSsfAppOptions
+        };
+        if (microappManager === import_types.MicroAppManager.SSF) {
+          ssfHost = (0, import_ssf_host2.getSSFHost)();
+          if (!ssfHost)
+            throw new Error(`Failed to load ${id}, SSFHost not initialized`);
+          if (!hostUrl)
+            throw new Error(`Failed to load ${id}, hostUrl not configured`);
+          if (isMounted) {
+            const { searchParams, ...guestOptions } = mergedSsfAppOptions;
+            const ssfUrlObj = new URL(hostUrl);
+            if (initialRoute) {
+              const resolved = new URL(initialRoute, ssfUrlObj.origin);
+              ssfUrlObj.pathname = resolved.pathname;
+              ssfUrlObj.search = resolved.search;
+            }
+            const lrParams = (0, import_pui_logrocket.buildLogRocketQueryParams)();
+            if (lrParams) {
+              ssfUrlObj.search += (ssfUrlObj.search ? "&" : "?") + lrParams;
+            }
+            const targetElement = document.getElementById(containerId);
+            if (!targetElement)
+              throw new Error(
+                `Failed to load ${id}, container element '${containerId ?? ""}' not found`
+              );
+            const guest = ssfHost.loadGuest({
+              id,
+              url: ssfUrlObj.toString(),
+              title: title ?? name,
+              targetElement,
+              searchParams,
+              onLoad: onLoadComplete,
+              options: guestOptions
+            });
+            instanceId = guest.id;
+          }
+        } else {
+          appBridge = await (0, import_app_bridge.getAppBridge)();
+          if (!appBridge)
+            throw new Error(`Failed to load ${id}, AppBridge not initialized`);
+          if (isMounted) {
+            instanceId = await appBridge.openApp({
+              id,
+              frameOptions: {
+                containerId,
+                queryParams: (0, import_pui_logrocket.buildLogRocketQueryParams)()
+              },
+              history,
+              homeRoute,
+              initialRoute
+            });
+            setTimeout(() => {
+              try {
+                onLoadComplete?.(instanceId);
+              } catch (ex) {
+                (0, import_micro_frontend.getLogger)().warn({
+                  message: `onLoadComplete callback failed for ${id}`,
+                  exception: ex
+                });
+              }
+            }, 0);
+          }
+        }
+      } catch (ex) {
+        (0, import_micro_frontend.getLogger)().error({
+          message: `Failed to load ${id}`,
+          exception: ex
+        });
+        isMounted = false;
+        if (appBridge && instanceId)
+          unloadInProgress = appBridge.closeApp(instanceId);
+        if (ssfHost && instanceId)
+          unloadInProgress = Promise.resolve(ssfHost.unloadGuest(instanceId));
+        throw ex;
+      } finally {
+        if (!disableWaitMessage) {
+          dispatch(import_actions.waitMessage.close());
+        }
+      }
+    })();
+    return () => {
+      isMounted = false;
+      if (ssfHost && instanceId) {
+        unloadInProgress = Promise.resolve(ssfHost.unloadGuest(instanceId));
+      } else if (appBridge && instanceId) {
+        unloadInProgress = appBridge.closeApp(instanceId);
+      }
+      unloadInProgress.then(() => {
+        instanceId = null;
+        setTimeout(() => {
+          try {
+            onUnloadComplete?.();
+          } catch (ex) {
+            (0, import_micro_frontend.getLogger)().warn({
+              message: `onUnloadComplete callback failed for ${id}`,
+              exception: ex
+            });
+          }
+        }, 0);
+      }).catch((ex) => {
+        (0, import_micro_frontend.getLogger)().warn({
+          message: `Failed to unload ${id}`,
+          exception: ex
+        });
+      });
+    };
+  }, [
+    containerId,
+    dispatch,
+    history,
+    homeRoute,
+    initialRoute,
+    id,
+    onLoadComplete,
+    onUnloadComplete,
+    getConfig,
+    stableSsfAppOptions,
+    disableWaitMessage
+  ]);
+};
+const GuestMicroApp = (0, import_react.memo)(
+  (props) => {
+    const containerId = (0, import_react.useRef)(crypto.randomUUID());
+    useAppRenderer({ ...props, containerId: containerId.current });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div, { id: containerId.current });
+  }
+);

package/dist/cjs/view/login/index.js

@@ -30,7 +30,14 @@ const Login = ({
   clientId,
   scope,
   responseType,
-  children
+  instanceId,
+  siteId,
+  userId,
+  disableRememberMe,
+  useCompactIdpPage,
+  isSSO,
+  children,
+  isConsumerUser
 }) => {
   const [userAuthorized, setUserAuthorized] = (0, import_react.useState)(false);
   const dispatch = (0, import_react2.useAppDispatch)();
@@ -38,13 +45,36 @@ const Login = ({
   (0, import_react.useEffect)(() => {
     if (ref.current) return;
     ref.current = true;
-    (0, import_auth.login)({ clientId, scope, responseType }).then(({ authorized }) => {
+    (0, import_auth.login)({
+      clientId,
+      scope,
+      responseType,
+      instanceId,
+      siteId,
+      userId,
+      disableRememberMe,
+      useCompactIdpPage,
+      isSSO,
+      isConsumerUser
+    }).then(({ authorized }) => {
       if (authorized) setUserAuthorized(true);
       dispatch({ type: import_actions.LOGIN_SUCCESS });
     }).catch(() => {
     }).finally(() => {
       ref.current = false;
     });
-  }, [dispatch, clientId, scope, responseType]);
+  }, [
+    dispatch,
+    clientId,
+    scope,
+    responseType,
+    instanceId,
+    siteId,
+    userId,
+    disableRememberMe,
+    useCompactIdpPage,
+    isSSO,
+    isConsumerUser
+  ]);
   return userAuthorized ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) : null;
 };

package/dist/cjs/view/micro-app/app-factory/index.js

@@ -24,19 +24,20 @@ __export(app_factory_exports, {
   unmountApp: () => unmountApp
 });
 module.exports = __toCommonJS(app_factory_exports);
+var import_pui_app_bridge = require("@elliemae/pui-app-bridge");
 var import_web_storage = require("../../../utils/web-storage.js");
 var import_host = require("../../../utils/micro-frontend/host.js");
 var import_micro_frontend = require("../../../utils/micro-frontend/index.js");
 var import_log_records = require("../../../utils/log-records.js");
 var import_const = require("../const.js");
 var import_window = require("../../../utils/window.js");
-var import_style = require("../resources/style.js");
-var import_script = require("../resources/script.js");
 var import_manifest = require("../resources/manifest.js");
 const cssType = /\.css$/;
 const isCss = (fileName) => cssType.test(fileName);
 const activeApps = {};
 const getPathName = (url) => url ? new URL(url).pathname : "";
+const scriptLoader = new import_pui_app_bridge.ScriptLoader((0, import_micro_frontend.getLogger)());
+const styleLoader = new import_pui_app_bridge.StyleLoader((0, import_micro_frontend.getLogger)());
 const getAppNotFoundError = (id, uuid) => `Application ${id} with instance id ${uuid} is not found. Most probably the appId property of app.config.json is not set to ${id}`;
 const getMicroAppGuestFromWindow = ({
   id,
@@ -133,20 +134,7 @@ const addAppToActiveAppList = (id, uuid, elementIds) => {
   activeApps[`${id}-${uuid}`] = { elementIds };
   const host = import_host.CMicroAppHost.getInstance();
   if (host) host.activeGuests[`${id}-${uuid}`] = getRef && getRef() || {};
-  return Promise.resolve();
 };
-const waitAndInitApplication = (appConfig, requests) => (
-  // wait for all assets to get downloaded
-  Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id, appConfig.uuid)).then(initApplication.bind(null, appConfig)).catch((err) => {
-    const logRecord = import_log_records.logRecords.APP_INIT_FAILED(
-      appConfig.id,
-      appConfig.uuid,
-      err.message
-    );
-    (0, import_micro_frontend.getLogger)().error({ ...logRecord, exception: err });
-    throw new Error(logRecord.message);
-  })
-);
 const removeAssetsFromDOM = (id, uuid, documentEle = document) => {
   const host = import_host.CMicroAppHost.getInstance();
   if (host) delete host.activeGuests[`${id}-${uuid}`];
@@ -205,21 +193,36 @@ const removeAppFromGlobalVariable = (id, uuid) => {
   }
 };
 const loadApp = async (appConfig) => {
-  const { id, uuid, documentEle } = appConfig;
+  const { name, id, hostUrl = "", uuid, documentEle, isJsModule } = appConfig;
   addAppToGlobalVariable({ id, uuid, documentEle });
   try {
     (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_LOADING(id, uuid));
     let assets = appConfig.files;
     const manifest = await (0, import_manifest.getAppManifest)(appConfig);
     assets = (0, import_manifest.getFullFileNameofAssetsFromManifest)(manifest, appConfig.files);
-    let counter = 0;
-    const requests = assets.map((fileName) => {
-      counter += 1;
-      return !isCss(fileName) ? (0, import_script.addScriptToDOM)(appConfig, fileName, counter) : (0, import_style.addStylesToDOM)(appConfig, fileName, counter);
-    });
-    await waitAndInitApplication(appConfig, requests);
+    const cssAssets = assets.filter((fileName) => isCss(fileName));
+    const jsAssets = assets.filter((fileName) => !isCss(fileName));
+    const loadOptions = {
+      name,
+      hostUrl,
+      documentEle,
+      isESMModule: isJsModule
+    };
+    const styleElementIds = await styleLoader.load(cssAssets, loadOptions);
+    const scriptElementIds = await scriptLoader.load(jsAssets, loadOptions);
+    addAppToActiveAppList(appConfig.id, appConfig.uuid, [
+      ...styleElementIds,
+      ...scriptElementIds
+    ]);
+    await initApplication(appConfig);
     (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_LOADING_COMPLETE(id, uuid));
   } catch (err) {
+    const logRecord = import_log_records.logRecords.APP_INIT_FAILED(
+      appConfig.id,
+      appConfig.uuid,
+      err.message
+    );
+    (0, import_micro_frontend.getLogger)().error({ ...logRecord, exception: err });
     removeAppFromGlobalVariable(id, uuid);
     throw err;
   }
@@ -235,9 +238,9 @@ const unloadApp = ({
   const app = getMicroAppGuestFromWindow({ id, uuid });
   if (!app) return;
   removeAssetsFromDOM(id, uuid, documentEle);
-  (0, import_script.removeDynamicImportedScripts)(hostUrl, documentEle);
-  (0, import_script.removePrefetchLinks)(hostUrl, documentEle);
-  (0, import_style.removeDynamicImportedStyles)(hostUrl, documentEle);
+  scriptLoader.removeDynamicImportedScripts(hostUrl, documentEle);
+  scriptLoader.removePrefetchLinks(hostUrl, documentEle);
+  styleLoader.removeDynamicImportedStyles(hostUrl, documentEle);
   removeAppFromGlobalVariable(id, uuid);
   (0, import_micro_frontend.getLogger)().info(import_log_records.logRecords.APP_UNLOADING_COMPLETE(id, uuid));
 };

package/dist/cjs/view/micro-app/resources/manifest.js

@@ -27,6 +27,15 @@ var import_url = require("../../../utils/url.js");
 var import_micro_frontend = require("../../../utils/micro-frontend/index.js");
 var import_log_records = require("../../../utils/log-records.js");
 const getUnVersionedManifestPath = (path) => path.replace(/\/\d+\.\d+/, "/latest");
+const isValidHttpUrl = (fileName) => {
+  let url;
+  try {
+    url = new URL(fileName);
+  } catch (_) {
+    return false;
+  }
+  return url.protocol === "http:" || url.protocol === "https:";
+};
 const getAppManifest = async ({
   hostUrl,
   manifestPath
@@ -64,6 +73,7 @@ const getAppManifest = async ({
 const getFullFileNameofAssetsFromManifest = (manifest, assetNames = []) => assetNames.reduce((assets, assetName) => {
   const fullFileName = manifest[assetName];
   if (fullFileName) assets.push(fullFileName);
+  else if (isValidHttpUrl(assetName)) assets.push(assetName);
   else {
     const logRecord = import_log_records.logRecords.ASSET_NOT_FOUND_IN_MANIFEST(assetName);
     (0, import_micro_frontend.getLogger)().error(logRecord);

package/dist/cjs/view/micro-app/resources/script.js

@@ -29,7 +29,8 @@ var import_url = require("../../../utils/url.js");
 const APP_SCRIPT_ID_PREFIX = "emui-script-";
 const HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js/;
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);
-const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => {
+const isJSDOM = () => window.navigator.userAgent.includes("jsdom");
+const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index, isJsModule = false) => {
   if (!hostUrl)
     throw new Error("Unable to add scripts to DOM. hostUrl is required.");
   return new Promise((resolve, reject) => {
@@ -40,7 +41,8 @@ const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => {
     ele.src = (0, import_url.removeDoubleSlash)(url.href);
     ele.onload = resolve.bind(null, ele.id);
     ele.onerror = reject.bind(null, ele.id);
-    ele.async = false;
+    if (isJSDOM() || !isJsModule) ele.async = false;
+    else ele.type = "module";
     if (isHeadScript(ele.src)) documentEle.head.appendChild(ele);
     else documentEle.body.appendChild(ele);
   });

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

@@ -34,6 +34,7 @@ module.exports = __toCommonJS(iframe_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_styled_components = __toESM(require("styled-components"));
+var import_pui_logrocket = require("@elliemae/pui-logrocket");
 var import_const = require("./const.js");
 const Div = import_styled_components.default.div`
   display: flex;
@@ -54,14 +55,18 @@ const IFrame = (0, import_react.memo)(
   ({ id, name: title, src, sandbox, onFrameReady }) => {
     const frameRef = (0, import_react.useRef)(null);
     const sandboxProps = sandbox ? { sandbox } : {};
+    const srcWithParams = (0, import_react.useMemo)(
+      () => `${src}${src.includes("?") ? "&" : "?"}${(0, import_pui_logrocket.buildLogRocketQueryParams)()}`,
+      [src]
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Iframe,
       {
         id: `${import_const.IFRAME_CONTAINER_ID_PREFIX}${id}`,
         ref: frameRef,
         title,
-        src,
-        scrolling: "no",
+        src: srcWithParams,
+        "data-testid": `${import_const.IFRAME_CONTAINER_ID_PREFIX}${id}`,
         ...sandboxProps,
         onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
       }

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

@@ -32,7 +32,7 @@
         startVirtualPageMonitoringWithAutoEnd: function () {},
       };
     </script> -->
-    <script>
+    <script nonce="__CSP_NONCE__">
       (function (i, s, o, g, r, a, m) {
         i['GoogleAnalyticsObject'] = r;
         (i[r] =
@@ -53,7 +53,7 @@
         'ga',
       );
     </script>
-    <style>
+    <style nonce="__CSP_NONCE__">
       .full-width {
         width: 100%;
       }
@@ -70,11 +70,10 @@
       <strong>JavaScript has been disabled on your browser</strong>, please
       <strong>enable JS</strong> to make this app work.</noscript
     >
-    <div id="pui-app-container-" class="full-width full-height"></div>
-    <script>
-      LogRocket.init('fds38t/ice-mortgage-technology', {
-        mergeIframes: true,
-      });
-    </script>
+    <div
+      id="pui-app-container-"
+      data-testid="pui-app-container-"
+      class="full-width full-height"
+    ></div>
   </body>
 </html>

package/dist/cjs/view/micro-iframe-app/use-frame-loaded.js

@@ -25,6 +25,7 @@ var import_react = require("react");
 var import_session = require("../../utils/session.js");
 var import_host = require("../../utils/micro-frontend/host.js");
 var import_micro_frontend = require("../../utils/micro-frontend/index.js");
+var import_const = require("../micro-app/const.js");
 const addBaseTag = (id, documentEle) => {
   const { hostUrl, manifestPath } = (0, import_micro_frontend.getMicroFrontEndAppConfig)({
     id
@@ -36,9 +37,10 @@ const addBaseTag = (id, documentEle) => {
   documentEle.getElementsByTagName("head")[0].appendChild(base);
 };
 const updateContainerId = (id, documentEle) => {
-  const ele = documentEle.getElementById("pui-app-container-");
+  const ele = documentEle.getElementById(import_const.APP_CONTAINER_ID_PREFIX);
   if (ele) {
     ele.id = `${ele.id}${id}`;
+    ele.dataset.testid = ele.id;
   }
 };
 const useFrameLoaded = ({ id, documentEle }) => {

package/dist/cjs/view/modals/navigation-prompt/index.js

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(navigation_prompt_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
 var import_ds_dialog = require("@elliemae/ds-dialog");
 var import_react2 = require("../../../data/react.js");
 var import_actions = require("../../../data/navigation-prompt/actions.js");
@@ -34,13 +34,13 @@ const NavigationPrompt = (0, import_react.memo)(
     const cancelDialog = () => dispatch(import_actions.navigationPrompt.cancel());
     const confirmDialog = () => dispatch(import_actions.navigationPrompt.confirm());
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialog, { isOpen: open, onClickOutside: cancelDialog, centered: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogAddon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, { buttonType: "icon", onClick: cancelDialog, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Close, { color: ["neutral", "900"] }) }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogAddon, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button_v2.DSButtonV2, { buttonType: "icon", onClick: cancelDialog, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Close, { color: ["neutral", "900"] }) }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSeparator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogBody, { px: 24, mb: 16, children: "You currently have unsaved changes. Are you sure you want to proceed without saving?" }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSeparator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, { buttonType: "outline", onClick: cancelDialog, children: "Continue without saving" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, { onClick: confirmDialog, children: "Save & Continue" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button_v2.DSButtonV2, { buttonType: "outline", onClick: cancelDialog, children: "Continue without saving" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button_v2.DSButtonV2, { onClick: confirmDialog, children: "Save & Continue" })
       ] })
     ] });
   }

package/dist/cjs/view/modals/session-expiry/index.js

@@ -23,7 +23,7 @@ __export(session_expiry_exports, {
 module.exports = __toCommonJS(session_expiry_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_ds_button = require("@elliemae/ds-button");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_dialog = require("@elliemae/ds-dialog");
@@ -61,7 +61,7 @@ const SessionExpiry = (0, import_react.memo)(
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSeparator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialogFooter, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_ds_button.DSButtonV2,
+          import_ds_button_v2.DSButtonV2,
           {
             innerRef: firstElementRef,
             buttonType: "outline",
@@ -69,7 +69,17 @@ const SessionExpiry = (0, import_react.memo)(
             children: "Logout"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, { innerRef: lastElementRef, onClick: resetSession, children: "Reset" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_button_v2.DSButtonV2,
+          {
+            innerRef: lastElementRef,
+            onClick: () => {
+              resetSession().catch(() => {
+              });
+            },
+            children: "Reset"
+          }
+        )
       ] })
     ] }) : null;
   }

package/dist/cjs/view/page.js

@@ -1,9 +1,7 @@
 "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)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 page_exports = {};
 __export(page_exports, {
@@ -33,21 +23,24 @@ __export(page_exports, {
 });
 module.exports = __toCommonJS(page_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_react_helmet = require("react-helmet");
-var brum = __toESM(require("@elliemae/pui-user-monitoring"));
 var import_page_view_event = require("../analytics/page-view-event.js");
+var import_logrocket = require("../utils/logrocket.js");
 const onPageView = (pageTitle) => {
-  try {
-    if (brum && pageTitle) {
-      brum.setCustomVirtualPageName(pageTitle);
-      brum.startVirtualPageMonitoringWithAutoEnd(pageTitle);
-    }
-  } catch {
-  }
   (0, import_page_view_event.pageViewEvent)({ pageTitle });
+  (0, import_logrocket.lrTrack)("page-view", {
+    pageTitle
+  });
 };
 const Page = ({ pageTitle = "ICE", children }) => {
-  onPageView(pageTitle);
+  const prevTitle = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (prevTitle.current !== pageTitle) {
+      prevTitle.current = pageTitle;
+      onPageView(pageTitle);
+    }
+  }, [pageTitle]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_helmet.Helmet, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: pageTitle }) }),
     children

package/dist/cjs/view/require-auth.js

@@ -45,7 +45,14 @@ const RequireAuth = ({
   children,
   clientId = import_constants.default.CLIENT_ID,
   scope = "loc",
-  responseType = "code"
+  responseType = "code",
+  instanceId,
+  siteId,
+  userId,
+  disableRememberMe,
+  useCompactIdpPage,
+  isSSO,
+  isConsumerUser = false
 }) => {
   const AuthManager = (0, import_redux_injectors.createManager)({
     name: "AuthManager",
@@ -59,5 +66,20 @@ const RequireAuth = ({
     (0, import_loginParams.setLoginParams)({ clientId, scope, responseType });
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthManager, { children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthManager, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_login.Login, { clientId, scope, responseType, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthManager, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_login.Login,
+    {
+      clientId,
+      scope,
+      responseType,
+      instanceId,
+      siteId,
+      userId,
+      disableRememberMe,
+      useCompactIdpPage,
+      isSSO,
+      isConsumerUser,
+      children
+    }
+  ) });
 };