@elliemae/pui-app-sdk 3.0.0-beta.8 → 3.0.2

package/dist/cjs/utils/web-storage.js

@@ -6,27 +6,32 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var web_storage_exports = {};
+__export(web_storage_exports, {
   listenStorageEvents: () => listenStorageEvents,
   persistentStorage: () => persistentStorage,
   removeStorageEvents: () => removeStorageEvents
 });
-var import_localforage = __toModule(require("localforage"));
+var import_localforage = __toESM(require("localforage"));
 const STORAGE = "storage";
 const GET_SESSION_STORAGE = "getSessionStorage";
 const SESSION_STORAGE = "sessionStorage";
@@ -59,3 +64,4 @@ const listenStorageEvents = () => {
 const removeStorageEvents = () => {
   window.removeEventListener(STORAGE, onStorageChange);
 };
+module.exports = __toCommonJS(web_storage_exports);

package/dist/cjs/utils/window.js

@@ -1,32 +1,32 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var window_exports = {};
+__export(window_exports, {
   getCurrentBreakpoint: () => getCurrentBreakpoint,
   getViewportSize: () => getViewportSize,
   getWindow: () => getWindow
 });
-var import_pui_theme = __toModule(require("@elliemae/pui-theme"));
+var import_pui_theme = require("@elliemae/pui-theme");
 const getWindow = () => {
   try {
     window.parent.document;
@@ -49,3 +49,4 @@ const getCurrentBreakpoint = () => {
     return "medium";
   return "large";
 };
+module.exports = __toCommonJS(window_exports);

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

@@ -6,33 +6,44 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var hosted_app_exports = {};
+__export(hosted_app_exports, {
   HostedApp: () => HostedApp
 });
-var React = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_media_breakpoint = __toModule(require("../media-breakpoint/index.js"));
-var import_window_size = __toModule(require("../window-size/index.js"));
-var import_html_wait_message = __toModule(require("../modals/wait-message/html-wait-message.js"));
-var import_style = __toModule(require("./style.js"));
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_error_toast = require("../error-toast/index.js");
+var import_wait_message = require("../modals/wait-message/index.js");
+var import_use_breakpoint = require("../breakpoint/use-breakpoint.js");
+var import_use_window_size_change = require("../use-window-size-change.js");
+var import_use_html_wait_message = require("../modals/wait-message/use-html-wait-message.js");
+var import_style = __toESM(require("./style.js"));
 const Div = import_styled_components.default.div`
   height: 100%;
 `;
-const HostedApp = ({ children }) => /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(import_style.default, null), /* @__PURE__ */ React.createElement(import_media_breakpoint.MediaBreakpoint, null), /* @__PURE__ */ React.createElement(import_window_size.WindowSize, null), /* @__PURE__ */ React.createElement(import_html_wait_message.HTMLWaitMessage, {
-  close: true
-}), children);
+const HostedApp = ({ WaitMessage, children }) => {
+  (0, import_use_breakpoint.useBreakpoint)();
+  (0, import_use_html_wait_message.useHTMLWaitMessage)(true);
+  (0, import_use_window_size_change.useWindowSizeChange)();
+  return /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(import_style.default, null), WaitMessage || /* @__PURE__ */ React.createElement(import_wait_message.WaitMessage, null), /* @__PURE__ */ React.createElement(import_error_toast.ErrorToast, null), children);
+};
+module.exports = __toCommonJS(hosted_app_exports);

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

@@ -2,49 +2,59 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var app_root_exports = {};
+__export(app_root_exports, {
   AppRoot: () => AppRoot
 });
-var React = __toModule(require("react"));
-var import_react_redux = __toModule(require("react-redux"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_react_router_dom = __toModule(require("react-router-dom"));
-var import_pui_theme = __toModule(require("@elliemae/pui-theme"));
-var import_redux_injectors = __toModule(require("redux-injectors"));
-var import_micro_frontend = __toModule(require("../../utils/micro-frontend/index.js"));
-var import_wait_message = __toModule(require("../../sideeffect/wait-message/index.js"));
-var import_error_toast = __toModule(require("../../sideeffect/error-toast/index.js"));
-var import_error_boundary = __toModule(require("../error-boundary/index.js"));
-var import_stand_alone_app = __toModule(require("./stand-alone-app.js"));
-var import_hosted_app = __toModule(require("./hosted-app.js"));
+var React = __toESM(require("react"));
+var import_react_redux = require("react-redux");
+var import_styled_components = require("styled-components");
+var import_pui_theme = require("@elliemae/pui-theme");
+var import_app_router = require("../app-router.js");
+var import_micro_frontend = require("../../utils/micro-frontend/index.js");
+var import_error_boundary = require("../error-boundary/index.js");
+var import_stand_alone_app = require("./stand-alone-app.js");
+var import_hosted_app = require("./hosted-app.js");
 const AppToRender = (props) => {
-  (0, import_redux_injectors.useInjectSaga)({ key: "waitMessage", saga: import_wait_message.waitMessage });
-  (0, import_redux_injectors.useInjectSaga)({ key: "errorToast", saga: import_error_toast.errorToast });
   const isParent = (0, import_micro_frontend.isStandAloneGuest)() || (0, import_micro_frontend.isHost)();
-  return isParent ? /* @__PURE__ */ React.createElement(import_stand_alone_app.StandAloneApp, {
-    ...props
-  }) : /* @__PURE__ */ React.createElement(import_hosted_app.HostedApp, {
-    ...props
-  });
+  return isParent ? /* @__PURE__ */ React.createElement(import_stand_alone_app.StandAloneApp, __spreadValues({}, props)) : /* @__PURE__ */ React.createElement(import_hosted_app.HostedApp, __spreadValues({}, props));
 };
 const AppRoot = ({
   store,
@@ -58,7 +68,7 @@ const AppRoot = ({
   errorTemplate
 }, /* @__PURE__ */ React.createElement(import_react_redux.Provider, {
   store
-}, /* @__PURE__ */ React.createElement(import_react_router_dom.Router, {
+}, /* @__PURE__ */ React.createElement(import_app_router.AppRouter, {
   history
 }, /* @__PURE__ */ React.createElement(import_styled_components.ThemeProvider, {
   theme
@@ -66,3 +76,4 @@ const AppRoot = ({
   manageSession,
   WaitMessage
 }, children)))));
+module.exports = __toCommonJS(app_root_exports);

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

@@ -6,34 +6,39 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var stand_alone_app_exports = {};
+__export(stand_alone_app_exports, {
   StandAloneApp: () => StandAloneApp
 });
-var React = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_react_aria_live = __toModule(require("react-aria-live"));
-var import_media_breakpoint = __toModule(require("../media-breakpoint/index.js"));
-var import_window_size = __toModule(require("../window-size/index.js"));
-var import_session_timeout = __toModule(require("../session-timeout/index.js"));
-var import_live_message = __toModule(require("../live-message/index.js"));
-var import_error_toast = __toModule(require("../error-toast/index.js"));
-var import_wait_message = __toModule(require("../modals/wait-message/index.js"));
-var import_style = __toModule(require("./style.js"));
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_aria_live = require("react-aria-live");
+var import_use_breakpoint = require("../breakpoint/use-breakpoint.js");
+var import_use_window_size_change = require("../use-window-size-change.js");
+var import_session_timeout = require("../session-timeout/index.js");
+var import_live_message = require("../live-message/index.js");
+var import_error_toast = require("../error-toast/index.js");
+var import_wait_message = require("../modals/wait-message/index.js");
+var import_style = __toESM(require("./style.js"));
 const Div = import_styled_components.default.div`
   height: 100%;
 `;
@@ -41,4 +46,9 @@ const StandAloneApp = ({
   manageSession,
   WaitMessage,
   children
-}) => /* @__PURE__ */ React.createElement(import_react_aria_live.LiveAnnouncer, null, /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(import_style.default, null), manageSession && /* @__PURE__ */ React.createElement(import_session_timeout.SessionTimeout, null), /* @__PURE__ */ React.createElement(import_media_breakpoint.MediaBreakpoint, null), /* @__PURE__ */ React.createElement(import_window_size.WindowSize, null), /* @__PURE__ */ React.createElement(import_live_message.LiveMessage, null), WaitMessage || /* @__PURE__ */ React.createElement(import_wait_message.WaitMessage, null), /* @__PURE__ */ React.createElement(import_error_toast.ErrorToast, null), children));
+}) => {
+  (0, import_use_breakpoint.useBreakpoint)();
+  (0, import_use_window_size_change.useWindowSizeChange)();
+  return /* @__PURE__ */ React.createElement(import_react_aria_live.LiveAnnouncer, null, /* @__PURE__ */ React.createElement(Div, null, /* @__PURE__ */ React.createElement(import_style.default, null), manageSession && /* @__PURE__ */ React.createElement(import_session_timeout.SessionTimeout, null), /* @__PURE__ */ React.createElement(import_live_message.LiveMessage, null), WaitMessage || /* @__PURE__ */ React.createElement(import_wait_message.WaitMessage, null), /* @__PURE__ */ React.createElement(import_error_toast.ErrorToast, null), children));
+};
+module.exports = __toCommonJS(stand_alone_app_exports);

package/dist/cjs/view/app-root/style.js

@@ -1,30 +1,30 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var style_exports = {};
+__export(style_exports, {
   default: () => style_default
 });
-var import_styled_components = __toModule(require("styled-components"));
+var import_styled_components = require("styled-components");
 var style_default = import_styled_components.createGlobalStyle`
   :root {
     font-size: 81.25%;
@@ -52,3 +52,4 @@ var style_default = import_styled_components.createGlobalStyle`
     min-width: 100%;
   }
 `;
+module.exports = __toCommonJS(style_exports);

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

@@ -0,0 +1,77 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+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;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var app_router_exports = {};
+__export(app_router_exports, {
+  AppRouter: () => AppRouter
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+const AppRouter = (_a) => {
+  var _b = _a, { history } = _b, props = __objRest(_b, ["history"]);
+  const [state, setState] = (0, import_react.useState)({
+    action: history.action,
+    location: history.location
+  });
+  (0, import_react.useLayoutEffect)(() => history.listen(setState), [history]);
+  return /* @__PURE__ */ React.createElement(import_react_router_dom.Router, __spreadProps(__spreadValues({}, props), {
+    location: state.location,
+    navigationType: state.action,
+    navigator: history
+  }));
+};
+module.exports = __toCommonJS(app_router_exports);

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

@@ -1,40 +1,39 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  MediaBreakpoint: () => MediaBreakpoint
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var use_breakpoint_exports = {};
+__export(use_breakpoint_exports, {
+  useBreakpoint: () => useBreakpoint
 });
-var React = __toModule(require("react"));
-var import_react = __toModule(require("react"));
-var import_styled_components = __toModule(require("styled-components"));
-var import_pubsub_js = __toModule(require("pubsub-js"));
-var import_react_redux = __toModule(require("../../data/react-redux.js"));
-var import_breakpoint = __toModule(require("../../data/breakpoint/index.js"));
-var import_useMediaBreakpoints = __toModule(require("../useMediaBreakpoints/index.js"));
-var import_constants = __toModule(require("../../utils/constants.js"));
-const MediaBreakpoint = () => {
+var import_react = require("react");
+var import_styled_components = require("styled-components");
+var import_pubsub_js = require("pubsub-js");
+var import_react_redux = require("../../data/react-redux.js");
+var import_breakpoint = require("../../data/breakpoint/index.js");
+var import_use_media_query_list = require("./use-media-query-list.js");
+var import_constants = require("../../utils/constants.js");
+const useBreakpoint = () => {
   const theme = (0, import_react.useContext)(import_styled_components.ThemeContext);
-  const currentBreakpoint = (0, import_useMediaBreakpoints.useMediaBreakpoints)([
+  const currentBreakpoint = (0, import_use_media_query_list.useMediaQueryList)([
     `(max-width: ${theme.breakpoints.small})`,
     `(max-width: ${theme.breakpoints.medium})`,
     `(max-width: ${theme.breakpoints.large})`
@@ -44,5 +43,5 @@ const MediaBreakpoint = () => {
     dispatch({ type: import_breakpoint.breakpoint.change, payload: currentBreakpoint });
     (0, import_pubsub_js.publish)(import_constants.HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);
   }, [currentBreakpoint, dispatch]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null);
 };
+module.exports = __toCommonJS(use_breakpoint_exports);

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

@@ -1,31 +1,31 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
-  useMediaBreakpoints: () => useMediaBreakpoints
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var use_media_query_list_exports = {};
+__export(use_media_query_list_exports, {
+  useMediaQueryList: () => useMediaQueryList
 });
-var import_react = __toModule(require("react"));
-const useMediaBreakpoints = (queries, values, defaultValue) => {
+var import_react = require("react");
+const useMediaQueryList = (queries, values, defaultValue) => {
   const mediaQueryLists = queries.map((q) => window.matchMedia(q));
   const getValue = (0, import_react.useCallback)(() => {
     const index = mediaQueryLists.findIndex((mql) => mql.matches);
@@ -34,8 +34,9 @@ const useMediaBreakpoints = (queries, values, defaultValue) => {
   const [value, setValue] = (0, import_react.useState)(getValue);
   (0, import_react.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;
 };
+module.exports = __toCommonJS(use_media_query_list_exports);

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

@@ -6,23 +6,29 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
-__export(exports, {
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var default_error_template_exports = {};
+__export(default_error_template_exports, {
   DefaultErrorTemplate: () => DefaultErrorTemplate
 });
-var React = __toModule(require("react"));
-const DefaultErrorTemplate = () => /* @__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"));
+var React = __toESM(require("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"));
+module.exports = __toCommonJS(default_error_template_exports);