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

package/dist/esm/utils/session.js

@@ -19,14 +19,20 @@ const resetUserIdleTime = (resetWarningModal = false) => {
   }).catch(() => {
   });
 };
-const throttledResetUserIdleTime = throttle(resetUserIdleTime, THROTTLING_TIME, { leading: true });
+const throttledResetUserIdleTime = throttle(
+  resetUserIdleTime,
+  THROTTLING_TIME,
+  { leading: true }
+);
 const isPastWarningTime = (warnInterval = getAppConfigValue("sessionTimeoutWarnInterval") || SESSION_TIMEOUT_INTERVAL.WARN) => Date.now() - lastUserActivityTimeStamp > warnInterval;
 const isPastSessionTimeoutTime = (sessionTimeout = getAppConfigValue("sessionTimeoutInterval") || SESSION_TIMEOUT_INTERVAL.EXPIRY) => Date.now() - lastUserActivityTimeStamp > sessionTimeout;
 const notifySessionExpiryWarning = () => {
   sessionExpiryWarningNotified = true;
   sessionExpiryWarningNotifiedAt = Date.now();
   Promise.resolve().then(() => {
-    warnListeners.forEach((listener) => listener(sessionExpiryWarningNotifiedAt));
+    warnListeners.forEach(
+      (listener) => listener(sessionExpiryWarningNotifiedAt)
+    );
   }).catch(() => {
   });
 };
