@elliemae/pui-app-sdk 3.0.0-beta.6 → 3.0.0

package/dist/{es → esm}/utils/service-worker.js

@@ -7,10 +7,9 @@ const initServiceWorker = (swDest = "") => {
       navigator.serviceWorker.register(`${swDest.replace(/\/?$/, "/")}sw.js`).then(() => {
         logger.debug("Service Worker registered");
       }).catch((registrationError) => {
-        logger.error({
-          ...logRecords.SERVICE_WORKER_FAILED,
+        logger.error(__spreadProps(__spreadValues({}, logRecords.SERVICE_WORKER_FAILED), {
           exception: registrationError
-        });
+        }));
       });
     });
   }

package/dist/{es → esm}/utils/session.js

@@ -10,12 +10,12 @@ const userInteractionEvents = ["click", "scroll", "keypress", "touchstart"];
 let sessionExpiryWarningNotified = false;
 let timerHandle;
 let sessionExpiryWarningNotifiedAt;
-const resetUserIdleTime = () => {
+const resetUserIdleTime = (resetWarningModal = false) => {
   sessionExpiryWarningNotified = false;
   sessionExpiryWarningNotifiedAt = null;
   lastUserActivityTimeStamp = Date.now();
   Promise.resolve().then(() => {
-    resetListeners.forEach((listener) => listener());
+    resetListeners.forEach((listener) => listener(resetWarningModal));
   }).catch(() => {
   });
 };

package/dist/{es → esm}/utils/storybook/preview.js

@@ -5,9 +5,6 @@ import { loadAppConfig } from "../app-config/index.js";
 import { createTheme } from "./theme.js";
 import { browserHistory } from "../history.js";
 import "@elliemae/ds-basic/css/dimsum.css";
-(async () => {
-  await loadAppConfig(__webpack_public_path__);
-})();
 const theme = getDefaultTheme();
 const store = createAppStore({}, browserHistory);
 const appDecorator = withAppDecorator.bind(null, theme, store);
@@ -42,7 +39,13 @@ const getParameters = (storyBookTheme) => ({
   }
 });
 const decorators = [appDecorator];
+const loaders = [
+  async () => {
+    await loadAppConfig(__webpack_public_path__ || "./");
+  }
+];
 export {
   decorators,
-  getParameters
+  getParameters,
+  loaders
 };

package/dist/esm/utils/storybook/theme.js

