@elliemae/pui-app-sdk 3.0.0-beta.7 → 3.0.1

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

@@ -0,0 +1,46 @@
+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 styled from "styled-components";
+import {
+  useForm,
+  FormProvider
+} from "react-hook-form";
+const StyledForm = styled.form`
+  width: 100%;
+  height: 100%;
+`;
+const Form = ({
+  classname,
+  reactHookFormProps = { mode: "onBlur" },
+  children,
+  onSubmit
+}) => {
+  const methods = useForm(reactHookFormProps);
+  const formProps = {};
+  if (onSubmit)
+    formProps.onSubmit = methods.handleSubmit(onSubmit);
+  const providerProps = Object.assign(methods, {
+    formProps: reactHookFormProps
+  });
+  return /* @__PURE__ */ React.createElement(FormProvider, __spreadValues({}, providerProps), /* @__PURE__ */ React.createElement(StyledForm, __spreadValues({
+    className: classname
+  }, formProps), children));
+};
+export {
+  Form
+};

package/dist/{es → esm}/view/form/personal-info-section.js

@@ -3,48 +3,52 @@ import moment from "moment";
 import { TextBox } from "../fields/text-box/index.js";
 import { ComboBox } from "../fields/combo-box/index.js";
 import { DateInput } from "../fields/date-input/index.js";
