@elliemae/pui-app-sdk 4.10.0-beta.2 → 4.10.0-beta.4

package/dist/cjs/data/{dynamicMiddleware.js → appMiddleware.js}

@@ -16,18 +16,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var dynamicMiddleware_exports = {};
-__export(dynamicMiddleware_exports, {
+var appMiddleware_exports = {};
+__export(appMiddleware_exports, {
   addMiddleware: () => addMiddleware,
-  dynamicMiddleware: () => dynamicMiddleware,
+  appMiddleware: () => appMiddleware,
   removeMiddleware: () => removeMiddleware,
   resetMiddlewares: () => resetMiddlewares
 });
-module.exports = __toCommonJS(dynamicMiddleware_exports);
+module.exports = __toCommonJS(appMiddleware_exports);
 var import_redux = require("redux");
 const middlewareDispatchFns = /* @__PURE__ */ new Map();
 let store;
-const dynamicMiddleware = (_store) => {
+const appMiddleware = (_store) => {
   store = _store;
   const dispatchFns = Array.from(middlewareDispatchFns.values());
   return (next) => (action) => (

package/dist/cjs/data/errorMiddleware.js

@@ -0,0 +1,31 @@
+"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 errorMiddleware_exports = {};
+__export(errorMiddleware_exports, {
+  errorMiddleware: () => errorMiddleware
+});
+module.exports = __toCommonJS(errorMiddleware_exports);
+var import_toolkit = require("@reduxjs/toolkit");
+var import_error = require("./error/index.js");
+const errorMiddleware = (api) => (next) => (action) => {
+  if ((0, import_toolkit.isRejectedWithValue)(action)) {
+    api.dispatch(import_error.actions.set({ messageText: action?.error?.data?.message }));
+  }
+  return next(action);
+};

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/listenerMiddleware.js

@@ -0,0 +1,58 @@
+"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 listenerMiddleware_exports = {};
+__export(listenerMiddleware_exports, {
+  addListener: () => addListener,
+  listenerMiddleware: () => listenerMiddleware,
+  removeListener: () => removeListener,
+  resetListeners: () => resetListeners
+});
+module.exports = __toCommonJS(listenerMiddleware_exports);
+var import_toolkit = require("@reduxjs/toolkit");
+let listenerAPI;
+const rtkListenerMiddleware = (0, import_toolkit.createListenerMiddleware)();
+const listenerDispatchFns = /* @__PURE__ */ new Map();
+const listenerMiddleware = (_listenerAPI) => {
+  listenerAPI = _listenerAPI;
+  return rtkListenerMiddleware.middleware(listenerAPI);
+};
+const addListener = ({
+  key,
+  listener
+}) => {
+  if (listenerDispatchFns.has(key) && listenerAPI) {
+    listenerDispatchFns.set(key, listener);
+    return rtkListenerMiddleware.startListening(listener);
+  }
+  return null;
+};
+const removeListener = (key) => {
+  const listener = listenerDispatchFns.get(key);
+  if (listener) {
+    listenerDispatchFns.delete(key);
+    return rtkListenerMiddleware.stopListening(listener);
+  }
+  return true;
+};
+const resetListeners = () => {
+  listenerDispatchFns.forEach((listener) => {
+    rtkListenerMiddleware.stopListening(listener);
+  });
+  listenerDispatchFns.clear();
+};

package/dist/cjs/data/queryMiddleware.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 queryMiddleware_exports = {};
+__export(queryMiddleware_exports, {
+  addMiddleware: () => addMiddleware,
+  queryMiddleware: () => queryMiddleware,
+  removeMiddleware: () => removeMiddleware,
+  resetMiddlewares: () => resetMiddlewares
+});
+module.exports = __toCommonJS(queryMiddleware_exports);
+var import_redux = require("redux");
+const middlewareDispatchFns = /* @__PURE__ */ new Map();
+let store;
+const queryMiddleware = (_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 = ({
+  reducerPath,
+  middleware
+}) => {
+  if (middlewareDispatchFns.has(reducerPath) || !store)
+    return;
+  middlewareDispatchFns.set(reducerPath, middleware(store));
+};
+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/store.js

@@ -39,9 +39,9 @@ var import_redux_injectors = require("redux-injectors");
 var import_redux_saga = __toESM(require("redux-saga"));
 var import_reducers = require("./reducers.js");
 var import_webpack_hmr = require("./webpack-hmr.js");
-var import_dynamicMiddleware = require("./dynamicMiddleware.js");
+var import_queryMiddleware = require("./queryMiddleware.js");
+var import_listenerMiddleware = require("./listenerMiddleware.js");
 const rootReducer = (0, import_reducers.createReducer)();
-const listenerMiddleware = (0, import_toolkit.createListenerMiddleware)();
 let appStore = null;
 const setStore = (store) => {
   appStore = store;
@@ -57,7 +57,7 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = (0, import_toolkit.configureStore)({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware.middleware).concat([sagaMiddleware, import_dynamicMiddleware.dynamicMiddleware]),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(import_listenerMiddleware.listenerMiddleware).concat([sagaMiddleware, import_queryMiddleware.queryMiddleware]),
     devTools: true,
     preloadedState: initialState,
     enhancers

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/useInjectListener.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 useInjectListener_exports = {};
+__export(useInjectListener_exports, {
+  useInjectListener: () => useInjectListener
+});
+module.exports = __toCommonJS(useInjectListener_exports);
+var import_react = require("react");
+var import_listenerMiddleware = require("./listenerMiddleware.js");
+const useInjectListener = ({
+  key,
+  listener
+}) => (0, import_react.useEffect)(() => {
+  (0, import_listenerMiddleware.addListener)({ key, listener });
+  return () => {
+    (0, import_listenerMiddleware.removeListener)(key);
+  };
+}, [key, listener]);

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

@@ -16,22 +16,27 @@ 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, {
-  createManager: () => import_redux_injectors2.createManager,
-  useInjectReducer: () => useInjectReducer,
-  useInjectSaga: () => import_redux_injectors2.useInjectSaga
+var useInjectQuery_exports = {};
+__export(useInjectQuery_exports, {
+  useInjectQuery: () => useInjectQuery
 });
-module.exports = __toCommonJS(redux_injectors_exports);
+module.exports = __toCommonJS(useInjectQuery_exports);
+var import_react = require("react");
 var import_redux_injectors = require("redux-injectors");
-var import_dynamicMiddleware = require("./dynamicMiddleware.js");
-var import_redux_injectors2 = require("redux-injectors");
-const useInjectReducer = ({
-  key,
+var import_queryMiddleware = require("./queryMiddleware.js");
+const useInjectQuery = ({
+  reducerPath,
   reducer,
   middleware
 }) => {
-  (0, import_redux_injectors.useInjectReducer)({ key, reducer });
-  if (middleware)
-    (0, import_dynamicMiddleware.addMiddleware)({ key, middleware });
+  (0, import_redux_injectors.useInjectReducer)({ key: reducerPath, reducer });
+  return (0, import_react.useEffect)(() => {
+    if (!middleware)
+      return () => {
+      };
+    (0, import_queryMiddleware.addMiddleware)({ reducerPath, middleware });
+    return () => {
+      (0, import_queryMiddleware.removeMiddleware)(reducerPath);
+    };
+  }, [reducerPath, reducer, middleware]);
 };

package/dist/cjs/index.js

@@ -69,8 +69,9 @@ __export(lib_exports, {
   authorize: () => import_auth.authorize,
   configureStore: () => import_store.createAppStore,
   createManager: () => import_redux_injectors.createManager,
-  enableReactAppForHostIntegration: () => import_react.enableReactAppForHostIntegration,
+  enableReactAppForHostIntegration: () => import_react2.enableReactAppForHostIntegration,
   error: () => import_error.actions,
+  errorMiddleware: () => import_errorMiddleware.errorMiddleware,
   fetchHostAppData: () => import_fetch_host_app_data.fetchHostAppData,
   fetchUserSettings: () => import_users.getUser,
   getApiActionCreator: () => import_helpers2.getApiActionCreator,
@@ -120,8 +121,11 @@ __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,
+  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,
@@ -137,8 +141,9 @@ 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_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");
 var import_store = require("./data/store.js");
@@ -153,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/{dynamicMiddleware.js → appMiddleware.js}

@@ -1,7 +1,7 @@
 import { compose } from "redux";
 const middlewareDispatchFns = /* @__PURE__ */ new Map();
 let store;
-const dynamicMiddleware = (_store) => {
+const appMiddleware = (_store) => {
   store = _store;
   const dispatchFns = Array.from(middlewareDispatchFns.values());
   return (next) => (action) => (
@@ -25,7 +25,7 @@ const resetMiddlewares = () => {
 };
 export {
   addMiddleware,
-  dynamicMiddleware,
+  appMiddleware,
   removeMiddleware,
   resetMiddlewares
 };

package/dist/esm/data/errorMiddleware.js

@@ -0,0 +1,11 @@
+import { isRejectedWithValue } from "@reduxjs/toolkit";
+import { actions as error } from "./error/index.js";
+const errorMiddleware = (api) => (next) => (action) => {
+  if (isRejectedWithValue(action)) {
+    api.dispatch(error.set({ messageText: action?.error?.data?.message }));
+  }
+  return next(action);
+};
+export {
+  errorMiddleware
+};

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/listenerMiddleware.js

@@ -0,0 +1,38 @@
+import { createListenerMiddleware } from "@reduxjs/toolkit";
+let listenerAPI;
+const rtkListenerMiddleware = createListenerMiddleware();
+const listenerDispatchFns = /* @__PURE__ */ new Map();
+const listenerMiddleware = (_listenerAPI) => {
+  listenerAPI = _listenerAPI;
+  return rtkListenerMiddleware.middleware(listenerAPI);
+};
+const addListener = ({
+  key,
+  listener
+}) => {
+  if (listenerDispatchFns.has(key) && listenerAPI) {
+    listenerDispatchFns.set(key, listener);
+    return rtkListenerMiddleware.startListening(listener);
+  }
+  return null;
+};
+const removeListener = (key) => {
+  const listener = listenerDispatchFns.get(key);
+  if (listener) {
+    listenerDispatchFns.delete(key);
+    return rtkListenerMiddleware.stopListening(listener);
+  }
+  return true;
+};
+const resetListeners = () => {
+  listenerDispatchFns.forEach((listener) => {
+    rtkListenerMiddleware.stopListening(listener);
+  });
+  listenerDispatchFns.clear();
+};
+export {
+  addListener,
+  listenerMiddleware,
+  removeListener,
+  resetListeners
+};

package/dist/esm/data/queryMiddleware.js

@@ -0,0 +1,31 @@
+import { compose } from "redux";
+const middlewareDispatchFns = /* @__PURE__ */ new Map();
+let store;
+const queryMiddleware = (_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 = ({
+  reducerPath,
+  middleware
+}) => {
+  if (middlewareDispatchFns.has(reducerPath) || !store)
+    return;
+  middlewareDispatchFns.set(reducerPath, middleware(store));
+};
+const removeMiddleware = (reducerPath) => {
+  middlewareDispatchFns.delete(reducerPath);
+};
+const resetMiddlewares = () => {
+  middlewareDispatchFns.clear();
+};
+export {
+  addMiddleware,
+  queryMiddleware,
+  removeMiddleware,
+  resetMiddlewares
+};

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/store.js

@@ -1,12 +1,12 @@
-import { configureStore, createListenerMiddleware } from "@reduxjs/toolkit";
+import { configureStore } from "@reduxjs/toolkit";
 import { setupListeners } from "@reduxjs/toolkit/query/react";
 import { createInjectorsEnhancer } from "redux-injectors";
 import createSagaMiddleware from "redux-saga";
 import { createReducer } from "./reducers.js";
 import { enableHotReloading } from "./webpack-hmr.js";
-import { dynamicMiddleware } from "./dynamicMiddleware.js";
+import { queryMiddleware } from "./queryMiddleware.js";
+import { listenerMiddleware } from "./listenerMiddleware.js";
 const rootReducer = createReducer();
-const listenerMiddleware = createListenerMiddleware();
 let appStore = null;
 const setStore = (store) => {
   appStore = store;
@@ -22,7 +22,7 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = configureStore({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware.middleware).concat([sagaMiddleware, dynamicMiddleware]),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware).concat([sagaMiddleware, queryMiddleware]),
     devTools: true,
     preloadedState: initialState,
     enhancers

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,25 @@
+import { useEffect } from "react";
+import { useInjectReducer } from "redux-injectors";
+import {
+  addMiddleware,
+  removeMiddleware
+} from "./queryMiddleware.js";
+const useInjectQuery = ({
+  reducerPath,
+  reducer,
+  middleware
+}) => {
+  useInjectReducer({ key: reducerPath, reducer });
+  return useEffect(() => {
+    if (!middleware)
+      return () => {
+      };
+    addMiddleware({ reducerPath, middleware });
+    return () => {
+      removeMiddleware(reducerPath);
+    };
+  }, [reducerPath, reducer, middleware]);
+};
+export {
+  useInjectQuery
+};

package/dist/esm/index.js

@@ -9,12 +9,19 @@ 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/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";
 import { createAppStore } from "./data/store.js";
@@ -151,6 +158,7 @@ export {
   createManager,
   enableReactAppForHostIntegration,
   actions2 as error,
+  errorMiddleware,
   fetchHostAppData,
   getUser as fetchUserSettings,
   getApiActionCreator,
@@ -201,7 +209,10 @@ export {
   trackActivity,
   updateBAEventParameters,
   useAppDispatch,
+  useAppMiddleware,
   useAppSelector,
+  useInjectListener,
+  useInjectQuery,
   useInjectReducer,
   useInjectSaga,
   useMediaQueryList,

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/{dynamicMiddleware.d.ts → appMiddleware.d.ts}

@@ -1,5 +1,5 @@
 import { Middleware } from 'redux';
-export declare const dynamicMiddleware: Middleware<any, any>;
+export declare const appMiddleware: Middleware<any, any>;
 export declare const addMiddleware: ({ key, middleware, }: {
     key: string;
     middleware: Middleware<any, any>;

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

@@ -0,0 +1,2 @@
+import type { Middleware } from '@reduxjs/toolkit';
+export declare const errorMiddleware: Middleware;

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/listenerMiddleware.d.ts

@@ -0,0 +1,11 @@
+import { Middleware, AnyAction } from 'redux';
+declare const rtkListenerMiddleware: import("@reduxjs/toolkit").ListenerMiddlewareInstance<unknown, import("@reduxjs/toolkit").ThunkDispatch<unknown, unknown, AnyAction>, unknown>;
+export type ListenerDispatchFn = Parameters<typeof rtkListenerMiddleware.startListening>[0];
+export declare const listenerMiddleware: Middleware<any, any>;
+export declare const addListener: ({ key, listener, }: {
+    key: string;
+    listener: Parameters<typeof rtkListenerMiddleware.startListening>[0];
+}) => import("@reduxjs/toolkit").UnsubscribeListener | null;
+export declare const removeListener: (key: string) => boolean;
+export declare const resetListeners: () => void;
+export {};

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

@@ -0,0 +1,11 @@
+import { createApi } from '@reduxjs/toolkit/query/react';
+export type QueryMiddleware = ReturnType<typeof createApi>['middleware'];
+export type QueryReducerPath = ReturnType<typeof createApi>['reducerPath'];
+export type QueryReducer = ReturnType<typeof createApi>['middleware'];
+export declare const queryMiddleware: QueryMiddleware;
+export declare const addMiddleware: ({ reducerPath, middleware, }: {
+    reducerPath: QueryReducerPath;
+    middleware: QueryMiddleware;
+}) => 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/store.d.ts

@@ -1,3 +1,4 @@
+import { Middleware } from 'redux';
 import { History } from 'history';
 declare const rootReducer: import("redux").Reducer<import("redux").CombinedState<{
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
@@ -33,11 +34,11 @@ export declare const createAppStore: (initialState: import("redux").CombinedStat
 } | import("redux").AnyAction | {
     payload: import("./breakpoint/index.js").Breakpoints;
     type: string;
-}, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ListenerMiddleware<unknown, import("@reduxjs/toolkit").ThunkDispatch<unknown, unknown, import("redux").AnyAction>, unknown>, import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
+}, import("@reduxjs/toolkit").MiddlewareArray<[Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
     waitMessage: import("./wait-message/reducer.js").WaitMessageState;
     error: import("./error/index.js").ErrorState;
     breakpoint: import("./breakpoint/index.js").BreakpointState;
     liveMessage: import("./live-message/index.js").LiveMessageState;
-}>, import("redux").AnyAction, undefined>, ...import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>[]]>>;
+}>, import("redux").AnyAction, undefined>, ...Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>[]]>>;
 export type AppStore = ReturnType<typeof createAppStore>;
 export {};

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,8 +6,9 @@ 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/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';
 export { createAppStore as configureStore } from './data/store.js';

package/dist/types/lib/utils/testing/render-with-redux.d.ts

@@ -16,7 +16,7 @@ export declare const renderWithRedux: (ui: React.ReactElement, { initialState, s
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ListenerMiddleware<unknown, import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").AnyAction>, unknown>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;

package/dist/types/lib/utils/testing/render-with-router-redux.d.ts

@@ -19,7 +19,7 @@ export declare const renderWithRouterRedux: (ui: React.ReactElement, { route, hi
     } | import("redux").AnyAction | {
         payload: import("../../data/breakpoint/index.js").Breakpoints;
         type: string;
-    }, import("@reduxjs/toolkit").MiddlewareArray<[import("@reduxjs/toolkit").ListenerMiddleware<unknown, import("redux-thunk").ThunkDispatch<unknown, unknown, import("redux").AnyAction>, unknown>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
+    }, import("@reduxjs/toolkit").MiddlewareArray<[import("redux").Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>>, import("redux-thunk").ThunkMiddleware<import("redux").CombinedState<{
         waitMessage: import("../../data/wait-message/reducer.js").WaitMessageState;
         error: import("../../data/error/index.js").ErrorState;
         breakpoint: import("../../data/breakpoint/index.js").BreakpointState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "4.10.0-beta.2",
+  "version": "4.10.0-beta.4",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -111,7 +111,7 @@
     "indent": 4
   },
   "peerDependencies": {
-    "@elliemae/app-react-dependencies": "^4.3.0",
+    "@elliemae/app-react-dependencies": "^4.4.0",
     "@elliemae/ds-basic": "^3.13.0",
     "@elliemae/ds-button": "^3.13.0",
     "@elliemae/ds-controlled-form": "^3.13.0",
@@ -133,7 +133,7 @@
     "@elliemae/pui-user-monitoring": "^1.18.1"
   },
   "devDependencies": {
-    "@elliemae/app-react-dependencies": "~4.3.0",
+    "@elliemae/app-react-dependencies": "~4.4.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.6.0",
     "@elliemae/ds-basic": "~3.13.0",
     "@elliemae/ds-button": "~3.13.0",
@@ -149,7 +149,7 @@
     "@elliemae/ds-popperjs": "~3.13.0",
     "@elliemae/ds-toast": "~3.13.0",
     "@elliemae/em-ssf-guest": "~1.11.2",
-    "@elliemae/pui-cli": "~7.25.0",
+    "@elliemae/pui-cli": "~7.26.0",
     "@elliemae/pui-diagnostics": "~2.7.5",
     "@elliemae/pui-doc-gen": "~1.4.1",
     "@elliemae/pui-e2e-test-sdk": "~7.7.1",

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,17 +0,0 @@
-import { useInjectReducer as useOriginalInjectReducer } from "redux-injectors";
-import { addMiddleware } from "./dynamicMiddleware.js";
-const useInjectReducer = ({
-  key,
-  reducer,
-  middleware
-}) => {
-  useOriginalInjectReducer({ key, reducer });
-  if (middleware)
-    addMiddleware({ key, middleware });
-};
-import { useInjectSaga, createManager } from "redux-injectors";
-export {
-  createManager,
-  useInjectReducer,
-  useInjectSaga
-};

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

@@ -1,7 +0,0 @@
-import { Middleware, Reducer } from 'redux';
-export declare const useInjectReducer: ({ key, reducer, middleware, }: {
-    key: string;
-    reducer: Reducer;
-    middleware?: Middleware<any, any, import("redux").Dispatch<import("redux").AnyAction>> | undefined;
-}) => void;
-export { useInjectSaga, createManager } from 'redux-injectors';