@elliemae/pui-app-sdk 4.10.0-beta.3 → 4.10.0-beta.5

package/dist/cjs/data/appMiddleware.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var appMiddleware_exports = {};
+__export(appMiddleware_exports, {
+  addMiddleware: () => addMiddleware,
+  appMiddleware: () => appMiddleware,
+  removeMiddleware: () => removeMiddleware,
+  resetMiddlewares: () => resetMiddlewares
+});
+module.exports = __toCommonJS(appMiddleware_exports);
+var import_redux = require("redux");
+const middlewareDispatchFns = /* @__PURE__ */ new Map();
+let store;
+const appMiddleware = (_store) => {
+  store = _store;
+  const dispatchFns = Array.from(middlewareDispatchFns.values());
+  return (next) => (action) => (
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    (0, import_redux.compose)(...dispatchFns)(next)(action)
+  );
+};
+const addMiddleware = ({
+  key,
+  middleware
+}) => {
+  if (middlewareDispatchFns.has(key) || !store)
+    return;
+  middlewareDispatchFns.set(key, middleware(store));
+};
+const removeMiddleware = (key) => {
+  middlewareDispatchFns.delete(key);
+};
+const resetMiddlewares = () => {
+  middlewareDispatchFns.clear();
+};

package/dist/cjs/data/index.js

@@ -21,12 +21,12 @@ __export(data_exports, {
   configureStore: () => import_store.createAppStore,
   createManager: () => import_redux_injectors.createManager,
   getStore: () => import_store.getStore,
-  useAppDispatch: () => import_react_redux.useAppDispatch,
-  useAppSelector: () => import_react_redux.useAppSelector,
+  useAppDispatch: () => import_react.useAppDispatch,
+  useAppSelector: () => import_react.useAppSelector,
   useInjectReducer: () => import_redux_injectors.useInjectReducer,
   useInjectSaga: () => import_redux_injectors.useInjectSaga
 });
 module.exports = __toCommonJS(data_exports);
 var import_redux_injectors = require("redux-injectors");
-var import_react_redux = require("./react-redux.js");
+var import_react = require("./react.js");
 var import_store = require("./store.js");

package/dist/cjs/data/queryMiddleware.js

@@ -36,15 +36,15 @@ const queryMiddleware = (_store) => {
   );
 };
 const addMiddleware = ({
-  key,
+  reducerPath,
   middleware
 }) => {
-  if (middlewareDispatchFns.has(key) || !store)
+  if (middlewareDispatchFns.has(reducerPath) || !store)
     return;
-  middlewareDispatchFns.set(key, middleware(store));
+  middlewareDispatchFns.set(reducerPath, middleware(store));
 };
