@elliemae/pui-app-sdk 3.0.0-beta.2 → 3.0.0-beta.23

package/dist/cjs/view/modals/error/index.js

@@ -6,41 +6,51 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var error_exports = {};
+__export(error_exports, {
   Error: () => Error2
 });
-var import_react = __toModule(require("react"));
-var import_ds_modal = __toModule(require("@elliemae/ds-modal"));
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_dialog = require("@elliemae/ds-dialog");
+var import_ds_icons = require("@elliemae/ds-icons");
 const Error2 = ({
   open,
-  name,
-  showHeader = false,
-  children
+  primaryMessage,
+  secondaryMessage
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react.useState)(open);
-  return /* @__PURE__ */ React.createElement(import_ds_modal.default, {
-    centered: true,
-    modalType: import_ds_modal.MODAL_TYPE.ERROR,
+  const [isOpen, setOpen] = (0, import_react.useState)(open);
+  const handleClick = (0, import_react.useCallback)(() => {
+    setOpen((prev) => !prev);
+  }, []);
+  return /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialog, {
     isOpen,
-    name,
-    showHeader,
-    showFooter: false,
-    onClose: () => setIsOpen(false),
-    onConfirm: null
-  }, children);
+    onClickOutside: handleClick,
+    size: "small"
+  }, /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogBody, {
+    p: "s"
+  }, /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogDefaultLayout, null, /* @__PURE__ */ React.createElement(import_ds_icons.ErrorHexegon, {
+    size: "xxl",
+    color: ["danger", "900"]
+  }), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogPrimaryMessage, null, primaryMessage), secondaryMessage && /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogSecondaryMessage, null, secondaryMessage))));
 };
+module.exports = __toCommonJS(error_exports);

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

@@ -6,39 +6,57 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var navigation_prompt_exports = {};
+__export(navigation_prompt_exports, {
   NavigationPrompt: () => NavigationPrompt
 });
-var import_react = __toModule(require("react"));
-var import_ds_modal = __toModule(require("@elliemae/ds-modal"));
-var import_react_redux = __toModule(require("../../../data/react-redux"));
-var import_actions = __toModule(require("../../../data/navigation-prompt/actions"));
-const NavigationPrompt = (0, import_react.memo)(({ open, showHeader = false }) => {
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_dialog = require("@elliemae/ds-dialog");
+var import_react_redux = require("../../../data/react-redux.js");
+var import_actions = require("../../../data/navigation-prompt/actions.js");
+const NavigationPrompt = (0, import_react.memo)(({ open }) => {
   const dispatch = (0, import_react_redux.useAppDispatch)();
-  return /* @__PURE__ */ React.createElement(import_ds_modal.default, {
-    centered: true,
-    modalType: import_ds_modal.MODAL_TYPE.CONFIRM,
+  const cancelDialog = () => dispatch(import_actions.navigationPrompt.cancel());
+  const confirmDialog = () => dispatch(import_actions.navigationPrompt.confirm());
+  return /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialog, {
     isOpen: open,
-    showHeader,
-    onClose: () => dispatch(import_actions.navigationPrompt.cancel()),
-    onConfirm: () => dispatch(import_actions.navigationPrompt.confirm()),
-    onReject: () => dispatch(import_actions.navigationPrompt.cancel()),
-    confirmLabel: "Save & Continue",
-    rejectLabel: "Continue Without Saving"
-  }, /* @__PURE__ */ React.createElement("p", null, "You currently have unsaved changes. Are you sure you want to proceed without saving?"));
+    onClickOutside: cancelDialog,
+    centered: true
+  }, /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogHeader, null, /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogAddon, null, /* @__PURE__ */ React.createElement(import_ds_button.DSButtonV2, {
+    buttonType: "icon",
+    onClick: cancelDialog
+  }, /* @__PURE__ */ React.createElement(import_ds_icons.Close, {
+    color: ["neutral", "900"]
+  })))), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogSeparator, null), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogBody, {
+    px: 24,
+    mb: 16
+  }, "You currently have unsaved changes. Are you sure you want to proceed without saving?"), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogSeparator, null), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogFooter, null, /* @__PURE__ */ React.createElement(import_ds_button.DSButtonV2, {
+    buttonType: "outline",
+    onClick: cancelDialog
+  }, "Continue without saving"), /* @__PURE__ */ React.createElement(import_ds_button.DSButtonV2, {
+    onClick: confirmDialog
+  }, "Save & Continue")));
 });
+module.exports = __toCommonJS(navigation_prompt_exports);

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

@@ -1,33 +1,33 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var customHooks_exports = {};
+__export(customHooks_exports, {
   useTrackSessionExpiry: () => useTrackSessionExpiry
 });
