@elliemae/pui-app-sdk 4.11.0-beta.1 → 4.11.1

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.useAppDispatch,
-  useAppSelector: () => import_react.useAppSelector,
+  useAppDispatch: () => import_react_redux.useAppDispatch,
+  useAppSelector: () => import_react_redux.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 = require("./react.js");
+var import_react_redux = require("./react-redux.js");
 var import_store = require("./store.js");

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

@@ -16,10 +16,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useAppSelector_exports = {};
-__export(useAppSelector_exports, {
+var react_redux_exports = {};
+__export(react_redux_exports, {
+  useAppDispatch: () => useAppDispatch,
   useAppSelector: () => useAppSelector
 });
-module.exports = __toCommonJS(useAppSelector_exports);
+module.exports = __toCommonJS(react_redux_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/store.js

@@ -34,20 +34,17 @@ __export(store_exports, {
 });
 module.exports = __toCommonJS(store_exports);
 var import_toolkit = require("@reduxjs/toolkit");
-var import_react = require("@reduxjs/toolkit/query/react");
 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_queryMiddleware = require("./queryMiddleware.js");
-var import_listenerMiddleware = require("./listenerMiddleware.js");
 const rootReducer = (0, import_reducers.createReducer)();
 let appStore = null;
 const setStore = (store) => {
   appStore = store;
 };
 const getStore = () => appStore;
-const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {}) => {
+const createStore = (initialState, sagaMiddleware, history, middlewareConfig = { thunk: false }) => {
   const { run: runSaga } = sagaMiddleware;
   const enhancers = [
     (0, import_redux_injectors.createInjectorsEnhancer)({
@@ -57,12 +54,11 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = (0, import_toolkit.configureStore)({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(import_listenerMiddleware.listenerMiddleware).concat([sagaMiddleware, import_queryMiddleware.queryMiddleware]),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware),
     devTools: true,
     preloadedState: initialState,
     enhancers
   });
-  (0, import_react.setupListeners)(baseStore.dispatch);
   (0, import_webpack_hmr.enableHotReloading)(baseStore);
   return baseStore;
 };

package/dist/cjs/index.js

@@ -52,6 +52,7 @@ __export(lib_exports, {
   LargeTextBox: () => import_large_text_box.LargeTextBox,
   MASK_PIPES: () => import_input_mask.MASK_PIPES,
   MASK_TYPES: () => import_input_mask.MASK_TYPES,
+  MaskedInputText: () => import_masked_input_text.MaskedInputText,
   MicroApp: () => import_micro_app.MicroApp,
   MicroIFrameApp: () => import_micro_iframe_app.MicroIFrameApp,
   NavigationPrompt: () => import_navigation_prompt.NavigationPrompt,
@@ -73,9 +74,8 @@ __export(lib_exports, {
   authorize: () => import_auth.authorize,
   configureStore: () => import_store.createAppStore,
   createManager: () => import_redux_injectors.createManager,
-  enableReactAppForHostIntegration: () => import_react2.enableReactAppForHostIntegration,
+  enableReactAppForHostIntegration: () => import_react.enableReactAppForHostIntegration,
   error: () => import_error.actions,
-  errorMiddleware: () => import_errorMiddleware.errorMiddleware,
   fetchHostAppData: () => import_fetch_host_app_data.fetchHostAppData,
   fetchUserSettings: () => import_users.getUser,
   getApiActionCreator: () => import_helpers2.getApiActionCreator,
@@ -113,7 +113,6 @@ __export(lib_exports, {
   renderWithRouter: () => import_render_with_router.renderWithRouter,
   renderWithRouterRedux: () => import_render_with_router_redux.renderWithRouterRedux,
   resetUserIdleTime: () => import_session.resetUserIdleTime,
-  sdkBaseQuery: () => import_baseQuery.sdkBaseQuery,
   sendBAEvent: () => import_analytics.sendBAEvent,
   sendMessageToHost: () => import_message_to_host_app.sendMessageToHost,
   setAppConfig: () => import_config.setAppConfig,
@@ -125,11 +124,8 @@ __export(lib_exports, {
   subscribeToSessionExpiryWarning: () => import_session.subscribeToSessionExpiryWarning,
   trackActivity: () => import_session.trackActivity,
   updateBAEventParameters: () => import_web_analytics.updateBAEventParameters,
-  useAppDispatch: () => import_react.useAppDispatch,
-  useAppMiddleware: () => import_react.useAppMiddleware,
-  useAppSelector: () => import_react.useAppSelector,
-  useInjectListener: () => import_react.useInjectListener,
-  useInjectQuery: () => import_react.useInjectQuery,
+  useAppDispatch: () => import_react_redux.useAppDispatch,
+  useAppSelector: () => import_react_redux.useAppSelector,
   useInjectReducer: () => import_redux_injectors.useInjectReducer,
   useInjectSaga: () => import_redux_injectors.useInjectSaga,
   useMediaQueryList: () => import_use_media_query_list.useMediaQueryList,
@@ -139,15 +135,13 @@ __export(lib_exports, {
 module.exports = __toCommonJS(lib_exports);
 var import_auth = require("./utils/auth/index.js");
 var import_http_client = require("./communication/http-client/index.js");
-var import_baseQuery = require("./communication/http-client/baseQuery.js");
 var import_response_interceptor = require("./communication/http-client/response-interceptor.js");
 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("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");
@@ -155,14 +149,14 @@ var import_history = require("./utils/history.js");
 var import_constants2 = require("./utils/constants.js");
 var import_actions2 = require("./data/navigation-prompt/actions.js");
 var import_loadable = require("./view/loadable/index.js");
-var import_wait_message = require("./view/modals/wait-message/index.js");
+var import_wait_message = require("./view/wait-message/index.js");
 var import_session_timeout = require("./view/session-timeout/index.js");
 var import_session = require("./utils/session.js");
 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_react2 = require("./utils/app-host-integration/react.js");
+var import_react = 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");
@@ -193,6 +187,7 @@ var import_text_box = require("./view/fields/text-box/index.js");
 var import_input_text = require("./view/fields/input-text/index.js");
 var import_large_text_box = require("./view/fields/large-text-box/index.js");
 var import_input_mask = require("./view/fields/input-mask/index.js");
+var import_masked_input_text = require("./view/fields/masked-input-text/index.js");
 var import_combo_box = require("./view/fields/combo-box/index.js");
 var import_combo_box_v3 = require("./view/fields/combo-box-v3/index.js");
 var import_check_box = require("./view/fields/check-box/index.js");

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

@@ -34,10 +34,10 @@ module.exports = __toCommonJS(hosted_app_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_styled_components = __toESM(require("styled-components"));
 var import_error_toast = require("../error-toast/index.js");
-var import_wait_message = require("../modals/wait-message/index.js");
+var import_wait_message = require("../wait-message/index.js");
 var import_use_breakpoint = require("../breakpoint/use-breakpoint.js");
 var import_use_window_size_change = require("../use-window-size-change.js");
-var import_use_html_wait_message = require("../modals/wait-message/use-html-wait-message.js");
+var import_use_html_wait_message = require("../wait-message/use-html-wait-message.js");
 var import_style = __toESM(require("./style.js"));
 const Div = import_styled_components.default.div`
   height: 100%;

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

@@ -39,7 +39,7 @@ var import_use_window_size_change = require("../use-window-size-change.js");
 var import_session_timeout = require("../session-timeout/index.js");
 var import_live_message = require("../live-message/index.js");
 var import_error_toast = require("../error-toast/index.js");
-var import_wait_message = require("../modals/wait-message/index.js");
+var import_wait_message = require("../wait-message/index.js");
 var import_style = __toESM(require("./style.js"));
 const Div = import_styled_components.default.div`
   height: 100%;

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_react2 = require("../../data/react.js");
+var import_react_redux = require("../../data/react-redux.js");
 var import_breakpoint = require("../../data/breakpoint/index.js");
 var import_use_media_query_list = require("./use-media-query-list.js");
 var import_constants = require("../../utils/constants.js");
@@ -39,7 +39,7 @@ const useBreakpoint = () => {
     ["small", "medium", "large"],
     "large"
   );
-  const dispatch = (0, import_react2.useAppDispatch)();
+  const dispatch = (0, import_react_redux.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_react2 = require("../../data/react.js");
+var import_react_redux = require("../../data/react-redux.js");
 var import_error = require("../../data/error/index.js");
 const ErrorToast = (0, import_react.memo)((props) => {
-  const storeError = (0, import_react2.useAppSelector)((state) => state?.error);
-  const dispatch = (0, import_react2.useAppDispatch)();
+  const storeError = (0, import_react_redux.useAppSelector)((state) => state?.error);
+  const dispatch = (0, import_react_redux.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     if (storeError && (storeError?.description || storeError?.messageText)) {
       const toastProps = {

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

@@ -23,9 +23,9 @@ __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 = require("../../data/react.js");
+var import_react_redux = require("../../data/react-redux.js");
 const LiveMessage = () => {
-  const message = (0, import_react.useAppSelector)((state) => state.liveMessage?.message);
-  const ariaLive = (0, import_react.useAppSelector)((state) => state.liveMessage?.ariaLive);
+  const message = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.message);
+  const ariaLive = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.ariaLive);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_live.LiveMessage, { message, "aria-live": ariaLive });
 };

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

@@ -23,7 +23,7 @@ __export(loadable_exports, {
 module.exports = __toCommonJS(loadable_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_wait_message_launcher = require("../modals/wait-message/wait-message-launcher.js");
+var import_wait_message_launcher = require("../wait-message/wait-message-launcher.js");
 const loadable = (importFunc, fallback = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message_launcher.WaitMessageLauncher, {})) => {
   const LazyComponent = (0, import_react.lazy)(importFunc);
   return (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyComponent, { ...props }) });

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_react2 = require("../../data/react.js");
+var import_react_redux = require("../../data/react-redux.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_react2.useAppDispatch)();
+  const dispatch = (0, import_react_redux.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_react2 = require("../../../data/react.js");
+var import_react_redux = require("../../../data/react-redux.js");
 var import_actions = require("../../../data/navigation-prompt/actions.js");
 const NavigationPrompt = (0, import_react.memo)(
   ({ open = false }) => {
-    const dispatch = (0, import_react2.useAppDispatch)();
+    const dispatch = (0, import_react_redux.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_react2 = require("../../../data/react.js");
+var import_react_redux = require("../../../data/react-redux.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_react2.useAppDispatch)();
+    const dispatch = (0, import_react_redux.useAppDispatch)();
     (0, import_react.useEffect)(() => {
       setIsOpen(open);
     }, [open]);

package/dist/cjs/view/render-with-host-data/index.js

@@ -24,7 +24,7 @@ module.exports = __toCommonJS(render_with_host_data_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_fetch_host_app_data = require("../fetch-host-app-data/index.js");
-var import_wait_message_launcher = require("../modals/wait-message/wait-message-launcher.js");
+var import_wait_message_launcher = require("../wait-message/wait-message-launcher.js");
 const renderWithHostData = (data) => {
   const {
     ComponentToRender,

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_react2 = require("../../data/react.js");
+var import_react_redux = require("../../data/react-redux.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_react2.useAppDispatch)();
+  const dispatch = (0, import_react_redux.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

@@ -0,0 +1,83 @@
+"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)
+    __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 __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, {
+  WaitMessage: () => WaitMessage
+});
+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_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",
+    ...rest
+  }) => {
+    const isOpen = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.isOpen);
+    const message = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.message);
+    (0, import_react.useEffect)(() => {
+      if (isOpen)
+        (0, import_user_wait_event.waitStartEvent)();
+      else
+        (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;
+  }
+);

package/dist/cjs/view/{modals/wait-message → 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_react2 = require("../../../data/react.js");
-var import_actions = require("../../../data/wait-message/actions.js");
+var import_react_redux = require("../../data/react-redux.js");
+var import_actions = require("../../data/wait-message/actions.js");
 const WaitMessageLauncher = () => {
-  const dispatch = (0, import_react2.useAppDispatch)();
+  const dispatch = (0, import_react_redux.useAppDispatch)();
   (0, import_react.useEffect)(() => {
     dispatch(import_actions.waitMessage.open());
     return () => {

package/dist/esm/data/index.js

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

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

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

package/dist/esm/data/store.js

@@ -1,18 +1,17 @@
 import { configureStore } from "@reduxjs/toolkit";
-import { setupListeners } from "@reduxjs/toolkit/query/react";
-import { createInjectorsEnhancer } from "redux-injectors";
+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 = {}) => {
+const createStore = (initialState, sagaMiddleware, history, middlewareConfig = { thunk: false }) => {
   const { run: runSaga } = sagaMiddleware;
   const enhancers = [
     createInjectorsEnhancer({
@@ -22,12 +21,11 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = configureStore({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware).concat([sagaMiddleware, queryMiddleware]),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware),
     devTools: true,
     preloadedState: initialState,
     enhancers
   });
-  setupListeners(baseStore.dispatch);
   enableHotReloading(baseStore);
   return baseStore;
 };

package/dist/esm/index.js

@@ -3,25 +3,17 @@ 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";
 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";
@@ -29,7 +21,7 @@ import { browserHistory, memoryHistory } from "./utils/history.js";
 import { Themes } from "./utils/constants.js";
 import { ACTIONS } from "./data/navigation-prompt/actions.js";
 import { loadable } from "./view/loadable/index.js";
-import { WaitMessage } from "./view/modals/wait-message/index.js";
+import { WaitMessage } from "./view/wait-message/index.js";
 import { SessionTimeout } from "./view/session-timeout/index.js";
 import {
   subscribeToSessionExpiryWarning,
@@ -93,6 +85,7 @@ import {
   MASK_TYPES,
   MASK_PIPES
 } from "./view/fields/input-mask/index.js";
+import { MaskedInputText } from "./view/fields/masked-input-text/index.js";
 import { ComboBox } from "./view/fields/combo-box/index.js";
 import { ComboBoxV3 } from "./view/fields/combo-box-v3/index.js";
 import { CheckBox } from "./view/fields/check-box/index.js";
@@ -143,6 +136,7 @@ export {
   LargeTextBox,
   MASK_PIPES,
   MASK_TYPES,
+  MaskedInputText,
   MicroApp,
   MicroIFrameApp,
   NavigationPrompt,
@@ -166,7 +160,6 @@ export {
   createManager,
   enableReactAppForHostIntegration,
   actions2 as error,
-  errorMiddleware,
   fetchHostAppData,
   getUser as fetchUserSettings,
   getApiActionCreator,
@@ -204,7 +197,6 @@ export {
   renderWithRouter,
   renderWithRouterRedux,
   resetUserIdleTime,
-  sdkBaseQuery,
   sendBAEvent,
   sendMessageToHost,
   setAppConfig,
@@ -217,10 +209,7 @@ export {
   trackActivity,
   updateBAEventParameters,
   useAppDispatch,
-  useAppMiddleware,
   useAppSelector,
-  useInjectListener,
-  useInjectQuery,
   useInjectReducer,
   useInjectSaga,
   useMediaQueryList,

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

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { ErrorToast } from "../error-toast/index.js";
-import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
+import { WaitMessage as DefaultWaitMessage } from "../wait-message/index.js";
 import { useBreakpoint } from "../breakpoint/use-breakpoint.js";
 import { useWindowSizeChange } from "../use-window-size-change.js";
-import { useHTMLWaitMessage } from "../modals/wait-message/use-html-wait-message.js";
+import { useHTMLWaitMessage } from "../wait-message/use-html-wait-message.js";
 import GlobalStyle from "./style.js";
 const Div = styled.div`
   height: 100%;

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

@@ -6,7 +6,7 @@ import { useWindowSizeChange } from "../use-window-size-change.js";
 import { SessionTimeout } from "../session-timeout/index.js";
 import { LiveMessage } from "../live-message/index.js";
 import { ErrorToast } from "../error-toast/index.js";
-import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
+import { WaitMessage as DefaultWaitMessage } from "../wait-message/index.js";
 import GlobalStyle from "./style.js";
 const Div = styled.div`
   height: 100%;

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.js";
+import { useAppDispatch } from "../../data/react-redux.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.js";
+import { useAppSelector, useAppDispatch } from "../../data/react-redux.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.js";
+import { useAppSelector } from "../../data/react-redux.js";
 const LiveMessage = () => {
   const message = useAppSelector((state) => state.liveMessage?.message);
   const ariaLive = useAppSelector((state) => state.liveMessage?.ariaLive);

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { lazy, Suspense } from "react";
-import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
+import { WaitMessageLauncher } from "../wait-message/wait-message-launcher.js";
 const loadable = (importFunc, fallback = /* @__PURE__ */ jsx(WaitMessageLauncher, {})) => {
   const LazyComponent = lazy(importFunc);
   return (props) => /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(LazyComponent, { ...props }) });

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.js";
+import { useAppDispatch } from "../../data/react-redux.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.js";
+import { useAppDispatch } from "../../../data/react-redux.js";
 import { navigationPrompt } from "../../../data/navigation-prompt/actions.js";
 const NavigationPrompt = memo(
   ({ open = false }) => {