@@ -79,10 +85,14 @@ const trackActivity = (element, cb) => {
     return () => {
     };
   const thorttledCb = throttle(cb, THROTTLING_TIME, { leading: true });
-  userInteractionEvents.forEach((r) => element.addEventListener(r, thorttledCb));
+  userInteractionEvents.forEach(
+    (r) => element.addEventListener(r, thorttledCb)
+  );
   return () => {
     userInteractionEvents.forEach((r) => element.removeEventListener(r, cb));
-    userInteractionEvents.forEach((r) => element.removeEventListener(r, thorttledCb));
+    userInteractionEvents.forEach(
+      (r) => element.removeEventListener(r, thorttledCb)
+    );
   };
 };
 export {

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

@@ -41,7 +41,7 @@ const getParameters = (storyBookTheme) => ({
 const decorators = [appDecorator];
 const loaders = [
   async () => {
-    await loadAppConfig();
+    await loadAppConfig("/");
   }
 ];
 export {

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

@@ -1,45 +1,13 @@
-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));
-};
+const createTheme = ({
+  base = "light",
+  brandTitle = "Platform UI Components",
+  ...rest
+}) => create({
+  base,
+  brandTitle: `${brandTitle} ${process.env.STORYBOOK_VERSION || ""}`,
+  ...rest
+});
 export {
   createTheme
 };

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

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

package/dist/esm/utils/testing/render-with-redux.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 { render } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { createAppStore } from "../../data/store.js";
@@ -25,9 +6,11 @@ import { browserHistory } from "../history.js";
 const renderWithRedux = (ui, {
   initialState,
   store = createAppStore(initialState, browserHistory)
-} = {}) => __spreadProps(__spreadValues({}, render(/* @__PURE__ */ React.createElement(Provider, {
-  store
-}, ui))), {
+} = {}) => ({
+  ...render(/* @__PURE__ */ jsx(Provider, {
+    store,
+    children: ui
+  })),
   store
 });
 export {

package/dist/esm/utils/testing/render-with-router-redux.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 { render } from "@testing-library/react";
 import { Provider } from "react-redux";
 import { createMemoryHistory } from "history";
@@ -29,11 +10,16 @@ const renderWithRouterRedux = (ui, {
   history = createMemoryHistory({ initialEntries: [route] }),
   initialState,
   store = createAppStore(initialState, browserHistory)
-} = {}) => __spreadProps(__spreadValues({}, render(/* @__PURE__ */ React.createElement(Provider, {
-  store
-}, /* @__PURE__ */ React.createElement(AppRouter, {
-  history
-}, ui)))), {
+} = {}) => ({
+  ...render(
+    /* @__PURE__ */ jsx(Provider, {
+      store,
+      children: /* @__PURE__ */ jsx(AppRouter, {
+        history,
+        children: ui
+      })
+    })
+  ),
   store
 });
 export {

package/dist/esm/utils/testing/render-with-router.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 { render } from "@testing-library/react";
 import { createMemoryHistory } from "history";
 import { AppRouter } from "../../view/app-router.js";
@@ -25,12 +6,14 @@ const renderWithRouter = (ui, {
   route = "/",
   history = createMemoryHistory({ initialEntries: [route] })
 } = {}) => {
-  const renderResult = render(/* @__PURE__ */ React.createElement(AppRouter, {
-    history
-  }, ui));
-  return __spreadProps(__spreadValues({}, renderResult), {
+  const renderResult = render(/* @__PURE__ */ jsx(AppRouter, {
+    history,
+    children: ui
+  }));
+  return {
+    ...renderResult,
     history
-  });
+  };
 };
 export {
   renderWithRouter

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

@@ -1,32 +1,4 @@
-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 { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { ThemeProvider } from "styled-components";
 import { getDefaultTheme } from "@elliemae/pui-theme";
@@ -34,18 +6,13 @@ 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 RenderWithStateAddOns = ({
+  Component,
+  reducer,
+  saga,
+  theme = getDefaultTheme(),
+  ...rest
+}) => {
   const [ready, setReady] = useState(false);
   if (Array.isArray(reducer)) {
     reducer.forEach((r) => useInjectReducer(r));
@@ -60,9 +27,12 @@ const RenderWithStateAddOns = (_a) => {
   useEffect(() => {
     setReady(true);
   }, []);
-  return ready ? /* @__PURE__ */ React.createElement(ThemeProvider, {
-    theme
-  }, /* @__PURE__ */ React.createElement(Component, __spreadValues({}, rest))) : null;
+  return ready ? /* @__PURE__ */ jsx(ThemeProvider, {
+    theme,
+    children: /* @__PURE__ */ jsx(Component, {
+      ...rest
+    })
+  }) : null;
 };
 export {
   RenderWithStateAddOns

package/dist/esm/utils/window.js

@@ -8,8 +8,14 @@ const getWindow = () => {
   }
 };
 const getViewportSize = () => ({
-  width: Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0),
-  height: Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
+  width: Math.max(
+    document.documentElement.clientWidth || 0,
+    window.innerWidth || 0
+  ),
+  height: Math.max(
+    document.documentElement.clientHeight || 0,
+    window.innerHeight || 0
+  )
 });
 const convertBreakpointToNumber = (breakpoint) => Number(breakpoint.replace("px", ""));
 const getCurrentBreakpoint = () => {

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { ErrorToast } from "../error-toast/index.js";
 import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
@@ -13,7 +13,14 @@ const HostedApp = ({ WaitMessage, children }) => {
   useBreakpoint();
   useHTMLWaitMessage(true);
   useWindowSizeChange();
-  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(GlobalStyle, null), WaitMessage || /* @__PURE__ */ React.createElement(DefaultWaitMessage, null), /* @__PURE__ */ React.createElement(ErrorToast, null), children);
+  return /* @__PURE__ */ jsxs(Div, {
+    children: [
+      /* @__PURE__ */ jsx(GlobalStyle, {}),
+      WaitMessage || /* @__PURE__ */ jsx(DefaultWaitMessage, {}),
+      /* @__PURE__ */ jsx(ErrorToast, {}),
+      children
+    ]
+  });
 };
 export {
   HostedApp

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

@@ -1,20 +1,5 @@
-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 { StrictMode } from "react";
 import { Provider } from "react-redux";
 import { ThemeProvider } from "styled-components";
 import { getDefaultTheme } from "@elliemae/pui-theme";
@@ -25,28 +10,41 @@ import { StandAloneApp } from "./stand-alone-app.js";
 import { HostedApp } from "./hosted-app.js";
 const AppToRender = (props) => {
   const isParent = isStandAloneGuest() || isHost();
-  return isParent ? /* @__PURE__ */ React.createElement(StandAloneApp, __spreadValues({}, props)) : /* @__PURE__ */ React.createElement(HostedApp, __spreadValues({}, props));
+  return isParent ? /* @__PURE__ */ jsx(StandAloneApp, {
+    ...props
+  }) : /* @__PURE__ */ jsx(HostedApp, {
+    ...props
+  });
 };
 const AppRoot = ({
   store,
   history,
+  basename,
   theme = getDefaultTheme(),
   manageSession = false,
   WaitMessage,
   errorTemplate,
   children
-}) => /* @__PURE__ */ React.createElement(ErrorBoundary, {
-  errorTemplate
-}, /* @__PURE__ */ React.createElement(Provider, {
-  store
-}, /* @__PURE__ */ React.createElement(AppRouter, {
-  history
-}, /* @__PURE__ */ React.createElement(ThemeProvider, {
-  theme
-}, /* @__PURE__ */ React.createElement(AppToRender, {
-  manageSession,
-  WaitMessage
-}, children)))));
+}) => /* @__PURE__ */ jsx(StrictMode, {
+  children: /* @__PURE__ */ jsx(ErrorBoundary, {
+    errorTemplate,
+    children: /* @__PURE__ */ jsx(Provider, {
+      store,
+      children: /* @__PURE__ */ jsx(AppRouter, {
+        history,
+        basename,
+        children: /* @__PURE__ */ jsx(ThemeProvider, {
+          theme,
+          children: /* @__PURE__ */ jsx(AppToRender, {
+            manageSession,
+            WaitMessage,
+            children
+          })
+        })
+      })
+    })
+  })
+});
 export {
   AppRoot
 };

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

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { LiveAnnouncer } from "react-aria-live";
 import { useBreakpoint } from "../breakpoint/use-breakpoint.js";
@@ -18,7 +18,18 @@ const StandAloneApp = ({
 }) => {
   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));
+  return /* @__PURE__ */ jsx(LiveAnnouncer, {
+    children: /* @__PURE__ */ jsxs(Div, {
+      children: [
+        /* @__PURE__ */ jsx(GlobalStyle, {}),
+        manageSession && /* @__PURE__ */ jsx(SessionTimeout, {}),
+        /* @__PURE__ */ jsx(LiveMessage, {}),
+        WaitMessage || /* @__PURE__ */ jsx(DefaultWaitMessage, {}),
+        /* @__PURE__ */ jsx(ErrorToast, {}),
+        children
+      ]
+    })
+  });
 };
 export {
   StandAloneApp

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

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

package/dist/esm/view/breakpoint/use-breakpoint.js

@@ -7,11 +7,15 @@ import { useMediaQueryList } from "./use-media-query-list.js";
 import { HOST_WINDOW_BREAKPOINT_CHANGED } from "../../utils/constants.js";
 const useBreakpoint = () => {
   const theme = useContext(ThemeContext);
-  const currentBreakpoint = useMediaQueryList([
-    `(max-width: ${theme.breakpoints.small})`,
-    `(max-width: ${theme.breakpoints.medium})`,
-    `(max-width: ${theme.breakpoints.large})`
-  ], ["small", "medium", "large"], "large");
+  const currentBreakpoint = useMediaQueryList(
+    [
+      `(max-width: ${theme.breakpoints.small})`,
+      `(max-width: ${theme.breakpoints.medium})`,
+      `(max-width: ${theme.breakpoints.large})`
+    ],
+    ["small", "medium", "large"],
+    "large"
+  );
   const dispatch = useAppDispatch();
   useEffect(() => {
     dispatch({ type: breakpoint.change, payload: currentBreakpoint });

package/dist/esm/view/breakpoint/use-media-query-list.js

@@ -9,7 +9,9 @@ const useMediaQueryList = (queries, values, defaultValue) => {
   useEffect(() => {
     const handler = () => setValue(getValue);
     mediaQueryLists.forEach((mql) => mql.addEventListener("change", handler));
-    return () => mediaQueryLists.forEach((mql) => mql.removeEventListener("change", handler));
+    return () => mediaQueryLists.forEach(
+      (mql) => mql.removeEventListener("change", handler)
+    );
   }, [getValue, mediaQueryLists]);
   return value;
 };

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

@@ -1,8 +1,17 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 const DefaultErrorTemplate = ({
   error = new Error("We are unable to process your request"),
   errorInfo = { componentStack: "Please close your browser and login again" }
-}) => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", null, error?.message), /* @__PURE__ */ React.createElement("section", null, errorInfo));
+}) => /* @__PURE__ */ jsxs("div", {
+  children: [
+    /* @__PURE__ */ jsx("h2", {
+      children: error?.message
+    }),
+    /* @__PURE__ */ jsx("section", {
+      children: errorInfo?.componentStack
+    })
+  ]
+});
 export {
   DefaultErrorTemplate
 };

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

@@ -1,22 +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 { jsx } from "react/jsx-runtime";
 import React from "react";
 import {
   DefaultErrorTemplate
@@ -35,15 +17,16 @@ class ErrorBoundary extends React.Component {
     });
     const logger = getLogger();
     if (logger)
-      logger.error(__spreadProps(__spreadValues({}, logRecords.UNHANDLED_ERROR), {
+      logger.error({
+        ...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, {
+    return errorInfo ? /* @__PURE__ */ jsx(ErrorTemplate, {
       error,
       errorInfo
     }) : children;