-import { FormItemLayout } from "../fields/form-item-layout/index.js";
-const FirstName = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: TextBox,
-  labelText: "First Name",
+import { FormLayoutBlockItem } from "../fields/form-layout-block-item/index.js";
+const FirstName = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  label: "First Name",
+  inputID: "firstname",
+  required: true
+}, /* @__PURE__ */ React.createElement(TextBox, {
+  id: "firstname",
   name: "firstname",
-  required: true,
   rules: {
     required: { value: true, message: "First Name is required" },
     minLength: { value: 2, message: "Minimum 2 characters" },
     maxLength: { value: 50, message: "Maximum 50 characters" }
   }
-});
-const DOB = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: DateInput,
-  labelText: "Date of Birth",
+}));
+const DOB = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  label: "Date of Birth",
+  inputID: "dob",
+  required: true
+}, /* @__PURE__ */ React.createElement(DateInput, {
+  id: "dob",
   name: "dob",
-  required: true,
   rules: {
     required: { value: true, message: "Date of Birth is required" },
     validate: (value) => moment() > value || "Date of Birth can not be greater than current date"
   }
-});
-const State = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: ComboBox,
-  labelText: "State",
+}));
+const State = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  label: "State",
+  inputID: "state",
+  required: true
+}, /* @__PURE__ */ React.createElement(ComboBox, {
+  id: "state",
   name: "state",
-  required: true,
   rules: { required: { value: true, message: "State is required" } },
   options: [
     { value: "ca", label: "California" },
     { value: "nj", label: "New Jersey" }
   ]
-});
-const MaritalStatus = () => /* @__PURE__ */ React.createElement(FormItemLayout, {
-  floatingLabel: true,
-  inputComponent: ComboBox,
-  labelText: "Marital Status",
+}));
+const MaritalStatus = () => /* @__PURE__ */ React.createElement(FormLayoutBlockItem, {
+  label: "Marital Status",
+  inputID: "marital_status",
+  required: true
+}, /* @__PURE__ */ React.createElement(ComboBox, {
+  id: "marital_status",
   name: "marital_status",
-  required: true,
   rules: {
     required: { value: true, message: "Marital Status is required" }
   },
@@ -52,7 +56,7 @@ const MaritalStatus = () => /* @__PURE__ */ React.createElement(FormItemLayout,
     { value: "married", label: "Married" },
     { value: "single", label: "Single" }
   ]
-});
+}));
 export {
   DOB,
   FirstName,

package/dist/esm/view/form/submit-button/index.js

@@ -0,0 +1,48 @@
+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 { useFormContext } from "react-hook-form";
+import { DSButtonV2 } from "@elliemae/ds-button";
+const FormSubmitButton = (_a) => {
+  var rest = __objRest(_a, []);
+  const {
+    formState,
+    formProps: { mode }
+  } = useFormContext();
+  return /* @__PURE__ */ React.createElement(DSButtonV2, __spreadProps(__spreadValues({}, rest), {
+    type: "submit",
+    disabled: mode !== "onSubmit" && (!formState.isDirty || formState.isDirty && !formState.isValid)
+  }));
+};
+export {
+  FormSubmitButton
+};

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

@@ -0,0 +1,28 @@
+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 { lazy, Suspense } from "react";
+import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
+const loadable = (importFunc, fallback = /* @__PURE__ */ React.createElement(WaitMessageLauncher, null)) => {
+  const LazyComponent = lazy(importFunc);
+  return (props) => /* @__PURE__ */ React.createElement(Suspense, {
+    fallback
+  }, /* @__PURE__ */ React.createElement(LazyComponent, __spreadValues({}, props)));
+};
+export {
+  loadable
+};

package/dist/{es → esm}/view/login/index.js

@@ -1,13 +1,8 @@
-import * as React from "react";
 import { useEffect } 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 }) => {
   const dispatch = useAppDispatch();
   useEffect(() => {
     login({ clientId, scope, responseType }).then(() => {
@@ -15,7 +10,7 @@ const Login = ({
     }).catch(() => {
     });
   }, [dispatch, clientId, scope, responseType]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  return null;
 };
 export {
   Login

package/dist/{es → esm}/view/micro-app/app-factory/index.js

@@ -1,3 +1,22 @@
+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";
@@ -20,7 +39,7 @@ import {
   getAppManifest,
   getFullFileNameofAssetsFromManifest
 } from "../resources/manifest.js";
-const cssType = new RegExp(/\.css$/);
+const cssType = /\.css$/;
 const isCss = (fileName) => cssType.test(fileName);
 const activeApps = {};
 const initApplication = async ({
@@ -88,7 +107,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({ ...logRecord, exception: err });
+  getLogger().error(__spreadProps(__spreadValues({}, logRecord), { exception: err }));
   throw new Error(logRecord.msg);
 });
 const removeAssetsFromDOM = (id, documentEle = document) => {
@@ -123,6 +142,8 @@ const unloadApp = ({
   hostUrl,
   documentEle
 }) => {
+  if (!hostUrl)
+    throw new Error("Unable to unload app. hostUrl is required");
   getLogger().info(logRecords.APP_UNLOADING(id));
   const app = (window.emui || {})[id];
   if (!app)

package/dist/{es → esm}/view/micro-app/resources/manifest.js

@@ -7,6 +7,8 @@ const getAppManifest = async ({
   hostUrl,
   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));
   const { headers } = response;

package/dist/{es → esm}/view/micro-app/resources/script.js

@@ -1,6 +1,6 @@
 import { removeDoubleSlash } from "../../../utils/url.js";
 const APP_SCRIPT_ID_PREFIX = "emui-script-";
-const HEAD_SCRIPTS = new RegExp("/(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js", "i");
+const HEAD_SCRIPTS = /(?:emuiDiagnostics|global|global-prod|emuiUserMonitoring)(?:..*)?.js/;
 const isHeadScript = (scriptSrc) => HEAD_SCRIPTS.test(scriptSrc);
 const addScriptToDOM = ({ name, hostUrl, documentEle }, fileName, index) => new Promise((resolve, reject) => {
   const ele = documentEle.createElement("script");

package/dist/{es → esm}/view/micro-app/use-app-will-render.js

@@ -1,3 +1,22 @@
+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";
@@ -41,10 +60,9 @@ const useAppWillRender = ({
       await loadApp(appConfig);
       await mountApp(appConfig);
     } catch (ex) {
-      getLogger().error({
-        ...logRecords.APP_CONFIG_LOAD_FAILED,
+      getLogger().error(__spreadProps(__spreadValues({}, logRecords.APP_CONFIG_LOAD_FAILED), {
         exception: ex
-      });
+      }));
       await unload(appConfig, true);
       throw ex;
     }

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

@@ -0,0 +1,58 @@
+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 { memo, useState } from "react";
+import frameHtml from "file-loader?name=iframe.[contenthash].[ext]!./iframe/index.html";
+import { IFrame } from "./iframe/index.js";
+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
+  }));
+});
+export {
+  App
+};

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

@@ -0,0 +1,54 @@
+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 { memo, useRef } from "react";
+import styled from "styled-components";
+import { IFRAME_CONTAINER_ID_PREFIX } from "./const.js";
+const Div = styled.div`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  overflow: hidden;
+`;
+const Iframe = styled.iframe`
+  flex-grow: 1;
+  border: none;
+  margin: 0;
+  padding: 0;
+  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)
+  })));
+});
+export {
+  IFrame
+};

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

@@ -0,0 +1,57 @@
+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 { 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 [disposePrevApp, setDisposePrevApp] = useState(false);
+  const [appKey, setAppKey] = useState(Date.now());
+  const prevEntityId = usePrevious(entityId);
+  useEffect(() => {
+    if (prevEntityId !== entityId && prevEntityId) {
+      setDisposePrevApp(true);
+    }
+  }, [entityId]);
+  return /* @__PURE__ */ React.createElement(App, __spreadProps(__spreadValues({}, rest), {
+    key: appKey,
+    dispose: disposePrevApp,
+    onUnloadComplete: () => {
+      setAppKey(Date.now());
+      setDisposePrevApp(false);
+    }
+  }));
+});
+export {
+  MicroIFrameApp
+};

package/dist/{es → esm}/view/micro-iframe-app/use-frame-loaded.js

@@ -6,6 +6,8 @@ const addBaseTag = (id, documentEle) => {
   const { hostUrl, manifestPath } = getMicroFrontEndAppConfig({
     id
   });
+  if (!hostUrl || !manifestPath)
+    throw new Error("hostUrl or manifestPath is not defined");
   const base = documentEle.createElement("base");
   base.href = new URL(manifestPath, hostUrl).href;
   documentEle.getElementsByTagName("head")[0].appendChild(base);

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

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { useState, useCallback } from "react";
+import {
+  DSDialog,
+  DSDialogBody,
+  DSDialogDefaultLayout,
+  DSDialogPrimaryMessage,
+  DSDialogSecondaryMessage
+} from "@elliemae/ds-dialog";
+import { ErrorHexegon } from "@elliemae/ds-icons";
+const Error = ({
+  open,
+  primaryMessage,
+  secondaryMessage
+}) => {
+  const [isOpen, setOpen] = useState(open);
+  const handleClick = useCallback(() => {
+    setOpen((prev) => !prev);
+  }, []);
+  return /* @__PURE__ */ React.createElement(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))));
+};
+export {
+  Error
+};

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

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { memo } from "react";
+import { Close } from "@elliemae/ds-icons";
+import { DSButtonV2 } from "@elliemae/ds-button";
+import {
+  DSDialog,
+  DSDialogHeader,
+  DSDialogBody,
+  DSDialogFooter,
+  DSDialogSeparator,
+  DSDialogAddon
+} 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")));
+});
+export {
+  NavigationPrompt
+};