-var import_react = __toModule(require("react"));
-var import_date_fns = __toModule(require("date-fns"));
-var import_constants = __toModule(require("../../../utils/constants"));
-var import_config = __toModule(require("../../../utils/app-config/config"));
+var import_react = require("react");
+var import_date_fns = require("date-fns");
+var import_constants = require("../../../utils/constants.js");
+var import_config = require("../../../utils/app-config/config.js");
 const useTrackSessionExpiry = (warningNotifiedAt) => {
   const [timeData, setTimeData] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {
@@ -55,3 +55,4 @@ const useTrackSessionExpiry = (warningNotifiedAt) => {
   }, [warningNotifiedAt]);
   return timeData;
 };
+module.exports = __toCommonJS(customHooks_exports);

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

@@ -6,57 +6,67 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var session_expiry_exports = {};
+__export(session_expiry_exports, {
   SessionExpiry: () => SessionExpiry
 });
-var import_react = __toModule(require("react"));
-var import_ds_modal = __toModule(require("@elliemae/ds-modal"));
-var import_react_redux = __toModule(require("../../../data/react-redux"));
-var import_actions = __toModule(require("../../../data/logout/actions"));
-var import_session = __toModule(require("../../../utils/session"));
-var import_customHooks = __toModule(require("./customHooks"));
-const SessionExpiry = (0, import_react.memo)(({ open, warningNotifiedAt = 0, showHeader = false }) => {
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_dialog = require("@elliemae/ds-dialog");
+var import_react_redux = require("../../../data/react-redux.js");
+var import_actions = require("../../../data/logout/actions.js");
+var import_session = require("../../../utils/session.js");
+var import_customHooks = require("./customHooks.js");
+const SessionExpiry = (0, import_react.memo)(({ open, warningNotifiedAt = 0 }) => {
   const [isOpen, setIsOpen] = (0, import_react.useState)(open);
   const timeLeft = (0, import_customHooks.useTrackSessionExpiry)(warningNotifiedAt);
   const dispatch = (0, import_react_redux.useAppDispatch)();
+  (0, import_react.useEffect)(() => {
+    setIsOpen(open);
+  }, [open]);
   const resetSession = () => {
     setIsOpen(false);
-    (0, import_session.resetUserIdleTime)();
+    (0, import_session.resetUserIdleTime)(true);
     dispatch(import_actions.logout.cancel());
   };
   const logoutSession = () => {
     setIsOpen(false);
     dispatch(import_actions.logout.confirm());
   };
-  return /* @__PURE__ */ React.createElement(import_ds_modal.default, {
-    centered: true,
-    modalType: import_ds_modal.MODAL_TYPE_V2.DECISION,
+  return timeLeft ? /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialog, {
     isOpen,
-    showHeader,
-    onConfirm: resetSession,
-    onReject: logoutSession,
-    modalTitle: timeLeft ? `Your session will expire in ${timeLeft}` : "",
-    confirmLabel: "Reset",
-    rejectLabel: "Logout",
-    showRejectButton: true,
-    showClose: false,
-    version: 2,
-    shouldCloseOnOverlayClick: false,
-    modalSubType: import_ds_modal.MODAL_SUB_TYPE_V2.WARNING
-  }, /* @__PURE__ */ React.createElement("p", null, "Please logout or reset your session"));
+    size: "small"
+  }, /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogBody, {
+    p: "s"
+  }, /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogDefaultLayout, null, /* @__PURE__ */ React.createElement(import_ds_icons.WarningCircle, {
+    size: "xl",
+    color: ["warning", "900"]
+  }), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogPrimaryMessage, null, `Your session will expire in ${timeLeft}`), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogSecondaryMessage, null, "Please logout or reset your session"))), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogSeparator, null), /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialogFooter, null, /* @__PURE__ */ React.createElement(import_ds_button.DSButtonV2, {
+    buttonType: "outline",
+    onClick: logoutSession
+  }, "Logout"), /* @__PURE__ */ React.createElement(import_ds_button.DSButtonV2, {
+    onClick: resetSession
+  }, "Reset"))) : null;
 });
+module.exports = __toCommonJS(session_expiry_exports);

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

@@ -6,29 +6,35 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var wait_message_exports = {};
+__export(wait_message_exports, {
   WaitMessage: () => WaitMessage
 });
