@elliemae/pui-app-sdk 4.0.0-beta.4 → 4.0.0

package/dist/esm/view/loadable/index.js

@@ -1,27 +1,14 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { lazy, Suspense } from "react";
 import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
-const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(WaitMessageLauncher, null)) => {
+const loadable = (importFunc, fallback = /* @__PURE__ */ jsx(WaitMessageLauncher, {})) => {
   const LazyComponent = lazy(importFunc);
-  return (props) => /* @__PURE__ */ React.createElement(Suspense, {
-    fallback
-  }, /* @__PURE__ */ React.createElement(LazyComponent, __spreadValues({}, props)));
+  return (props) => /* @__PURE__ */ jsx(Suspense, {
+    fallback,
+    children: /* @__PURE__ */ jsx(LazyComponent, {
+      ...props
+    })
+  });
 };
 export {
   loadable

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

@@ -1,16 +1,27 @@
-import { useEffect } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import { useAppDispatch } from "../../data/react-redux.js";
 import { login } from "../../utils/auth/index.js";
 import { LOGIN_SUCCESS } from "../../data/auth/actions.js";
-const Login = ({ clientId, scope, responseType }) => {
+const Login = ({
+  clientId,
+  scope,
+  responseType,
+  children
+}) => {
+  const [userAuthorized, setUserAuthorized] = useState(false);
   const dispatch = useAppDispatch();
   useEffect(() => {
-    login({ clientId, scope, responseType }).then(() => {
+    login({ clientId, scope, responseType }).then(({ authorized }) => {
+      if (authorized)
+        setUserAuthorized(true);
       dispatch({ type: LOGIN_SUCCESS });
     }).catch(() => {
     });
   }, [dispatch, clientId, scope, responseType]);
-  return null;
+  return userAuthorized ? /* @__PURE__ */ jsx(Fragment, {
+    children
+  }) : null;
 };
 export {
   Login

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

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { persistentStorage } from "../../../utils/web-storage.js";
 import { CMicroAppHost } from "../../../utils/micro-frontend/host.js";
 import { getLogger } from "../../../utils/micro-frontend/index.js";
@@ -54,7 +35,9 @@ const initApplication = async ({
   const app = (window.emui || {})[id] || {};
   const { init } = app;
   if (!init || typeof init !== "function")
-    throw new Error(`Application ${name} with id ${id} doesn't expose init method.`);
+    throw new Error(
+      `Application ${name} with id ${id} doesn't expose init method.`
+    );
   const prevState = await persistentStorage.get(`state-${id}`);
   return init({
     host: CMicroAppHost.getInstance(),
@@ -72,7 +55,9 @@ const mountApp = async ({ id, name }) => {
   const app = (window.emui || {})[id] || {};
   const { mount } = app;
   if (!mount || typeof mount !== "function")
-    throw new Error(`Application ${name} with id ${id} doesn't expose mount method.`);
+    throw new Error(
+      `Application ${name} with id ${id} doesn't expose mount method.`
+    );
   return mount({
     containerId: `${APP_CONTAINER_ID_PREFIX}${id}`,
     hostBreakpoint: getCurrentBreakpoint(),
@@ -87,7 +72,9 @@ const unmountApp = async ({ id, name }) => {
   if (!unmount)
     return null;
   if (typeof unmount !== "function")
-    throw new Error(`unmount failed for application ${name} with id ${id}. unmount is not a valid function`);
+    throw new Error(
+      `unmount failed for application ${name} with id ${id}. unmount is not a valid function`
+    );
   const currentState = await unmount({
     containerId: `${APP_CONTAINER_ID_PREFIX}${id}`
   });
@@ -107,7 +94,7 @@ const addAppToActiveAppList = (id, elementIds) => {
 };
 const waitAndInitApplication = (appConfig, requests) => Promise.all(requests).then(addAppToActiveAppList.bind(null, appConfig.id)).then(initApplication.bind(null, appConfig)).catch((err) => {
   const logRecord = logRecords.APP_INIT_FAILED(appConfig.id, err.message);
-  getLogger().error(__spreadProps(__spreadValues({}, logRecord), { exception: err }));
+  getLogger().error({ ...logRecord, exception: err });
   throw new Error(logRecord.msg);
 });
 const removeAssetsFromDOM = (id, documentEle = document) => {

package/dist/esm/view/micro-app/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import styled from "styled-components";
 import { APP_CONTAINER_ID_PREFIX } from "./const.js";
@@ -9,7 +9,7 @@ const Div = styled.div`
 `;
 const MicroApp = memo((props) => {
   useAppWillRender(props);
-  return /* @__PURE__ */ React.createElement(Div, {
+  return /* @__PURE__ */ jsx(Div, {
     id: `${APP_CONTAINER_ID_PREFIX}${props.id}`
   });
 });

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

@@ -8,9 +8,16 @@ const getAppManifest = async ({
   manifestPath
 }) => {
   if (!hostUrl || !manifestPath)
-    throw new Error("Unable to get app manifest. hostUrl and manifestPath are required.");
-  const url = new URL(`${manifestPath.replace(/\/?$/, "/")}manifest.json`, hostUrl);
-  const response = await getHTTPClient().get(removeDoubleSlash(url.href));
+    throw new Error(
+      "Unable to get app manifest. hostUrl and manifestPath are required."
+    );
+  const url = new URL(
+    `${manifestPath.replace(/\/?$/, "/")}manifest.json`,
+    hostUrl
+  );
+  const response = await getHTTPClient().get(
+    removeDoubleSlash(url.href)
+  );
   const { headers } = response;
   if (headers["content-type"] && headers["content-type"].includes("application/json"))
     return response.data;

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

@@ -4,13 +4,18 @@ const HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);
 const addScriptToDOM = ({ name, hostUrl, documentEle, manifestPath }, fileName, index) => {
   if (!hostUrl || !manifestPath)
-    throw new Error("Unable to add scripts to DOM. hostUrl and manifestPath are required.");
+    throw new Error(
+      "Unable to add scripts to DOM. hostUrl and manifestPath are required."
+    );
   return new Promise((resolve, reject) => {
     const ele = documentEle.createElement("script");
     if (!ele)
       reject(new Error("Unable to insert Application scripts."));
     ele.id = `${APP_SCRIPT_ID_PREFIX}${name}-${index}`;
-    const url = new URL(`${manifestPath.replace(/\/?$/, "/")}${fileName}`, hostUrl);
+    const url = new URL(
+      `${manifestPath.replace(/\/?$/, "/")}${fileName}`,
+      hostUrl
+    );
     ele.src = removeDoubleSlash(url.href);
     ele.onload = resolve.bind(null, ele.id);
     ele.onerror = reject.bind(null, ele.id);

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

@@ -2,14 +2,19 @@ import { removeDoubleSlash } from "../../../utils/url.js";
 const APP_STYLE_ID_PREFIX = "emui-style-";
 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.");
+    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);
+    const url = new URL(
+      `${manifestPath.replace(/\/?$/, "/")}${fileName}`,
+      hostUrl
+    );
     ele.href = removeDoubleSlash(url.href);
     ele.onload = resolve.bind(null, ele.id);
     documentEle.head.appendChild(ele);

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

@@ -1,22 +1,3 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { useRef, useLayoutEffect, useCallback } from "react";
 import { merge } from "lodash";
 import { useDispatch } from "react-redux";
@@ -42,33 +23,43 @@ const useAppWillRender = ({
 }) => {
   const dispatch = useDispatch ? useDispatch() : null;
   const ref = useRef(Promise.resolve());
-  const getConfig = useCallback(() => getMicroFrontEndAppConfig({
-    id
-  }), [id]);
-  const unload = useCallback(async (appConfig, loadFailed = false) => {
-    await unmountApp(appConfig);
-    unloadApp(appConfig);
-    if (!loadFailed && onUnloadComplete)
-      onUnloadComplete();
-  }, []);
-  const load = useCallback(async (appConfig) => {
-    if (dispatch)
-      dispatch(waitMessage.open());
-    try {
-      if (ref.current)
-        await ref.current;
-      await loadApp(appConfig);
-      await mountApp(appConfig);
-    } catch (ex) {
-      getLogger().error(__spreadProps(__spreadValues({}, logRecords.APP_CONFIG_LOAD_FAILED), {
-        exception: ex
-      }));
-      await unload(appConfig, true);
-      throw ex;
-    }
-    if (dispatch)
-      dispatch(waitMessage.close());
-  }, [dispatch, unload]);
+  const getConfig = useCallback(
+    () => getMicroFrontEndAppConfig({
+      id
+    }),
+    [id]
+  );
+  const unload = useCallback(
+    async (appConfig, loadFailed = false) => {
+      await unmountApp(appConfig);
+      unloadApp(appConfig);
+      if (!loadFailed && onUnloadComplete)
+        onUnloadComplete();
+    },
+    []
+  );
+  const load = useCallback(
+    async (appConfig) => {
+      if (dispatch)
+        dispatch(waitMessage.open());
+      try {
+        if (ref.current)
+          await ref.current;
+        await loadApp(appConfig);
+        await mountApp(appConfig);
+      } catch (ex) {
+        getLogger().error({
+          ...logRecords.APP_CONFIG_LOAD_FAILED,
+          exception: ex
+        });
+        await unload(appConfig, true);
+        throw ex;
+      }
+      if (dispatch)
+        dispatch(waitMessage.close());
+    },
+    [dispatch, unload]
+  );
   useLayoutEffect(() => {
     if (!documentEle)
       return () => {

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

@@ -1,35 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { memo, useState } from "react";
 import frameHtml from "./iframe/index.html?resource";
 import { IFrame } from "./iframe/index.js";
@@ -37,22 +6,24 @@ import { useFrameLoaded } from "./use-frame-loaded.js";
 import {
   useAppWillRender
 } from "../micro-app/use-app-will-render.js";
-const App = memo((_a) => {
-  var _b = _a, { id, dispose, onUnloadComplete } = _b, rest = __objRest(_b, ["id", "dispose", "onUnloadComplete"]);
-  const [documentEle, setDocumentEle] = useState(null);
-  useFrameLoaded(__spreadValues({ id, documentEle }, rest));
-  useAppWillRender(__spreadValues({
-    id,
-    documentEle: dispose ? null : documentEle,
-    onUnloadComplete
-  }, rest));
-  return /* @__PURE__ */ React.createElement(IFrame, __spreadProps(__spreadValues({
-    id,
-    src: frameHtml
-  }, rest), {
-    onFrameReady: setDocumentEle
-  }));
-});
+const App = memo(
+  ({ id, dispose, onUnloadComplete, ...rest }) => {
+    const [documentEle, setDocumentEle] = useState(null);
+    useFrameLoaded({ id, documentEle, ...rest });
+    useAppWillRender({
+      id,
+      documentEle: dispose ? null : documentEle,
+      onUnloadComplete,
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(IFrame, {
+      id,
+      src: frameHtml,
+      ...rest,
+      onFrameReady: setDocumentEle
+    });
+  }
+);
 export {
   App
 };

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

@@ -1,23 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import { memo, useRef } from "react";
 import styled from "styled-components";
 import { IFRAME_CONTAINER_ID_PREFIX } from "./const.js";
@@ -36,19 +17,23 @@ const Iframe = styled.iframe`
   display: block;
   height: 100%;
 `;
-const IFrame = memo(({ id, name: title, src, sandbox, onFrameReady }) => {
-  const frameRef = useRef(null);
-  const sandboxProps = sandbox ? { sandbox } : {};
-  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(Iframe, __spreadProps(__spreadValues({
-    id: `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
-    ref: frameRef,
-    title,
-    src,
-    scrolling: "no"
-  }, sandboxProps), {
-    onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
-  })));
-});
+const IFrame = memo(
+  ({ id, name: title, src, sandbox, onFrameReady }) => {
+    const frameRef = useRef(null);
+    const sandboxProps = sandbox ? { sandbox } : {};
+    return /* @__PURE__ */ jsx(Div, {
+      children: /* @__PURE__ */ jsx(Iframe, {
+        id: `${IFRAME_CONTAINER_ID_PREFIX}${id}`,
+        ref: frameRef,
+        title,
+        src,
+        scrolling: "no",
+        ...sandboxProps,
+        onLoad: () => frameRef?.current?.contentDocument && onFrameReady(frameRef.current.contentDocument)
+      })
+    });
+  }
+);
 export {
   IFrame
 };

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

@@ -1,40 +1,8 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import * as React from "react";
+import { createElement } from "react";
 import { useEffect, useState, memo } from "react";
 import { usePrevious } from "../use-previous.js";
 import { App } from "./app.js";
-const MicroIFrameApp = memo((_a) => {
-  var _b = _a, { entityId = null } = _b, rest = __objRest(_b, ["entityId"]);
+const MicroIFrameApp = memo(({ entityId = null, ...rest }) => {
   const [disposePrevApp, setDisposePrevApp] = useState(false);
   const [appKey, setAppKey] = useState(Date.now());
   const prevEntityId = usePrevious(entityId);
@@ -43,14 +11,15 @@ const MicroIFrameApp = memo((_a) => {
       setDisposePrevApp(true);
     }
   }, [entityId]);
-  return /* @__PURE__ */ React.createElement(App, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ createElement(App, {
+    ...rest,
     key: appKey,
     dispose: disposePrevApp,
     onUnloadComplete: () => {
       setAppKey(Date.now());
       setDisposePrevApp(false);
     }
-  }));
+  });
 });
 export {
   MicroIFrameApp

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import {
   DSDialog,
@@ -17,16 +17,28 @@ const Error = ({
   const handleClick = useCallback(() => {
     setOpen((prev) => !prev);
   }, []);
-  return /* @__PURE__ */ React.createElement(DSDialog, {
+  return /* @__PURE__ */ jsx(DSDialog, {
     isOpen,
     onClickOutside: handleClick,
-    size: "small"
-  }, /* @__PURE__ */ React.createElement(DSDialogBody, {
-    p: "s"
-  }, /* @__PURE__ */ React.createElement(DSDialogDefaultLayout, null, /* @__PURE__ */ React.createElement(ErrorHexegon, {
-    size: "xxl",
-    color: ["danger", "900"]
-  }), /* @__PURE__ */ React.createElement(DSDialogPrimaryMessage, null, primaryMessage), secondaryMessage && /* @__PURE__ */ React.createElement(DSDialogSecondaryMessage, null, secondaryMessage))));
+    size: "small",
+    children: /* @__PURE__ */ jsx(DSDialogBody, {
+      p: "s",
+      children: /* @__PURE__ */ jsxs(DSDialogDefaultLayout, {
+        children: [
+          /* @__PURE__ */ jsx(ErrorHexegon, {
+            size: "xxl",
+            color: ["danger", "900"]
+          }),
+          /* @__PURE__ */ jsx(DSDialogPrimaryMessage, {
+            children: primaryMessage
+          }),
+          secondaryMessage && /* @__PURE__ */ jsx(DSDialogSecondaryMessage, {
+            children: secondaryMessage
+          })
+        ]
+      })
+    })
+  });
 };
 export {
   Error

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
 import { Close } from "@elliemae/ds-icons";
 import { DSButtonV2 } from "@elliemae/ds-button";
@@ -12,29 +12,51 @@ import {
 } from "@elliemae/ds-dialog";
 import { useAppDispatch } from "../../../data/react-redux.js";
 import { navigationPrompt } from "../../../data/navigation-prompt/actions.js";
-const NavigationPrompt = memo(({ open }) => {
-  const dispatch = useAppDispatch();
-  const cancelDialog = () => dispatch(navigationPrompt.cancel());
-  const confirmDialog = () => dispatch(navigationPrompt.confirm());
-  return /* @__PURE__ */ React.createElement(DSDialog, {
-    isOpen: open,
-    onClickOutside: cancelDialog,
-    centered: true
-  }, /* @__PURE__ */ React.createElement(DSDialogHeader, null, /* @__PURE__ */ React.createElement(DSDialogAddon, null, /* @__PURE__ */ React.createElement(DSButtonV2, {
-    buttonType: "icon",
-    onClick: cancelDialog
-  }, /* @__PURE__ */ React.createElement(Close, {
-    color: ["neutral", "900"]
-  })))), /* @__PURE__ */ React.createElement(DSDialogSeparator, null), /* @__PURE__ */ React.createElement(DSDialogBody, {
-    px: 24,
-    mb: 16
-  }, "You currently have unsaved changes. Are you sure you want to proceed without saving?"), /* @__PURE__ */ React.createElement(DSDialogSeparator, null), /* @__PURE__ */ React.createElement(DSDialogFooter, null, /* @__PURE__ */ React.createElement(DSButtonV2, {
-    buttonType: "outline",
-    onClick: cancelDialog
-  }, "Continue without saving"), /* @__PURE__ */ React.createElement(DSButtonV2, {
-    onClick: confirmDialog
-  }, "Save & Continue")));
-});
+const NavigationPrompt = memo(
+  ({ open = false }) => {
+    const dispatch = useAppDispatch();
+    const cancelDialog = () => dispatch(navigationPrompt.cancel());
+    const confirmDialog = () => dispatch(navigationPrompt.confirm());
+    return /* @__PURE__ */ jsxs(DSDialog, {
+      isOpen: open,
+      onClickOutside: cancelDialog,
+      centered: true,
+      children: [
+        /* @__PURE__ */ jsx(DSDialogHeader, {
+          children: /* @__PURE__ */ jsx(DSDialogAddon, {
+            children: /* @__PURE__ */ jsx(DSButtonV2, {
+              buttonType: "icon",
+              onClick: cancelDialog,
+              children: /* @__PURE__ */ jsx(Close, {
+                color: ["neutral", "900"]
+              })
+            })
+          })
+        }),
+        /* @__PURE__ */ jsx(DSDialogSeparator, {}),
+        /* @__PURE__ */ jsx(DSDialogBody, {
+          px: 24,
+          mb: 16,
+          children: "You currently have unsaved changes. Are you sure you want to proceed without saving?"
+        }),
+        /* @__PURE__ */ jsx(DSDialogSeparator, {}),
+        /* @__PURE__ */ jsxs(DSDialogFooter, {
+          children: [
+            /* @__PURE__ */ jsx(DSButtonV2, {
+              buttonType: "outline",
+              onClick: cancelDialog,
+              children: "Continue without saving"
+            }),
+            /* @__PURE__ */ jsx(DSButtonV2, {
+              onClick: confirmDialog,
+              children: "Save & Continue"
+            })
+          ]
+        })
+      ]
+    });
+  }
+);
 export {
   NavigationPrompt
 };

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

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