@elliemae/pui-app-sdk 4.12.0-next.1 → 4.13.0

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/cjs/view/wait-message/index.js

@@ -1,9 +1,7 @@
 "use strict";
-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 __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var wait_message_exports = {};
 __export(wait_message_exports, {
@@ -33,29 +23,18 @@ __export(wait_message_exports, {
 module.exports = __toCommonJS(wait_message_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_backdrop = require("@elliemae/ds-backdrop");
-var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
-var import_react_redux = require("../../data/react-redux.js");
+var import_ds_loading_indicator = require("@elliemae/ds-loading-indicator");
+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 StyledCircularIndicator = (0, import_styled_components.default)(import_ds_circular_progress_indicator.DSCircularIndeterminateIndicator)`
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-`;
 const WaitMessage = (0, import_react.memo)(
   ({
-    size = "xl",
-    color = "light",
-    showText = true,
-    withTooltip = false,
-    tooltipStartPlacementPreference = "center",
+    size = "m",
+    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)();
@@ -63,21 +42,16 @@ const WaitMessage = (0, import_react.memo)(
         (0, import_user_wait_event.waitEndEvent)();
     }, [isOpen]);
     (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
-    return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        StyledCircularIndicator,
-        {
-          id: "em-loading",
-          size,
-          color,
-          showText,
-          withTooltip,
-          tooltipStartPlacementPreference,
-          ...rest,
-          text: message
-        }
-      )
-    ] }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_loading_indicator.DSLoadingIndicator,
+      {
+        id: "em-loading",
+        size,
+        style,
+        ...rest,
+        loading: isOpen,
+        message
+      }
+    );
   }
 );

package/dist/cjs/view/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/esm/communication/http-client/baseQuery.js

@@ -0,0 +1,22 @@
+import { getAuthHTTPClient } from "./index.js";
+const sdkBaseQuery = ({ baseUrl } = {}) => async ({ url, method, data, params, headers }) => {
+  try {
+    const result = await getAuthHTTPClient({
+      baseURL: baseUrl,
+      headers
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    }).request({ url, method, data, params });
+    return { data: result.data };
+  } catch (axiosError) {
+    const err = axiosError;
+    return {
+      error: {
+        status: err.response?.status,
+        data: err.response?.data || err.message
+      }
+    };
+  }
+};
+export {
+  sdkBaseQuery
+};

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/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,30 @@
+import { compose } from "redux";
+const middlewareDispatchFns = /* @__PURE__ */ new Map();
+let store;
+const queryMiddleware = (_store) => {
+  store = _store;
+  return (next) => (action) => (
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    compose(...middlewareDispatchFns.values())(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,17 +1,18 @@
 import { configureStore } from "@reduxjs/toolkit";
-import {
-  createInjectorsEnhancer
-} from "redux-injectors";
+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 { queryMiddleware } from "./queryMiddleware.js";
+import { listenerMiddleware } from "./listenerMiddleware.js";
 const rootReducer = createReducer();
 let appStore = null;
 const setStore = (store) => {
   appStore = store;
 };
 const getStore = () => appStore;
-const createStore = (initialState, sagaMiddleware, history, middlewareConfig = { thunk: false }) => {
+const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {}) => {
   const { run: runSaga } = sagaMiddleware;
   const enhancers = [
     createInjectorsEnhancer({
@@ -21,11 +22,12 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = configureStore({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware).concat([sagaMiddleware, queryMiddleware]),
     devTools: true,
     preloadedState: initialState,
     enhancers
   });
+  setupListeners(baseStore.dispatch);
   enableHotReloading(baseStore);
   return baseStore;
 };

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

@@ -3,6 +3,7 @@ import {
   getHTTPClient,
   getAuthHTTPClient
 } from "./communication/http-client/index.js";
+import { sdkBaseQuery } from "./communication/http-client/baseQuery.js";
 import { onAuthorizationFailure } from "./communication/http-client/response-interceptor.js";
 import { auth } from "./data/auth/actions.js";
 import { RequireAuth } from "./view/require-auth.js";
@@ -10,12 +11,19 @@ import { authentication } from "./sideeffect/auth/index.js";
 import { authReducer } from "./data/auth/reducer.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 "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";
@@ -164,6 +172,7 @@ export {
   createManager,
   enableReactAppForHostIntegration,
   actions2 as error,
+  errorMiddleware,
   fetchHostAppData,
   getUser as fetchUserSettings,
   getApiActionCreator,
@@ -201,6 +210,7 @@ export {
   renderWithRouter,
   renderWithRouterRedux,
   resetUserIdleTime,
+  sdkBaseQuery,
   sendBAEvent,
   sendMessageToHost,
   setAppConfig,
@@ -213,7 +223,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/form/index.js

@@ -6,7 +6,6 @@ import {
 } from "react-hook-form";
 const StyledForm = styled.form`
   width: 100%;
-  height: 100%;
 `;
 const Form = ({
   /* eslint-disable indent */

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 ariaLive = useAppSelector((state) => state.liveMessage?.ariaLive);

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/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/esm/view/wait-message/index.js

@@ -1,27 +1,16 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { memo, useEffect } from "react";
-import styled from "styled-components";
-import { DSBackdrop } from "@elliemae/ds-backdrop";
-import { DSCircularIndeterminateIndicator } from "@elliemae/ds-circular-progress-indicator";
-import { useAppSelector } from "../../data/react-redux.js";
+import { DSLoadingIndicator } from "@elliemae/ds-loading-indicator";
+import { useAppSelector } from "../../data/react.js";
 import { useHTMLWaitMessage } from "./use-html-wait-message.js";
 import {
   waitStartEvent,
   waitEndEvent
 } from "../../analytics/user-wait-event.js";
-const StyledCircularIndicator = styled(DSCircularIndeterminateIndicator)`
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-`;
 const WaitMessage = memo(
   ({
-    size = "xl",
-    color = "light",
-    showText = true,
-    withTooltip = false,
-    tooltipStartPlacementPreference = "center",
+    size = "m",
+    style = { color: "white", fontSize: "1.25rem" },
     ...rest
   }) => {
     const isOpen = useAppSelector((state) => state.waitMessage?.isOpen);
@@ -33,22 +22,17 @@ const WaitMessage = memo(
         waitEndEvent();
     }, [isOpen]);
     useHTMLWaitMessage(isOpen !== null);
-    return isOpen ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(DSBackdrop, {}),
-      /* @__PURE__ */ jsx(
-        StyledCircularIndicator,
-        {
-          id: "em-loading",
-          size,
-          color,
-          showText,
-          withTooltip,
-          tooltipStartPlacementPreference,
-          ...rest,
-          text: message
-        }
-      )
-    ] }) : null;
+    return /* @__PURE__ */ jsx(
+      DSLoadingIndicator,
+      {
+        id: "em-loading",
+        size,
+        style,
+        ...rest,
+        loading: isOpen,
+        message
+      }
+    );
   }
 );
 export {

package/dist/esm/view/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/types/lib/communication/http-client/baseQuery.d.ts

@@ -0,0 +1,14 @@
+import { BaseQueryFn } from '@reduxjs/toolkit/query';
+import { AxiosRequestConfig } from 'axios';
+import { RequestConfig } from './index.js';
+type BaseQueryFunction = BaseQueryFn<{
+    url: string;
+    method: AxiosRequestConfig['method'];
+    data?: AxiosRequestConfig['data'];
+    params?: AxiosRequestConfig['params'];
+    headers?: RequestConfig;
+}, unknown, unknown>;
+export declare const sdkBaseQuery: ({ baseUrl }?: {
+    baseUrl?: string | undefined;
+}) => BaseQueryFunction;
+export {};

package/dist/types/lib/communication/http-client/index.d.ts

@@ -1,6 +1,6 @@
 import { AxiosInstance, RawAxiosRequestHeaders, HeadersDefaults } from 'axios';
 type AxiosRequestHeaders = RawAxiosRequestHeaders | Partial<HeadersDefaults>;
-type RequestConfig = {
+export type RequestConfig = {
     Authorization?: string;
 } & AxiosRequestHeaders;
 export declare const getHTTPClient: ({ baseURL, headers, }?: {

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/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 {};