@@ -0,0 +1,45 @@
+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;
+};
+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 { create } from "@storybook/theming/create";
+const createTheme = (_a) => {
+  var _b = _a, {
+    base = "light",
+    brandTitle = "Platform UI Components"
+  } = _b, rest = __objRest(_b, [
+    "base",
+    "brandTitle"
+  ]);
+  return create(__spreadValues({
+    base,
+    brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`
+  }, rest));
+};
+export {
+  createTheme
+};

package/dist/esm/utils/testing/index.js

@@ -0,0 +1,38 @@
+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 { render } from "@testing-library/react";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import { createAppStore } from "../../data/store.js";
+import { AppRoot } from "../../view/app-root/index.js";
+import { browserHistory } from "../history.js";
+const defaultStore = createAppStore({}, browserHistory);
+const defaultTheme = getDefaultTheme();
+const AllTheProviders = ({
+  store = defaultStore,
+  theme = defaultTheme,
+  children
+}) => /* @__PURE__ */ React.createElement(AppRoot, {
+  store,
+  history: browserHistory,
+  theme
+}, children);
+const customRender = (ui, options) => render(ui, __spreadValues({ wrapper: AllTheProviders }, options));
+export * from "@testing-library/react";
+export {
+  customRender as render
+};

package/dist/esm/utils/testing/render-with-redux.js

@@ -0,0 +1,35 @@
+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 { render } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { createAppStore } from "../../data/store.js";
+import { browserHistory } from "../history.js";
+const renderWithRedux = (ui, {
+  initialState,
+  store = createAppStore(initialState, browserHistory)
+} = {}) => __spreadProps(__spreadValues({}, render(/* @__PURE__ */ React.createElement(Provider, {
+  store
+}, ui))), {
+  store
+});
+export {
+  renderWithRedux
+};

package/dist/esm/utils/testing/render-with-router-redux.js

@@ -0,0 +1,41 @@
+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 { render } from "@testing-library/react";
+import { Provider } from "react-redux";
+import { createMemoryHistory } from "history";
+import { createAppStore } from "../../data/store.js";
+import { browserHistory } from "../history.js";
+import { AppRouter } from "../../view/app-router.js";
+const renderWithRouterRedux = (ui, {
+  route = "/",
+  history = createMemoryHistory({ initialEntries: [route] }),
+  initialState,
+  store = createAppStore(initialState, browserHistory)
+} = {}) => __spreadProps(__spreadValues({}, render(/* @__PURE__ */ React.createElement(Provider, {
+  store
+}, /* @__PURE__ */ React.createElement(AppRouter, {
+  history
+}, ui)))), {
+  store
+});
+export {
+  renderWithRouterRedux
+};

package/dist/esm/utils/testing/render-with-router.js

@@ -0,0 +1,37 @@
+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 { render } from "@testing-library/react";
+import { createMemoryHistory } from "history";
+import { AppRouter } from "../../view/app-router.js";
+const renderWithRouter = (ui, {
+  route = "/",
+  history = createMemoryHistory({ initialEntries: [route] })
+} = {}) => {
+  const renderResult = render(/* @__PURE__ */ React.createElement(AppRouter, {
+    history
+  }, ui));
+  return __spreadProps(__spreadValues({}, renderResult), {
+    history
+  });
+};
+export {
+  renderWithRouter
+};

package/dist/esm/utils/testing/render-with-state-addons.js

@@ -0,0 +1,69 @@
+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;
+};
+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 } from "react";
+import { ThemeProvider } from "styled-components";
+import { getDefaultTheme } from "@elliemae/pui-theme";
+import {
+  useInjectReducer,
+  useInjectSaga
+} from "redux-injectors";
+const RenderWithStateAddOns = (_a) => {
+  var _b = _a, {
+    Component,
+    reducer,
+    saga,
+    theme = getDefaultTheme()
+  } = _b, rest = __objRest(_b, [
+    "Component",
+    "reducer",
+    "saga",
+    "theme"
+  ]);
+  const [ready, setReady] = useState(false);
+  if (Array.isArray(reducer)) {
+    reducer.forEach((r) => useInjectReducer(r));
+  } else {
+    useInjectReducer(reducer);
+  }
+  if (Array.isArray(saga)) {
+    saga.forEach((s) => useInjectSaga(s));
+  } else if (saga) {
+    useInjectSaga(saga);
+  }
+  useEffect(() => {
+    setReady(true);
+  }, []);
+  return ready ? /* @__PURE__ */ React.createElement(ThemeProvider, {
+    theme
+  }, /* @__PURE__ */ React.createElement(Component, __spreadValues({}, rest))) : null;
+};
+export {
+  RenderWithStateAddOns
+};

package/dist/esm/view/app-root/hosted-app.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import styled from "styled-components";
+import { useBreakpoint } from "../breakpoint/use-breakpoint.js";
+import { useWindowSizeChange } from "../use-window-size-change.js";
+import { useHTMLWaitMessage } from "../modals/wait-message/use-html-wait-message.js";
+import GlobalStyle from "./style.js";
+const Div = styled.div`
+  height: 100%;
+`;
+const HostedApp = ({ children }) => {
+  useBreakpoint();
+  useHTMLWaitMessage(true);
+  useWindowSizeChange();
+  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), children);
+};
+export {
+  HostedApp
+};

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

@@ -1,9 +1,25 @@
+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 { Provider } from "react-redux";
 import { ThemeProvider } from "styled-components";
-import { Router } from "react-router-dom";
 import { getDefaultTheme } from "@elliemae/pui-theme";
 import { useInjectSaga } from "redux-injectors";
+import { AppRouter } from "../app-router.js";
 import { isStandAloneGuest, isHost } from "../../utils/micro-frontend/index.js";
 import { waitMessage } from "../../sideeffect/wait-message/index.js";
 import { errorToast } from "../../sideeffect/error-toast/index.js";
@@ -14,11 +30,7 @@ const AppToRender = (props) => {
   useInjectSaga({ key: "waitMessage", saga: waitMessage });
   useInjectSaga({ key: "errorToast", saga: errorToast });
   const isParent = isStandAloneGuest() || isHost();
-  return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, {
-    ...props
-  }) : /* @__PURE__ */ React.createElement(HostedApp, {
-    ...props
-  });
+  return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, __spreadValues({}, props)) : /* @__PURE__ */ React.createElement(HostedApp, __spreadValues({}, props));
 };
 const AppRoot = ({
   store,
@@ -32,7 +44,7 @@ const AppRoot = ({
   errorTemplate
 }, /* @__PURE__ */ React.createElement(Provider, {
   store
-}, /* @__PURE__ */ React.createElement(Router, {
+}, /* @__PURE__ */ React.createElement(AppRouter, {
   history
 }, /* @__PURE__ */ React.createElement(ThemeProvider, {
   theme

package/dist/esm/view/app-root/stand-alone-app.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import styled from "styled-components";
+import { LiveAnnouncer } from "react-aria-live";
+import { useBreakpoint } from "../breakpoint/use-breakpoint.js";
+import { useWindowSizeChange } from "../use-window-size-change.js";
+import { SessionTimeout } from "../session-timeout/index.js";
+import { LiveMessage } from "../live-message/index.js";
+import { ErrorToast } from "../error-toast/index.js";
+import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
+import GlobalStyle from "./style.js";
+const Div = styled.div`
+  height: 100%;
+`;
+const StandAloneApp = ({
+  manageSession,
+  WaitMessage,
+  children
+}) => {
+  useBreakpoint();
+  useWindowSizeChange();
+  return /* @__PURE__ */ React.createElement(LiveAnnouncer, null, /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), manageSession && /* @__PURE__ */ React.createElement(SessionTimeout, null), /* @__PURE__ */ React.createElement(LiveMessage, null), WaitMessage || /* @__PURE__ */ React.createElement(DefaultWaitMessage, null), /* @__PURE__ */ React.createElement(ErrorToast, null), children));
+};
+export {
+  StandAloneApp
+};

package/dist/esm/view/app-router.js

@@ -0,0 +1,50 @@
+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 { useState, useLayoutEffect } from "react";
+import { Router } from "react-router-dom";
+const AppRouter = (_a) => {
+  var _b = _a, { history } = _b, props = __objRest(_b, ["history"]);
+  const [state, setState] = useState({
+    action: history.action,
+    location: history.location
+  });
+  useLayoutEffect(() => history.listen(setState), [history]);
+  return /* @__PURE__ */ React.createElement(Router, __spreadProps(__spreadValues({}, props), {
+    location: state.location,
+    navigationType: state.action,
+    navigator: history
+  }));
+};
+export {
+  AppRouter
+};

package/dist/{es/view/media-breakpoint/index.js → esm/view/breakpoint/use-breakpoint.js}

@@ -1,14 +1,13 @@
-import * as React from "react";
 import { useEffect, useContext } from "react";
 import { ThemeContext } from "styled-components";
 import { publish } from "pubsub-js";
 import { useAppDispatch } from "../../data/react-redux.js";
 import { breakpoint } from "../../data/breakpoint/index.js";
-import { useMediaBreakpoints } from "../useMediaBreakpoints/index.js";
+import { useMediaQueryList } from "./use-media-query-list.js";
 import { HOST_WINDOW_BREAKPOINT_CHANGED } from "../../utils/constants.js";
-const MediaBreakpoint = () => {
+const useBreakpoint = () => {
   const theme = useContext(ThemeContext);
-  const currentBreakpoint = useMediaBreakpoints([
+  const currentBreakpoint = useMediaQueryList([
     `(max-width: ${theme.breakpoints.small})`,
     `(max-width: ${theme.breakpoints.medium})`,
     `(max-width: ${theme.breakpoints.large})`
@@ -18,8 +17,7 @@ const MediaBreakpoint = () => {
     dispatch({ type: breakpoint.change, payload: currentBreakpoint });
     publish(HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);
   }, [currentBreakpoint, dispatch]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
 };
 export {
-  MediaBreakpoint
+  useBreakpoint
 };

package/dist/{es/view/useMediaBreakpoints/index.js → esm/view/breakpoint/use-media-query-list.js}

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback } from "react";
-const useMediaBreakpoints = (queries, values, defaultValue) => {
+const useMediaQueryList = (queries, values, defaultValue) => {
   const mediaQueryLists = queries.map((q) => window.matchMedia(q));
   const getValue = useCallback(() => {
     const index = mediaQueryLists.findIndex((mql) => mql.matches);
@@ -8,11 +8,11 @@ const useMediaBreakpoints = (queries, values, defaultValue) => {
   const [value, setValue] = useState(getValue);
   useEffect(() => {
     const handler = () => setValue(getValue);
-    mediaQueryLists.forEach((mql) => mql.addListener(handler));
-    return () => mediaQueryLists.forEach((mql) => mql.removeListener(handler));
+    mediaQueryLists.forEach((mql) => mql.addEventListener("change", handler));
+    return () => mediaQueryLists.forEach((mql) => mql.removeEventListener("change", handler));
   }, [getValue, mediaQueryLists]);
   return value;
 };
 export {
-  useMediaBreakpoints
+  useMediaQueryList
 };

package/dist/esm/view/error-boundary/default-error-template.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+const DefaultErrorTemplate = (props) => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, "We are unable to process your request"), /* @__PURE__ */ React.createElement("section", null, "Please close your browser and login again"));
+export {
+  DefaultErrorTemplate
+};

package/dist/esm/view/error-boundary/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 React from "react";
+import {
+  DefaultErrorTemplate
+} from "./default-error-template.js";
+import { getLogger } from "../../utils/micro-frontend/index.js";
+import { logRecords } from "../../utils/log-records.js";
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null, errorInfo: null };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({
+      error,
+      errorInfo
+    });
+    const logger = getLogger();
+    if (logger)
+      logger.error(__spreadProps(__spreadValues({}, logRecords.UNHANDLED_ERROR), {
+        exception: error
+      }));
+  }
+  render() {
+    const { children, errorTemplate } = this.props;
+    const ErrorTemplate = errorTemplate || DefaultErrorTemplate;
+    const { error, errorInfo } = this.state;
+    return errorInfo ? /* @__PURE__ */ React.createElement(ErrorTemplate, {
+      error,
+      errorInfo
+    }) : children;
+  }
+}
+export {
+  ErrorBoundary
+};

package/dist/esm/view/error-toast/index.js

@@ -0,0 +1,42 @@
+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 { useEffect, memo } from "react";
+import { ToastPosition, ToastType, DSToast, toast } from "@elliemae/ds-toast";
+import { useAppSelector, useAppDispatch } from "../../data/react-redux.js";
+import { actions as error } from "../../data/error/index.js";
+const ErrorToast = memo((props) => {
+  const storeError = useAppSelector((state) => state?.error);
+  const dispatch = useAppDispatch();
+  useEffect(() => {
+    if (storeError && (storeError?.description || storeError?.messageText)) {
+      const toastProps = __spreadValues(__spreadValues({
+        position: ToastPosition.TOP_RIGHT,
+        messageTitle: "Error",
+        type: ToastType.ERROR
+      }, props), storeError);
+      const messageText = toastProps.description || toastProps.messageText;
+      if (messageText)
+        toast(__spreadValues({ messageText }, toastProps));
+      dispatch(error.clear());
+    }
+  }, [storeError, props, dispatch]);
+  return /* @__PURE__ */ React.createElement(DSToast, __spreadValues({}, props));
+});
+export {
+  ErrorToast
+};