-const removeMiddleware = (key) => {
-  middlewareDispatchFns.delete(key);
+const removeMiddleware = (reducerPath) => {
+  middlewareDispatchFns.delete(reducerPath);
 };
 const resetMiddlewares = () => {
   middlewareDispatchFns.clear();

package/dist/cjs/data/react.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_exports = {};
+__export(react_exports, {
+  useAppDispatch: () => import_useAppDispatch.useAppDispatch,
+  useAppMiddleware: () => import_useAppMiddleware.useAppMiddleware,
+  useAppSelector: () => import_useAppSelector.useAppSelector,
+  useInjectListener: () => import_useInjectListener.useInjectListener,
+  useInjectQuery: () => import_useInjectQuery.useInjectQuery
+});
+module.exports = __toCommonJS(react_exports);
+var import_useInjectQuery = require("./useInjectQuery.js");
+var import_useInjectListener = require("./useInjectListener.js");
+var import_useAppDispatch = require("./useAppDispatch.js");
+var import_useAppSelector = require("./useAppSelector.js");
+var import_useAppMiddleware = require("./useAppMiddleware.js");

package/dist/cjs/data/useAppDispatch.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useAppDispatch_exports = {};
+__export(useAppDispatch_exports, {
+  useAppDispatch: () => useAppDispatch
+});
+module.exports = __toCommonJS(useAppDispatch_exports);
+var import_react_redux = require("react-redux");
+const useAppDispatch = () => (0, import_react_redux.useDispatch)();

package/dist/cjs/data/useAppMiddleware.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useAppMiddleware_exports = {};
+__export(useAppMiddleware_exports, {
+  useAppMiddleware: () => useAppMiddleware
+});
+module.exports = __toCommonJS(useAppMiddleware_exports);
+var import_react = require("react");
+var import_appMiddleware = require("./appMiddleware.js");
+const useAppMiddleware = ({
+  key,
+  middleware
+}) => (0, import_react.useEffect)(() => {
+  (0, import_appMiddleware.addMiddleware)({ key, middleware });
+  return () => {
+    (0, import_appMiddleware.removeMiddleware)(key);
+  };
+}, [key, middleware]);

package/dist/cjs/data/{react-redux.js → useAppSelector.js}

@@ -16,12 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var react_redux_exports = {};
-__export(react_redux_exports, {
-  useAppDispatch: () => useAppDispatch,
+var useAppSelector_exports = {};
+__export(useAppSelector_exports, {
   useAppSelector: () => useAppSelector
 });
-module.exports = __toCommonJS(react_redux_exports);
+module.exports = __toCommonJS(useAppSelector_exports);
 var import_react_redux = require("react-redux");
-const useAppDispatch = () => (0, import_react_redux.useDispatch)();
 const useAppSelector = import_react_redux.useSelector;

package/dist/cjs/data/{redux-injectors.js → useInjectListener.js}

@@ -16,32 +16,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var redux_injectors_exports = {};
-__export(redux_injectors_exports, {
-  useInjectListener: () => useInjectListener,
-  useInjectQuery: () => useInjectQuery
+var useInjectListener_exports = {};
+__export(useInjectListener_exports, {
+  useInjectListener: () => useInjectListener
 });
-module.exports = __toCommonJS(redux_injectors_exports);
+module.exports = __toCommonJS(useInjectListener_exports);
 var import_react = require("react");
-var import_redux_injectors = require("redux-injectors");
-var import_queryMiddleware = require("./queryMiddleware.js");
 var import_listenerMiddleware = require("./listenerMiddleware.js");
-const useInjectQuery = ({
-  key,
-  reducer,
-  queryMiddleware
-}) => {
-  (0, import_redux_injectors.useInjectReducer)({ key, reducer });
-  return (0, import_react.useEffect)(() => {
-    if (!queryMiddleware)
-      return () => {
-      };
-    (0, import_queryMiddleware.addMiddleware)({ key, middleware: queryMiddleware });
-    return () => {
-      (0, import_queryMiddleware.removeMiddleware)(key);
-    };
-  }, [key, reducer, queryMiddleware]);
-};
 const useInjectListener = ({
   key,
   listener

package/dist/cjs/data/useInjectQuery.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useInjectQuery_exports = {};
+__export(useInjectQuery_exports, {
+  useInjectQuery: () => useInjectQuery
+});
+module.exports = __toCommonJS(useInjectQuery_exports);
+var import_redux_injectors = require("redux-injectors");
+var import_queryMiddleware = require("./queryMiddleware.js");
+const useInjectQuery = ({
+  reducerPath,
+  reducer,
+  middleware
+}) => {
+  (0, import_redux_injectors.useInjectReducer)({ key: reducerPath, reducer });
+  (0, import_queryMiddleware.addMiddleware)({ reducerPath, middleware });
+};

package/dist/cjs/index.js

@@ -68,8 +68,8 @@ __export(lib_exports, {
   auth: () => import_actions.auth,
   authorize: () => import_auth.authorize,
   configureStore: () => import_store.createAppStore,
-  createManager: () => import_data.createManager,
-  enableReactAppForHostIntegration: () => import_react.enableReactAppForHostIntegration,
+  createManager: () => import_redux_injectors.createManager,
+  enableReactAppForHostIntegration: () => import_react2.enableReactAppForHostIntegration,
   error: () => import_error.actions,
   errorMiddleware: () => import_errorMiddleware.errorMiddleware,
   fetchHostAppData: () => import_fetch_host_app_data.fetchHostAppData,
@@ -121,12 +121,13 @@ __export(lib_exports, {
   subscribeToSessionExpiryWarning: () => import_session.subscribeToSessionExpiryWarning,
   trackActivity: () => import_session.trackActivity,
   updateBAEventParameters: () => import_web_analytics.updateBAEventParameters,
-  useAppDispatch: () => import_react_redux.useAppDispatch,
-  useAppSelector: () => import_react_redux.useAppSelector,
-  useInjectListener: () => import_redux_injectors.useInjectListener,
-  useInjectQuery: () => import_redux_injectors.useInjectQuery,
-  useInjectReducer: () => import_data.useInjectReducer,
-  useInjectSaga: () => import_data.useInjectSaga,
+  useAppDispatch: () => import_react.useAppDispatch,
+  useAppMiddleware: () => import_react.useAppMiddleware,
+  useAppSelector: () => import_react.useAppSelector,
+  useInjectListener: () => import_react.useInjectListener,
+  useInjectQuery: () => import_react.useInjectQuery,
+  useInjectReducer: () => import_redux_injectors.useInjectReducer,
+  useInjectSaga: () => import_redux_injectors.useInjectSaga,
   useMediaQueryList: () => import_use_media_query_list.useMediaQueryList,
   waitMessageAction: () => import_actions3.waitMessage,
   withAppDecorator: () => import_decorator.withAppDecorator
@@ -140,9 +141,8 @@ var import_actions = require("./data/auth/actions.js");
 var import_require_auth = require("./view/require-auth.js");
 var import_page = require("./view/page.js");
 var import_constants = __toESM(require("./utils/constants.js"));
-var import_react_redux = require("./data/react-redux.js");
-var import_data = require("./data/index.js");
-var import_redux_injectors = require("./data/redux-injectors.js");
+var import_redux_injectors = require("redux-injectors");
+var import_react = require("./data/react.js");
 var import_errorMiddleware = require("./data/errorMiddleware.js");
 var import_helper = require("./utils/auth/helper.js");
 var import_url = require("./utils/url.js");
@@ -158,7 +158,7 @@ var import_actions3 = require("./data/wait-message/actions.js");
 var import_service_worker = require("./utils/service-worker.js");
 var import_guest = require("./utils/micro-frontend/guest.js");
 var import_host = require("./utils/micro-frontend/host.js");
-var import_react = require("./utils/app-host-integration/react.js");
+var import_react2 = require("./utils/app-host-integration/react.js");
 var import_config = require("./utils/app-config/config.js");
 var import_micro_frontend = require("./utils/micro-frontend/index.js");
 var import_app_config = require("./utils/app-config/index.js");

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

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(use_breakpoint_exports);
 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_react2 = require("../../data/react.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");
@@ -39,7 +39,7 @@ const useBreakpoint = () => {
     ["small", "medium", "large"],
     "large"
   );
-  const dispatch = (0, import_react_redux.useAppDispatch)();
+  const dispatch = (0, import_react2.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     dispatch({ type: import_breakpoint.breakpoint.change, payload: currentBreakpoint });
     (0, import_pubsub_js.publish)(import_constants.HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);

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

@@ -24,11 +24,11 @@ module.exports = __toCommonJS(error_toast_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_toast = require("@elliemae/ds-toast");
-var import_react_redux = require("../../data/react-redux.js");
+var import_react2 = require("../../data/react.js");
 var import_error = require("../../data/error/index.js");
 const ErrorToast = (0, import_react.memo)((props) => {
-  const storeError = (0, import_react_redux.useAppSelector)((state) => state?.error);
-  const dispatch = (0, import_react_redux.useAppDispatch)();
+  const storeError = (0, import_react2.useAppSelector)((state) => state?.error);
+  const dispatch = (0, import_react2.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     if (storeError && (storeError?.description || storeError?.messageText)) {
       const toastProps = {

package/dist/cjs/view/live-message/index.js

@@ -23,10 +23,10 @@ __export(live_message_exports, {
 module.exports = __toCommonJS(live_message_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_aria_live = require("react-aria-live");
-var import_react_redux = require("../../data/react-redux.js");
+var import_react = require("../../data/react.js");
 const LiveMessage = () => {
-  const message = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.message);
-  const id = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.id);
-  const ariaLive = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.ariaLive);
+  const message = (0, import_react.useAppSelector)((state) => state.liveMessage?.message);
+  const id = (0, import_react.useAppSelector)((state) => state.liveMessage?.id);
+  const ariaLive = (0, import_react.useAppSelector)((state) => state.liveMessage?.ariaLive);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_live.LiveMessage, { message, "aria-live": ariaLive, id });
 };

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

@@ -23,7 +23,7 @@ __export(login_exports, {
 module.exports = __toCommonJS(login_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_react_redux = require("../../data/react-redux.js");
+var import_react2 = require("../../data/react.js");
 var import_auth = require("../../utils/auth/index.js");
 var import_actions = require("../../data/auth/actions.js");
 const Login = ({
@@ -33,7 +33,7 @@ const Login = ({
   children
 }) => {
   const [userAuthorized, setUserAuthorized] = (0, import_react.useState)(false);
-  const dispatch = (0, import_react_redux.useAppDispatch)();
+  const dispatch = (0, import_react2.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     (0, import_auth.login)({ clientId, scope, responseType }).then(({ authorized }) => {
       if (authorized)

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

@@ -26,11 +26,11 @@ var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_dialog = require("@elliemae/ds-dialog");
-var import_react_redux = require("../../../data/react-redux.js");
+var import_react2 = require("../../../data/react.js");
 var import_actions = require("../../../data/navigation-prompt/actions.js");
 const NavigationPrompt = (0, import_react.memo)(
   ({ open = false }) => {
-    const dispatch = (0, import_react_redux.useAppDispatch)();
+    const dispatch = (0, import_react2.useAppDispatch)();
     const cancelDialog = () => dispatch(import_actions.navigationPrompt.cancel());
     const confirmDialog = () => dispatch(import_actions.navigationPrompt.confirm());
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialog, { isOpen: open, onClickOutside: cancelDialog, centered: true, children: [

package/dist/cjs/view/modals/session-expiry/index.js

@@ -26,7 +26,7 @@ var import_react = require("react");
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_dialog = require("@elliemae/ds-dialog");
-var import_react_redux = require("../../../data/react-redux.js");
+var import_react2 = require("../../../data/react.js");
 var import_actions = require("../../../data/logout/actions.js");
 var import_session = require("../../../utils/session.js");
 var import_customHooks = require("./customHooks.js");
@@ -34,7 +34,7 @@ const SessionExpiry = (0, import_react.memo)(
   ({ open, warningNotifiedAt = 0 }) => {
     const [isOpen, setIsOpen] = (0, import_react.useState)(open);
     const timeLeft = (0, import_customHooks.useTrackSessionExpiry)(warningNotifiedAt);
-    const dispatch = (0, import_react_redux.useAppDispatch)();
+    const dispatch = (0, import_react2.useAppDispatch)();
     (0, import_react.useEffect)(() => {
       setIsOpen(open);
     }, [open]);

package/dist/cjs/view/modals/wait-message/index.js

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(wait_message_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_ds_loading_indicator = require("@elliemae/ds-loading-indicator");
-var import_react_redux = require("../../../data/react-redux.js");
+var import_react2 = require("../../../data/react.js");
 var import_use_html_wait_message = require("./use-html-wait-message.js");
 var import_user_wait_event = require("../../../analytics/user-wait-event.js");
 const WaitMessage = (0, import_react.memo)(
@@ -33,8 +33,8 @@ const WaitMessage = (0, import_react.memo)(
     style = { color: "white", fontSize: "1.25rem" },
     ...rest
   }) => {
-    const isOpen = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.isOpen);
-    const message = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.message);
+    const isOpen = (0, import_react2.useAppSelector)((state) => state.waitMessage?.isOpen);
+    const message = (0, import_react2.useAppSelector)((state) => state.waitMessage?.message);
     (0, import_react.useEffect)(() => {
       if (isOpen)
         (0, import_user_wait_event.waitStartEvent)();

package/dist/cjs/view/modals/wait-message/wait-message-launcher.js

@@ -22,10 +22,10 @@ __export(wait_message_launcher_exports, {
 });
 module.exports = __toCommonJS(wait_message_launcher_exports);
 var import_react = require("react");
-var import_react_redux = require("../../../data/react-redux.js");
+var import_react2 = require("../../../data/react.js");
 var import_actions = require("../../../data/wait-message/actions.js");
 const WaitMessageLauncher = () => {
-  const dispatch = (0, import_react_redux.useAppDispatch)();
+  const dispatch = (0, import_react2.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     dispatch(import_actions.waitMessage.open());
     return () => {

package/dist/cjs/view/session-timeout/index.js

@@ -23,12 +23,12 @@ __export(session_timeout_exports, {
 module.exports = __toCommonJS(session_timeout_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_react_redux = require("../../data/react-redux.js");
+var import_react2 = require("../../data/react.js");
 var import_actions = require("../../data/logout/actions.js");
 var import_session = require("../../utils/session.js");
 var import_session_expiry = require("../modals/session-expiry/index.js");
 const SessionTimeout = () => {
-  const dispatch = (0, import_react_redux.useAppDispatch)();
+  const dispatch = (0, import_react2.useAppDispatch)();
   const [showSessionExpiryWarning, setSessionExpiryWarning] = (0, import_react.useState)(false);
   const [warningNotifiedAt, setwarningNotifiedAt] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {

package/dist/esm/data/appMiddleware.js

@@ -0,0 +1,31 @@
+import { compose } from "redux";
+const middlewareDispatchFns = /* @__PURE__ */ new Map();
+let store;
+const appMiddleware = (_store) => {
+  store = _store;
+  const dispatchFns = Array.from(middlewareDispatchFns.values());
+  return (next) => (action) => (
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    compose(...dispatchFns)(next)(action)
+  );
+};
+const addMiddleware = ({
+  key,
+  middleware
+}) => {
+  if (middlewareDispatchFns.has(key) || !store)
+    return;
+  middlewareDispatchFns.set(key, middleware(store));
+};
+const removeMiddleware = (key) => {
+  middlewareDispatchFns.delete(key);
+};
+const resetMiddlewares = () => {
+  middlewareDispatchFns.clear();
+};
+export {
+  addMiddleware,
+  appMiddleware,
+  removeMiddleware,
+  resetMiddlewares
+};

package/dist/esm/data/index.js

@@ -3,7 +3,7 @@ import {
   useInjectSaga,
   createManager
 } from "redux-injectors";
-import { useAppDispatch, useAppSelector } from "./react-redux.js";
+import { useAppDispatch, useAppSelector } from "./react.js";
 import { createAppStore, getStore } from "./store.js";
 export {
   createAppStore as configureStore,

package/dist/esm/data/queryMiddleware.js

@@ -10,15 +10,15 @@ const queryMiddleware = (_store) => {
   );
 };
 const addMiddleware = ({
-  key,
+  reducerPath,
   middleware
 }) => {
-  if (middlewareDispatchFns.has(key) || !store)
+  if (middlewareDispatchFns.has(reducerPath) || !store)
     return;
-  middlewareDispatchFns.set(key, middleware(store));
+  middlewareDispatchFns.set(reducerPath, middleware(store));
 };
-const removeMiddleware = (key) => {
-  middlewareDispatchFns.delete(key);
+const removeMiddleware = (reducerPath) => {
+  middlewareDispatchFns.delete(reducerPath);
 };
 const resetMiddlewares = () => {
   middlewareDispatchFns.clear();

package/dist/esm/data/react.js

@@ -0,0 +1,12 @@
+import { useInjectQuery } from "./useInjectQuery.js";
+import { useInjectListener } from "./useInjectListener.js";
+import { useAppDispatch } from "./useAppDispatch.js";
+import { useAppSelector } from "./useAppSelector.js";
+import { useAppMiddleware } from "./useAppMiddleware.js";
+export {
+  useAppDispatch,
+  useAppMiddleware,
+  useAppSelector,
+  useInjectListener,
+  useInjectQuery
+};

package/dist/esm/data/useAppDispatch.js

@@ -0,0 +1,5 @@
+import { useDispatch } from "react-redux";
+const useAppDispatch = () => useDispatch();
+export {
+  useAppDispatch
+};

package/dist/esm/data/useAppMiddleware.js

@@ -0,0 +1,14 @@
+import { useEffect } from "react";
+import { addMiddleware, removeMiddleware } from "./appMiddleware.js";
+const useAppMiddleware = ({
+  key,
+  middleware
+}) => useEffect(() => {
+  addMiddleware({ key, middleware });
+  return () => {
+    removeMiddleware(key);
+  };
+}, [key, middleware]);
+export {
+  useAppMiddleware
+};

package/dist/esm/data/useAppSelector.js

@@ -0,0 +1,5 @@
+import { useSelector } from "react-redux";
+const useAppSelector = useSelector;
+export {
+  useAppSelector
+};

package/dist/esm/data/useInjectListener.js

@@ -0,0 +1,17 @@
+import { useEffect } from "react";
+import {
+  addListener,
+  removeListener
+} from "./listenerMiddleware.js";
+const useInjectListener = ({
+  key,
+  listener
+}) => useEffect(() => {
+  addListener({ key, listener });
+  return () => {
+    removeListener(key);
+  };
+}, [key, listener]);
+export {
+  useInjectListener
+};

package/dist/esm/data/useInjectQuery.js

@@ -0,0 +1,15 @@
+import { useInjectReducer } from "redux-injectors";
+import {
+  addMiddleware
+} from "./queryMiddleware.js";
+const useInjectQuery = ({
+  reducerPath,
+  reducer,
+  middleware
+}) => {
+  useInjectReducer({ key: reducerPath, reducer });
+  addMiddleware({ reducerPath, middleware });
+};
+export {
+  useInjectQuery
+};

package/dist/esm/index.js

@@ -9,13 +9,18 @@ import { auth } from "./data/auth/actions.js";
 import { RequireAuth } from "./view/require-auth.js";
 import { Page } from "./view/page.js";
 import { default as default2 } from "./utils/constants.js";
-import { useAppDispatch, useAppSelector } from "./data/react-redux.js";
 import {
   useInjectReducer,
   useInjectSaga,
   createManager
-} from "./data/index.js";
-import { useInjectQuery, useInjectListener } from "./data/redux-injectors.js";
+} from "redux-injectors";
+import {
+  useInjectQuery,
+  useInjectListener,
+  useAppDispatch,
+  useAppSelector,
+  useAppMiddleware
+} from "./data/react.js";
 import { errorMiddleware } from "./data/errorMiddleware.js";
 import { getAuthorizationHeader } from "./utils/auth/helper.js";
 import { getRedirectUrl, removeDoubleSlash } from "./utils/url.js";
@@ -204,6 +209,7 @@ export {
   trackActivity,
   updateBAEventParameters,
   useAppDispatch,
+  useAppMiddleware,
   useAppSelector,
   useInjectListener,
   useInjectQuery,

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

@@ -1,7 +1,7 @@
 import { useEffect, useContext } from "react";
 import { ThemeContext } from "styled-components";
 import { publish } from "pubsub-js";
-import { useAppDispatch } from "../../data/react-redux.js";
+import { useAppDispatch } from "../../data/react.js";
 import { breakpoint } from "../../data/breakpoint/index.js";
 import { useMediaQueryList } from "./use-media-query-list.js";
 import { HOST_WINDOW_BREAKPOINT_CHANGED } from "../../utils/constants.js";

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, memo } from "react";
 import { ToastPosition, ToastType, DSToast, toast } from "@elliemae/ds-toast";
-import { useAppSelector, useAppDispatch } from "../../data/react-redux.js";
+import { useAppSelector, useAppDispatch } from "../../data/react.js";
 import { actions as error } from "../../data/error/index.js";
 const ErrorToast = memo((props) => {
   const storeError = useAppSelector((state) => state?.error);

package/dist/esm/view/live-message/index.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { LiveMessage as AriaLiveMessage } from "react-aria-live";
-import { useAppSelector } from "../../data/react-redux.js";
+import { useAppSelector } from "../../data/react.js";
 const LiveMessage = () => {
   const message = useAppSelector((state) => state.liveMessage?.message);
   const id = useAppSelector((state) => state.liveMessage?.id);

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

@@ -1,6 +1,6 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { useAppDispatch } from "../../data/react-redux.js";
+import { useAppDispatch } from "../../data/react.js";
 import { login } from "../../utils/auth/index.js";
 import { LOGIN_SUCCESS } from "../../data/auth/actions.js";
 const Login = ({

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

@@ -10,7 +10,7 @@ import {
   DSDialogSeparator,
   DSDialogAddon
 } from "@elliemae/ds-dialog";
-import { useAppDispatch } from "../../../data/react-redux.js";
+import { useAppDispatch } from "../../../data/react.js";
 import { navigationPrompt } from "../../../data/navigation-prompt/actions.js";
 const NavigationPrompt = memo(
   ({ open = false }) => {

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

@@ -11,7 +11,7 @@ import {
   DSDialogFooter,
   DSDialogSeparator
 } from "@elliemae/ds-dialog";
-import { useAppDispatch } from "../../../data/react-redux.js";
+import { useAppDispatch } from "../../../data/react.js";
 import { logout } from "../../../data/logout/actions.js";
 import {
   resetUserIdleTime,

package/dist/esm/view/modals/wait-message/index.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { memo, useEffect } from "react";
 import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
-import { useAppSelector } from "../../../data/react-redux.js";
+import { useAppSelector } from "../../../data/react.js";
 import { useHTMLWaitMessage } from "./use-html-wait-message.js";
 import {
   waitStartEvent,

package/dist/esm/view/modals/wait-message/wait-message-launcher.js

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-import { useAppDispatch } from "../../../data/react-redux.js";
+import { useAppDispatch } from "../../../data/react.js";
 import { waitMessage } from "../../../data/wait-message/actions.js";
 const WaitMessageLauncher = () => {
   const dispatch = useAppDispatch();

package/dist/esm/view/session-timeout/index.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { useAppDispatch } from "../../data/react-redux.js";
+import { useAppDispatch } from "../../data/react.js";
 import { logout } from "../../data/logout/actions.js";
 import {
   initSessionMonitoring,

package/dist/types/lib/data/appMiddleware.d.ts

@@ -0,0 +1,8 @@
+import { Middleware } from 'redux';
+export declare const appMiddleware: Middleware<any, any>;
+export declare const addMiddleware: ({ key, middleware, }: {
+    key: string;
+    middleware: Middleware<any, any>;
+}) => void;
+export declare const removeMiddleware: (key: string) => void;
+export declare const resetMiddlewares: () => void;

package/dist/types/lib/data/index.d.ts

@@ -1,4 +1,4 @@
 export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
-export { useAppDispatch, useAppSelector } from './react-redux.js';
+export { useAppDispatch, useAppSelector } from './react.js';
 export { createAppStore as configureStore, getStore } from './store.js';
 export type { RootState, AppStore } from './store.js';

package/dist/types/lib/data/queryMiddleware.d.ts

@@ -1,9 +1,11 @@
 import { createApi } from '@reduxjs/toolkit/query/react';
-export type RTKQueryMiddleware = ReturnType<typeof createApi>['middleware'];
-export declare const queryMiddleware: RTKQueryMiddleware;
-export declare const addMiddleware: ({ key, middleware, }: {
-    key: string;
-    middleware: RTKQueryMiddleware;
+export type QueryMiddleware = ReturnType<typeof createApi>['middleware'];
+export type QueryReducerPath = ReturnType<typeof createApi>['reducerPath'];
+export type QueryReducer = ReturnType<typeof createApi>['reducer'];
+export declare const queryMiddleware: QueryMiddleware;
+export declare const addMiddleware: ({ reducerPath, middleware, }: {
+    reducerPath: QueryReducerPath;
+    middleware: QueryMiddleware;
 }) => void;
-export declare const removeMiddleware: (key: string) => void;
+export declare const removeMiddleware: (reducerPath: string) => void;
 export declare const resetMiddlewares: () => void;

package/dist/types/lib/data/react.d.ts

@@ -0,0 +1,5 @@
+export { useInjectQuery } from './useInjectQuery.js';
+export { useInjectListener } from './useInjectListener.js';
+export { useAppDispatch } from './useAppDispatch.js';
+export { useAppSelector } from './useAppSelector.js';
+export { useAppMiddleware } from './useAppMiddleware.js';

package/dist/types/lib/data/{react-redux.d.ts → useAppDispatch.d.ts}

@@ -1,11 +1,8 @@
 import { Dispatch, PayloadAction, AnyAction } from '@reduxjs/toolkit';
-import { TypedUseSelectorHook } from 'react-redux';
-import { RootState } from './store.js';
 import { WaitMessageState } from './wait-message/reducer.js';
 import { BreakpointState } from './breakpoint/index.js';
 import { ErrorState } from './error/index.js';
 import { LiveMessageState } from './live-message/index.js';
 type AppDispatch = Dispatch<PayloadAction<WaitMessageState> | PayloadAction<BreakpointState> | PayloadAction<ErrorState> | PayloadAction<LiveMessageState> | AnyAction>;
 export declare const useAppDispatch: () => AppDispatch;
-export declare const useAppSelector: TypedUseSelectorHook<RootState>;
 export {};

package/dist/types/lib/data/useAppMiddleware.d.ts

@@ -0,0 +1,5 @@
+import { Middleware } from 'redux';
+export declare const useAppMiddleware: ({ key, middleware, }: {
+    key: string;
+    middleware: Middleware<any, any>;
+}) => void;

package/dist/types/lib/data/useAppSelector.d.ts

@@ -0,0 +1,3 @@
+import { TypedUseSelectorHook } from 'react-redux';
+import { RootState } from './store.js';
+export declare const useAppSelector: TypedUseSelectorHook<RootState>;

package/dist/types/lib/data/useInjectListener.d.ts

@@ -0,0 +1,5 @@
+import { ListenerDispatchFn } from './listenerMiddleware.js';
+export declare const useInjectListener: ({ key, listener, }: {
+    key: string;
+    listener: ListenerDispatchFn;
+}) => void;

package/dist/types/lib/data/useInjectQuery.d.ts

@@ -0,0 +1,6 @@
+import { QueryMiddleware, QueryReducerPath, QueryReducer } from './queryMiddleware.js';
+export declare const useInjectQuery: ({ reducerPath, reducer, middleware, }: {
+    reducerPath: QueryReducerPath;
+    reducer: QueryReducer;
+    middleware: QueryMiddleware;
+}) => void;

package/dist/types/lib/index.d.ts

@@ -6,9 +6,8 @@ export { auth } from './data/auth/actions.js';
 export { RequireAuth } from './view/require-auth.js';
 export { Page } from './view/page.js';
 export { default as globalConstants } from './utils/constants.js';
-export { useAppDispatch, useAppSelector } from './data/react-redux.js';
-export { useInjectReducer, useInjectSaga, createManager, } from './data/index.js';
-export { useInjectQuery, useInjectListener } from './data/redux-injectors.js';
+export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
+export { useInjectQuery, useInjectListener, useAppDispatch, useAppSelector, useAppMiddleware, } from './data/react.js';
 export { errorMiddleware } from './data/errorMiddleware.js';
 export { getAuthorizationHeader } from './utils/auth/helper.js';
 export { getRedirectUrl, removeDoubleSlash } from './utils/url.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "4.10.0-beta.3",
+  "version": "4.10.0-beta.5",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",

package/dist/esm/data/react-redux.js

@@ -1,7 +0,0 @@
-import { useDispatch, useSelector } from "react-redux";
-const useAppDispatch = () => useDispatch();
-const useAppSelector = useSelector;
-export {
-  useAppDispatch,
-  useAppSelector
-};

package/dist/esm/data/redux-injectors.js

@@ -1,39 +0,0 @@
-import { useEffect } from "react";
-import { useInjectReducer } from "redux-injectors";
-import {
-  addMiddleware,
-  removeMiddleware
-} from "./queryMiddleware.js";
-import {
-  addListener,
-  removeListener
-} from "./listenerMiddleware.js";
-const useInjectQuery = ({
-  key,
-  reducer,
-  queryMiddleware
-}) => {
-  useInjectReducer({ key, reducer });
-  return useEffect(() => {
-    if (!queryMiddleware)
-      return () => {
-      };
-    addMiddleware({ key, middleware: queryMiddleware });
-    return () => {
-      removeMiddleware(key);
-    };
-  }, [key, reducer, queryMiddleware]);
-};
-const useInjectListener = ({
-  key,
-  listener
-}) => useEffect(() => {
-  addListener({ key, listener });
-  return () => {
-    removeListener(key);
-  };
-}, [key, listener]);
-export {
-  useInjectListener,
-  useInjectQuery
-};

package/dist/types/lib/data/redux-injectors.d.ts

@@ -1,12 +0,0 @@
-import { Reducer } from 'redux';
-import { RTKQueryMiddleware } from './queryMiddleware.js';
-import { ListenerDispatchFn } from './listenerMiddleware.js';
-export declare const useInjectQuery: ({ key, reducer, queryMiddleware, }: {
-    key: string;
-    reducer: Reducer;
-    queryMiddleware?: import("redux").Middleware<{}, import("@reduxjs/toolkit/dist/query/core/apiState.js").RootState<import("@reduxjs/toolkit/dist/query/endpointDefinitions.js").EndpointDefinitions, string, string>, import("redux-thunk").ThunkDispatch<any, any, import("redux").AnyAction>> | undefined;
-}) => void;
-export declare const useInjectListener: ({ key, listener, }: {
-    key: string;
-    listener: ListenerDispatchFn;
-}) => void;