@elliemae/pui-app-sdk 3.15.0 → 4.0.0-alpha.10

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

@@ -26,17 +26,26 @@ __export(style_exports, {
 module.exports = __toCommonJS(style_exports);
 var import_url = require("../../../utils/url.js");
 const APP_STYLE_ID_PREFIX = "emui-style-";
-const addStylesToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
-  const ele = documentEle.createElement("link");
-  if (!ele)
-    reject(new Error("Unable to insert Application styles."));
-  ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
-  ele.rel = "stylesheet";
-  const url = new URL(fileName, hostUrl);
-  ele.href = (0, import_url.removeDoubleSlash)(url.href);
-  ele.onload = resolve.bind(null, ele.id);
-  documentEle.head.appendChild(ele);
-});
+const addStylesToDOM = ({ name, hostUrl, documentEle, manifestPath }, fileName, index) => {
+  if (!hostUrl || !manifestPath)
+    throw new Error(
+      "Unable to add styles to DOM. hostUrl and manifestPath are required."
+    );
+  return new Promise((resolve, reject) => {
+    const ele = documentEle.createElement("link");
+    if (!ele)
+      reject(new Error("Unable to insert Application styles."));
+    ele.id = `${APP_STYLE_ID_PREFIX}${name}-${index}`;
+    ele.rel = "stylesheet";
+    const url = new URL(
+      `${manifestPath.replace(/\/?$/, "/")}${fileName}`,
+      hostUrl
+    );
+    ele.href = (0, import_url.removeDoubleSlash)(url.href);
+    ele.onload = resolve.bind(null, ele.id);
+    documentEle.head.appendChild(ele);
+  });
+};
 const removeStyleFromDOM = (elementId = "", documentEle = document) => new Promise((resolve) => {
   const ele = documentEle.getElementById(elementId);
   if (!ele)

package/dist/cjs/view/micro-app/use-app-will-render.js

@@ -38,34 +38,43 @@ const useAppWillRender = ({
 }) => {
   const dispatch = import_react_redux.useDispatch ? (0, import_react_redux.useDispatch)() : null;
   const ref = (0, import_react.useRef)(Promise.resolve());
-  const getConfig = (0, import_react.useCallback)(() => (0, import_micro_frontend.getMicroFrontEndAppConfig)({
-    id
-  }), [id]);
-  const unload = (0, import_react.useCallback)(async (appConfig, loadFailed = false) => {
-    await (0, import_app_factory.unmountApp)(appConfig);
-    (0, import_app_factory.unloadApp)(appConfig);
-    if (!loadFailed && onUnloadComplete)
-      onUnloadComplete();
-  }, []);
-  const load = (0, import_react.useCallback)(async (appConfig) => {
-    if (dispatch)
-      dispatch(import_actions.waitMessage.open());
-    try {
-      if (ref.current)
-        await ref.current;
-      await (0, import_app_factory.loadApp)(appConfig);
-      await (0, import_app_factory.mountApp)(appConfig);
-    } catch (ex) {
-      (0, import_micro_frontend.getLogger)().error({
-        ...import_log_records.logRecords.APP_CONFIG_LOAD_FAILED,
-        exception: ex
-      });
-      await unload(appConfig, true);
-      throw ex;
-    }
-    if (dispatch)
-      dispatch(import_actions.waitMessage.close());
-  }, [dispatch, unload]);
+  const getConfig = (0, import_react.useCallback)(
+    () => (0, import_micro_frontend.getMicroFrontEndAppConfig)({
+      id
+    }),
+    [id]
+  );
+  const unload = (0, import_react.useCallback)(
+    async (appConfig, loadFailed = false) => {
+      await (0, import_app_factory.unmountApp)(appConfig);
+      (0, import_app_factory.unloadApp)(appConfig);
+      if (!loadFailed && onUnloadComplete)
+        onUnloadComplete();
+    },
+    []
+  );
+  const load = (0, import_react.useCallback)(
+    async (appConfig) => {
+      if (dispatch)
+        dispatch(import_actions.waitMessage.open());
+      try {
+        if (ref.current)
+          await ref.current;
+        await (0, import_app_factory.loadApp)(appConfig);
+        await (0, import_app_factory.mountApp)(appConfig);
+      } catch (ex) {
+        (0, import_micro_frontend.getLogger)().error({
+          ...import_log_records.logRecords.APP_CONFIG_LOAD_FAILED,
+          exception: ex
+        });
+        await unload(appConfig, true);
+        throw ex;
+      }
+      if (dispatch)
+        dispatch(import_actions.waitMessage.close());
+    },
+    [dispatch, unload]
+  );
   (0, import_react.useLayoutEffect)(() => {
     if (!documentEle)
       return () => {

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

@@ -17,32 +17,37 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var app_exports = {};
 __export(app_exports, {
   App: () => App
 });
 module.exports = __toCommonJS(app_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_iframe = __toESM(require("file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html"));
+var import_iframe = __toESM(require("./iframe/index.html?resource"));
 var import_iframe2 = require("./iframe/index.js");
 var import_use_frame_loaded = require("./use-frame-loaded.js");
 var import_use_app_will_render = require("../micro-app/use-app-will-render.js");
-const App = (0, import_react.memo)(({ id, dispose, onUnloadComplete, ...rest }) => {
-  const [documentEle, setDocumentEle] = (0, import_react.useState)(null);
-  (0, import_use_frame_loaded.useFrameLoaded)({ id, documentEle, ...rest });
-  (0, import_use_app_will_render.useAppWillRender)({
-    id,
-    documentEle: dispose ? null : documentEle,
-    onUnloadComplete,
-    ...rest
-  });
-  return /* @__PURE__ */ React.createElement(import_iframe2.IFrame, {
-    id,
-    src: import_iframe.default,
-    ...rest,
-    onFrameReady: setDocumentEle
-  });
-});
+const App = (0, import_react.memo)(
+  ({ id, dispose, onUnloadComplete, ...rest }) => {
+    const [documentEle, setDocumentEle] = (0, import_react.useState)(null);
+    (0, import_use_frame_loaded.useFrameLoaded)({ id, documentEle, ...rest });
+    (0, import_use_app_will_render.useAppWillRender)({
+      id,
+      documentEle: dispose ? null : documentEle,
+      onUnloadComplete,
+      ...rest
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_iframe2.IFrame, {
+      id,
+      src: import_iframe.default,
+      ...rest,
+      onFrameReady: setDocumentEle
+    });
+  }
+);

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

@@ -17,14 +17,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var iframe_exports = {};
 __export(iframe_exports, {
   IFrame: () => IFrame
 });
 module.exports = __toCommonJS(iframe_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_styled_components = __toESM(require("styled-components"));
 var import_const = require("./const.js");
@@ -43,16 +46,20 @@ const Iframe = import_styled_components.default.iframe`
   display: block;
   height: 100%;
 `;
-const IFrame = (0, import_react.memo)(({ id, name: title, src, sandbox, onFrameReady }) => {
-  const frameRef = (0, import_react.useRef)(null);
-  const sandboxProps = sandbox ? { sandbox } : {};
-  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(Iframe, {
-    id: `${import_const.IFRAME_CONTAINER_ID_PREFIX}${id}`,
-    ref: frameRef,
-    title,
-    src,
-    scrolling: "no",
-    ...sandboxProps,
-    onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
-  }));
-});
+const IFrame = (0, import_react.memo)(
+  ({ id, name: title, src, sandbox, onFrameReady }) => {
+    const frameRef = (0, import_react.useRef)(null);
+    const sandboxProps = sandbox ? { sandbox } : {};
+    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",
+        ...sandboxProps,
+        onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
+      })
+    });
+  }
+);

package/dist/cjs/view/micro-iframe-app/index.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,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var micro_iframe_app_exports = {};
 __export(micro_iframe_app_exports, {
   MicroIFrameApp: () => MicroIFrameApp
 });
 module.exports = __toCommonJS(micro_iframe_app_exports);
-var React = __toESM(require("react"));
+var import_react = require("react");
 var import_react = require("react");
 var import_use_previous = require("../use-previous.js");
 var import_app = require("./app.js");
@@ -37,7 +34,7 @@ const MicroIFrameApp = (0, import_react.memo)(({ entityId = null, ...rest }) =>
       setDisposePrevApp(true);
     }
   }, [entityId]);
-  return /* @__PURE__ */ React.createElement(import_app.App, {
+  return /* @__PURE__ */ (0, import_react.createElement)(import_app.App, {
     ...rest,
     key: appKey,
     dispose: disposePrevApp,

package/dist/cjs/view/modals/error/index.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,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var error_exports = {};
 __export(error_exports, {
   Error: () => Error2
 });
 module.exports = __toCommonJS(error_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_dialog = require("@elliemae/ds-dialog");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -37,14 +34,26 @@ const Error2 = ({
   const handleClick = (0, import_react.useCallback)(() => {
     setOpen((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialog, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialog, {
     isOpen,
     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))));
+    size: "small",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogBody, {
+      p: "s",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialogDefaultLayout, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ErrorHexegon, {
+            size: "xxl",
+            color: ["danger", "900"]
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogPrimaryMessage, {
+            children: primaryMessage
+          }),
+          secondaryMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSecondaryMessage, {
+            children: secondaryMessage
+          })
+        ]
+      })
+    })
+  });
 };

package/dist/cjs/view/modals/navigation-prompt/index.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,40 +15,61 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var navigation_prompt_exports = {};
 __export(navigation_prompt_exports, {
   NavigationPrompt: () => NavigationPrompt
 });
 module.exports = __toCommonJS(navigation_prompt_exports);
-var React = __toESM(require("react"));
+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_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 = false }) => {
-  const dispatch = (0, import_react_redux.useAppDispatch)();
-  const cancelDialog = () => dispatch(import_actions.navigationPrompt.cancel());
-  const confirmDialog = () => dispatch(import_actions.navigationPrompt.confirm());
-  return /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialog, {
-    isOpen: open,
-    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")));
-});
+const NavigationPrompt = (0, import_react.memo)(
+  ({ open = false }) => {
+    const dispatch = (0, import_react_redux.useAppDispatch)();
+    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.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"
+            })
+          ]
+        })
+      ]
+    });
+  }
+);

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