-var import_react = __toModule(require("react"));
-var import_LoadingIndicator = __toModule(require("@elliemae/ds-basic/LoadingIndicator"));
-var import_react_redux = __toModule(require("../../../data/react-redux"));
-var import_html_wait_message = __toModule(require("./html-wait-message"));
-var import_user_wait_event = __toModule(require("../../../analytics/user-wait-event"));
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_loading_indicator = require("@elliemae/ds-loading-indicator");
+var import_react_redux = require("../../../data/react-redux.js");
+var import_use_html_wait_message = require("./use-html-wait-message.js");
+var import_user_wait_event = require("../../../analytics/user-wait-event.js");
 const WaitMessage = (0, import_react.memo)(({
   size = "m",
   style = { color: "white", fontSize: "1.25rem" },
@@ -42,14 +48,14 @@ const WaitMessage = (0, import_react.memo)(({
     else
       (0, import_user_wait_event.waitEndEvent)();
   }, [isOpen]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_html_wait_message.HTMLWaitMessage, {
-    close: isOpen !== null
-  }), /* @__PURE__ */ React.createElement(import_LoadingIndicator.default, {
+  (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
+  return /* @__PURE__ */ React.createElement(import_ds_loading_indicator.DSLoadingIndicator, {
     id: "em-loading",
     size,
     style,
     ...rest,
     loading: isOpen,
     message
-  }));
+  });
 });
+module.exports = __toCommonJS(wait_message_exports);

package/dist/cjs/view/modals/wait-message/{html-wait-message.js → use-html-wait-message.js}

@@ -1,35 +1,35 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  HTMLWaitMessage: () => HTMLWaitMessage
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var use_html_wait_message_exports = {};
+__export(use_html_wait_message_exports, {
+  useHTMLWaitMessage: () => useHTMLWaitMessage
 });
-var import_react = __toModule(require("react"));
-const HTMLWaitMessage = (0, import_react.memo)(({ close }) => {
+var import_react = require("react");
+const useHTMLWaitMessage = (close) => {
   (0, import_react.useEffect)(() => {
     const htmlWaitMsgElement = document.getElementById("em-wait-message");
     if (htmlWaitMsgElement && close)
       htmlWaitMsgElement.remove();
   }, [close]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
-});
+};
+module.exports = __toCommonJS(use_html_wait_message_exports);

package/dist/cjs/view/modals/wait-message/wait-message-launcher.js

@@ -1,32 +1,32 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var wait_message_launcher_exports = {};
+__export(wait_message_launcher_exports, {
   WaitMessageLauncher: () => WaitMessageLauncher
 });
-var import_react = __toModule(require("react"));
-var import_react_redux = __toModule(require("../../../data/react-redux"));
-var import_actions = __toModule(require("../../../data/wait-message/actions"));
+var import_react = require("react");
+var import_react_redux = require("../../../data/react-redux.js");
+var import_actions = require("../../../data/wait-message/actions.js");
 const WaitMessageLauncher = () => {
   const dispatch = (0, import_react_redux.useAppDispatch)();
   (0, import_react.useEffect)(() => {
@@ -35,5 +35,6 @@ const WaitMessageLauncher = () => {
       dispatch(import_actions.waitMessage.close());
     };
   }, [dispatch]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return null;
 };
+module.exports = __toCommonJS(wait_message_launcher_exports);

package/dist/cjs/view/page.js

@@ -0,0 +1,51 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var page_exports = {};
+__export(page_exports, {
+  Page: () => Page,
+  onPageView: () => onPageView
+});
+var React = __toESM(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");
+const onPageView = (pageTitle) => {
+  try {
+    if (brum && pageTitle) {
+      brum.setCustomVirtualPageName(pageTitle);
+      brum.startVirtualPageMonitoringWithAutoEnd(pageTitle);
+    }
+  } catch {
+  }
+  (0, import_page_view_event.pageViewEvent)({ pageTitle });
+};
+const Page = ({ pageTitle = "ICE", children }) => {
+  onPageView(pageTitle);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react_helmet.Helmet, null, /* @__PURE__ */ React.createElement("title", null, pageTitle)), children);
+};
+module.exports = __toCommonJS(page_exports);

package/dist/cjs/view/render-with-delay/index.js

@@ -6,25 +6,31 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var render_with_delay_exports = {};
+__export(render_with_delay_exports, {
   RenderWithDelay: () => RenderWithDelay
 });
-var import_react = __toModule(require("react"));
+var React = __toESM(require("react"));
+var import_react = require("react");
 const RenderWithDelay = (0, import_react.memo)(({ render }) => {
   const [show, showComponents] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
@@ -33,5 +39,6 @@ const RenderWithDelay = (0, import_react.memo)(({ render }) => {
       clearTimeout(timeoutId);
     };
   }, []);
-  return show ? /* @__PURE__ */ React.createElement(React.Fragment, null, render()) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, show ? render() : "");
 });
+module.exports = __toCommonJS(render_with_delay_exports);

package/dist/cjs/view/render-with-host-data/index.js

@@ -6,27 +6,33 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var render_with_host_data_exports = {};
+__export(render_with_host_data_exports, {
   renderWithHostData: () => renderWithHostData
 });
-var import_react = __toModule(require("react"));
-var import_fetch_host_app_data = __toModule(require("../fetch-host-app-data"));
-var import_wait_message_launcher = __toModule(require("../modals/wait-message/wait-message-launcher"));
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_fetch_host_app_data = require("../fetch-host-app-data/index.js");
+var import_wait_message_launcher = require("../modals/wait-message/wait-message-launcher.js");
 const renderWithHostData = (data) => {
   const {
     ComponentToRender,
@@ -49,3 +55,4 @@ const renderWithHostData = (data) => {
   };
   return HostAppDataWrapper;
 };
+module.exports = __toCommonJS(render_with_host_data_exports);