@@ -29,8 +29,12 @@ const useTrackSessionExpiry = (warningNotifiedAt) => {
   const [timeData, setTimeData] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {
     const timeLeftForExpiryAfterWarning = () => {
-      const userWarnInterval = (0, import_config.getAppConfigValue)("sessionTimeoutWarnInterval");
-      const userTimeoutInterval = (0, import_config.getAppConfigValue)("sessionTimeoutInterval");
+      const userWarnInterval = (0, import_config.getAppConfigValue)(
+        "sessionTimeoutWarnInterval"
+      );
+      const userTimeoutInterval = (0, import_config.getAppConfigValue)(
+        "sessionTimeoutInterval"
+      );
       const warnInterval = userWarnInterval ? parseFloat(userWarnInterval) : import_constants.SESSION_TIMEOUT_INTERVAL.WARN;
       const sessionTimeout = userTimeoutInterval ? parseFloat(userTimeoutInterval) : import_constants.SESSION_TIMEOUT_INTERVAL.EXPIRY;
       const diffTime = sessionTimeout - warnInterval;

package/dist/cjs/view/modals/session-expiry/index.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,13 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var session_expiry_exports = {};
 __export(session_expiry_exports, {
   SessionExpiry: () => SessionExpiry
 });
 module.exports = __toCommonJS(session_expiry_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -33,34 +30,59 @@ 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)(true);
-    dispatch(import_actions.logout.cancel());
-  };
-  const logoutSession = () => {
-    setIsOpen(false);
-    dispatch(import_actions.logout.confirm());
-  };
-  return timeLeft ? /* @__PURE__ */ React.createElement(import_ds_dialog.DSDialog, {
-    isOpen,
-    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;
-});
+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)(true);
+      dispatch(import_actions.logout.cancel());
+    };
+    const logoutSession = () => {
+      setIsOpen(false);
+      dispatch(import_actions.logout.confirm());
+    };
+    return timeLeft ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialog, {
+      isOpen,
+      size: "small",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogBody, {
+          p: "s",
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialogDefaultLayout, {
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.WarningCircle, {
+                size: "xl",
+                color: ["warning", "900"]
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogPrimaryMessage, {
+                children: `Your session will expire in ${timeLeft}`
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dialog.DSDialogSecondaryMessage, {
+                children: "Please logout or reset your session"
+              })
+            ]
+          })
+        }),
+        /* @__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: logoutSession,
+              children: "Logout"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, {
+              onClick: resetSession,
+              children: "Reset"
+            })
+          ]
+        })
+      ]
+    }) : null;
+  }
+);

package/dist/cjs/view/modals/wait-message/index.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,39 +15,40 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var wait_message_exports = {};
 __export(wait_message_exports, {
   WaitMessage: () => WaitMessage
 });
 module.exports = __toCommonJS(wait_message_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 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" },
-  ...rest
-}) => {
-  const isOpen = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.isOpen);
-  const message = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.message);
-  (0, import_react.useEffect)(() => {
-    if (isOpen)
-      (0, import_user_wait_event.waitStartEvent)();
-    else
-      (0, import_user_wait_event.waitEndEvent)();
-  }, [isOpen]);
-  (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
-  });
-});
+const WaitMessage = (0, import_react.memo)(
+  ({
+    size = "m",
+    style = { color: "white", fontSize: "1.25rem" },
+    ...rest
+  }) => {
+    const isOpen = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.isOpen);
+    const message = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.message);
+    (0, import_react.useEffect)(() => {
+      if (isOpen)
+        (0, import_user_wait_event.waitStartEvent)();
+      else
+        (0, import_user_wait_event.waitEndEvent)();
+    }, [isOpen]);
+    (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_loading_indicator.DSLoadingIndicator, {
+      id: "em-loading",
+      size,
+      style,
+      ...rest,
+      loading: isOpen,
+      message
+    });
+  }
+);