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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/dist/cjs/data/index.js +3 -3
  2. package/dist/cjs/data/{useAppSelector.js → react-redux.js} +5 -3
  3. package/dist/cjs/data/store.js +2 -6
  4. package/dist/cjs/index.js +6 -13
  5. package/dist/cjs/view/app-root/hosted-app.js +2 -2
  6. package/dist/cjs/view/app-root/stand-alone-app.js +1 -1
  7. package/dist/cjs/view/breakpoint/use-breakpoint.js +2 -2
  8. package/dist/cjs/view/error-toast/index.js +3 -3
  9. package/dist/cjs/view/live-message/index.js +3 -3
  10. package/dist/cjs/view/loadable/index.js +1 -1
  11. package/dist/cjs/view/login/index.js +2 -2
  12. package/dist/cjs/view/modals/navigation-prompt/index.js +2 -2
  13. package/dist/cjs/view/modals/session-expiry/index.js +2 -2
  14. package/dist/cjs/view/render-with-host-data/index.js +1 -1
  15. package/dist/cjs/view/session-timeout/index.js +2 -2
  16. package/dist/cjs/view/wait-message/index.js +83 -0
  17. package/dist/cjs/view/{modals/wait-message → wait-message}/use-html-wait-message.js +0 -0
  18. package/dist/cjs/view/{modals/wait-message → wait-message}/wait-message-launcher.js +3 -3
  19. package/dist/esm/data/index.js +1 -1
  20. package/dist/esm/data/react-redux.js +7 -0
  21. package/dist/esm/data/store.js +5 -7
  22. package/dist/esm/index.js +2 -15
  23. package/dist/esm/view/app-root/hosted-app.js +2 -2
  24. package/dist/esm/view/app-root/stand-alone-app.js +1 -1
  25. package/dist/esm/view/breakpoint/use-breakpoint.js +1 -1
  26. package/dist/esm/view/error-toast/index.js +1 -1
  27. package/dist/esm/view/live-message/index.js +1 -1
  28. package/dist/esm/view/loadable/index.js +1 -1
  29. package/dist/esm/view/login/index.js +1 -1
  30. package/dist/esm/view/modals/navigation-prompt/index.js +1 -1
  31. package/dist/esm/view/modals/session-expiry/index.js +1 -1
  32. package/dist/esm/view/render-with-host-data/index.js +1 -1
  33. package/dist/esm/view/session-timeout/index.js +1 -1
  34. package/dist/esm/view/wait-message/index.js +56 -0
  35. package/dist/esm/view/{modals/wait-message → wait-message}/use-html-wait-message.js +0 -0
  36. package/dist/esm/view/{modals/wait-message → wait-message}/wait-message-launcher.js +2 -2
  37. package/dist/types/lib/communication/http-client/index.d.ts +1 -1
  38. package/dist/types/lib/data/index.d.ts +1 -1
  39. package/dist/types/lib/data/{useAppDispatch.d.ts → react-redux.d.ts} +3 -0
  40. package/dist/types/lib/data/store.d.ts +3 -4
  41. package/dist/types/lib/index.d.ts +2 -4
  42. package/dist/types/lib/utils/testing/render-with-redux.d.ts +2 -2
  43. package/dist/types/lib/utils/testing/render-with-router-redux.d.ts +2 -2
  44. package/dist/types/lib/view/wait-message/index.d.ts +13 -0
  45. package/dist/types/lib/view/{modals/wait-message → wait-message}/index.stories.d.ts +0 -0
  46. package/dist/types/lib/view/{modals/wait-message → wait-message}/use-html-wait-message.d.ts +0 -0
  47. package/dist/types/lib/view/{modals/wait-message → wait-message}/wait-message-launcher.d.ts +0 -0
  48. package/package.json +5 -3
  49. package/dist/cjs/communication/http-client/baseQuery.js +0 -42
  50. package/dist/cjs/data/appMiddleware.js +0 -51
  51. package/dist/cjs/data/errorMiddleware.js +0 -31
  52. package/dist/cjs/data/listenerMiddleware.js +0 -58
  53. package/dist/cjs/data/queryMiddleware.js +0 -50
  54. package/dist/cjs/data/react.js +0 -32
  55. package/dist/cjs/data/useAppDispatch.js +0 -25
  56. package/dist/cjs/data/useAppMiddleware.js +0 -34
  57. package/dist/cjs/data/useInjectListener.js +0 -34
  58. package/dist/cjs/data/useInjectQuery.js +0 -33
  59. package/dist/cjs/view/modals/wait-message/index.js +0 -57
  60. package/dist/esm/communication/http-client/baseQuery.js +0 -22
  61. package/dist/esm/data/appMiddleware.js +0 -31
  62. package/dist/esm/data/errorMiddleware.js +0 -11
  63. package/dist/esm/data/listenerMiddleware.js +0 -38
  64. package/dist/esm/data/queryMiddleware.js +0 -30
  65. package/dist/esm/data/react.js +0 -12
  66. package/dist/esm/data/useAppDispatch.js +0 -5
  67. package/dist/esm/data/useAppMiddleware.js +0 -14
  68. package/dist/esm/data/useAppSelector.js +0 -5
  69. package/dist/esm/data/useInjectListener.js +0 -17
  70. package/dist/esm/data/useInjectQuery.js +0 -15
  71. package/dist/esm/view/modals/wait-message/index.js +0 -40
  72. package/dist/types/lib/communication/http-client/baseQuery.d.ts +0 -14
  73. package/dist/types/lib/data/appMiddleware.d.ts +0 -8
  74. package/dist/types/lib/data/errorMiddleware.d.ts +0 -2
  75. package/dist/types/lib/data/listenerMiddleware.d.ts +0 -11
  76. package/dist/types/lib/data/queryMiddleware.d.ts +0 -11
  77. package/dist/types/lib/data/react.d.ts +0 -5
  78. package/dist/types/lib/data/useAppMiddleware.d.ts +0 -5
  79. package/dist/types/lib/data/useAppSelector.d.ts +0 -3
  80. package/dist/types/lib/data/useInjectListener.d.ts +0 -5
  81. package/dist/types/lib/data/useInjectQuery.d.ts +0 -7
  82. package/dist/types/lib/view/modals/wait-message/index.d.ts +0 -7
@@ -21,12 +21,12 @@ __export(data_exports, {
21
21
  configureStore: () => import_store.createAppStore,
22
22
  createManager: () => import_redux_injectors.createManager,
23
23
  getStore: () => import_store.getStore,
24
- useAppDispatch: () => import_react.useAppDispatch,
25
- useAppSelector: () => import_react.useAppSelector,
24
+ useAppDispatch: () => import_react_redux.useAppDispatch,
25
+ useAppSelector: () => import_react_redux.useAppSelector,
26
26
  useInjectReducer: () => import_redux_injectors.useInjectReducer,
27
27
  useInjectSaga: () => import_redux_injectors.useInjectSaga
28
28
  });
29
29
  module.exports = __toCommonJS(data_exports);
30
30
  var import_redux_injectors = require("redux-injectors");
31
- var import_react = require("./react.js");
31
+ var import_react_redux = require("./react-redux.js");
32
32
  var import_store = require("./store.js");
@@ -16,10 +16,12 @@ var __copyProps = (to, from, except, desc) => {
16
16
  return to;
17
17
  };
18
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
- var useAppSelector_exports = {};
20
- __export(useAppSelector_exports, {
19
+ var react_redux_exports = {};
20
+ __export(react_redux_exports, {
21
+ useAppDispatch: () => useAppDispatch,
21
22
  useAppSelector: () => useAppSelector
22
23
  });
23
- module.exports = __toCommonJS(useAppSelector_exports);
24
+ module.exports = __toCommonJS(react_redux_exports);
24
25
  var import_react_redux = require("react-redux");
26
+ const useAppDispatch = () => (0, import_react_redux.useDispatch)();
25
27
  const useAppSelector = import_react_redux.useSelector;
@@ -34,20 +34,17 @@ __export(store_exports, {
34
34
  });
35
35
  module.exports = __toCommonJS(store_exports);
36
36
  var import_toolkit = require("@reduxjs/toolkit");
37
- var import_react = require("@reduxjs/toolkit/query/react");
38
37
  var import_redux_injectors = require("redux-injectors");
39
38
  var import_redux_saga = __toESM(require("redux-saga"));
40
39
  var import_reducers = require("./reducers.js");
41
40
  var import_webpack_hmr = require("./webpack-hmr.js");
42
- var import_queryMiddleware = require("./queryMiddleware.js");
43
- var import_listenerMiddleware = require("./listenerMiddleware.js");
44
41
  const rootReducer = (0, import_reducers.createReducer)();
45
42
  let appStore = null;
46
43
  const setStore = (store) => {
47
44
  appStore = store;
48
45
  };
49
46
  const getStore = () => appStore;
50
- const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {}) => {
47
+ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = { thunk: false }) => {
51
48
  const { run: runSaga } = sagaMiddleware;
52
49
  const enhancers = [
53
50
  (0, import_redux_injectors.createInjectorsEnhancer)({
@@ -57,12 +54,11 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
57
54
  ];
58
55
  const baseStore = (0, import_toolkit.configureStore)({
59
56
  reducer: rootReducer,
60
- middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(import_listenerMiddleware.listenerMiddleware).concat([sagaMiddleware, import_queryMiddleware.queryMiddleware]),
57
+ middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware),
61
58
  devTools: true,
62
59
  preloadedState: initialState,
63
60
  enhancers
64
61
  });
65
- (0, import_react.setupListeners)(baseStore.dispatch);
66
62
  (0, import_webpack_hmr.enableHotReloading)(baseStore);
67
63
  return baseStore;
68
64
  };
package/dist/cjs/index.js CHANGED
@@ -73,9 +73,8 @@ __export(lib_exports, {
73
73
  authorize: () => import_auth.authorize,
74
74
  configureStore: () => import_store.createAppStore,
75
75
  createManager: () => import_redux_injectors.createManager,
76
- enableReactAppForHostIntegration: () => import_react2.enableReactAppForHostIntegration,
76
+ enableReactAppForHostIntegration: () => import_react.enableReactAppForHostIntegration,
77
77
  error: () => import_error.actions,
78
- errorMiddleware: () => import_errorMiddleware.errorMiddleware,
79
78
  fetchHostAppData: () => import_fetch_host_app_data.fetchHostAppData,
80
79
  fetchUserSettings: () => import_users.getUser,
81
80
  getApiActionCreator: () => import_helpers2.getApiActionCreator,
@@ -113,7 +112,6 @@ __export(lib_exports, {
113
112
  renderWithRouter: () => import_render_with_router.renderWithRouter,
114
113
  renderWithRouterRedux: () => import_render_with_router_redux.renderWithRouterRedux,
115
114
  resetUserIdleTime: () => import_session.resetUserIdleTime,
116
- sdkBaseQuery: () => import_baseQuery.sdkBaseQuery,
117
115
  sendBAEvent: () => import_analytics.sendBAEvent,
118
116
  sendMessageToHost: () => import_message_to_host_app.sendMessageToHost,
119
117
  setAppConfig: () => import_config.setAppConfig,
@@ -125,11 +123,8 @@ __export(lib_exports, {
125
123
  subscribeToSessionExpiryWarning: () => import_session.subscribeToSessionExpiryWarning,
126
124
  trackActivity: () => import_session.trackActivity,
127
125
  updateBAEventParameters: () => import_web_analytics.updateBAEventParameters,
128
- useAppDispatch: () => import_react.useAppDispatch,
129
- useAppMiddleware: () => import_react.useAppMiddleware,
130
- useAppSelector: () => import_react.useAppSelector,
131
- useInjectListener: () => import_react.useInjectListener,
132
- useInjectQuery: () => import_react.useInjectQuery,
126
+ useAppDispatch: () => import_react_redux.useAppDispatch,
127
+ useAppSelector: () => import_react_redux.useAppSelector,
133
128
  useInjectReducer: () => import_redux_injectors.useInjectReducer,
134
129
  useInjectSaga: () => import_redux_injectors.useInjectSaga,
135
130
  useMediaQueryList: () => import_use_media_query_list.useMediaQueryList,
@@ -139,15 +134,13 @@ __export(lib_exports, {
139
134
  module.exports = __toCommonJS(lib_exports);
140
135
  var import_auth = require("./utils/auth/index.js");
141
136
  var import_http_client = require("./communication/http-client/index.js");
142
- var import_baseQuery = require("./communication/http-client/baseQuery.js");
143
137
  var import_response_interceptor = require("./communication/http-client/response-interceptor.js");
144
138
  var import_actions = require("./data/auth/actions.js");
145
139
  var import_require_auth = require("./view/require-auth.js");
146
140
  var import_page = require("./view/page.js");
147
141
  var import_constants = __toESM(require("./utils/constants.js"));
142
+ var import_react_redux = require("./data/react-redux.js");
148
143
  var import_redux_injectors = require("redux-injectors");
149
- var import_react = require("./data/react.js");
150
- var import_errorMiddleware = require("./data/errorMiddleware.js");
151
144
  var import_helper = require("./utils/auth/helper.js");
152
145
  var import_url = require("./utils/url.js");
153
146
  var import_store = require("./data/store.js");
@@ -155,14 +148,14 @@ var import_history = require("./utils/history.js");
155
148
  var import_constants2 = require("./utils/constants.js");
156
149
  var import_actions2 = require("./data/navigation-prompt/actions.js");
157
150
  var import_loadable = require("./view/loadable/index.js");
158
- var import_wait_message = require("./view/modals/wait-message/index.js");
151
+ var import_wait_message = require("./view/wait-message/index.js");
159
152
  var import_session_timeout = require("./view/session-timeout/index.js");
160
153
  var import_session = require("./utils/session.js");
161
154
  var import_actions3 = require("./data/wait-message/actions.js");
162
155
  var import_service_worker = require("./utils/service-worker.js");
163
156
  var import_guest = require("./utils/micro-frontend/guest.js");
164
157
  var import_host = require("./utils/micro-frontend/host.js");
165
- var import_react2 = require("./utils/app-host-integration/react.js");
158
+ var import_react = require("./utils/app-host-integration/react.js");
166
159
  var import_config = require("./utils/app-config/config.js");
167
160
  var import_micro_frontend = require("./utils/micro-frontend/index.js");
168
161
  var import_app_config = require("./utils/app-config/index.js");
@@ -34,10 +34,10 @@ module.exports = __toCommonJS(hosted_app_exports);
34
34
  var import_jsx_runtime = require("react/jsx-runtime");
35
35
  var import_styled_components = __toESM(require("styled-components"));
36
36
  var import_error_toast = require("../error-toast/index.js");
37
- var import_wait_message = require("../modals/wait-message/index.js");
37
+ var import_wait_message = require("../wait-message/index.js");
38
38
  var import_use_breakpoint = require("../breakpoint/use-breakpoint.js");
39
39
  var import_use_window_size_change = require("../use-window-size-change.js");
40
- var import_use_html_wait_message = require("../modals/wait-message/use-html-wait-message.js");
40
+ var import_use_html_wait_message = require("../wait-message/use-html-wait-message.js");
41
41
  var import_style = __toESM(require("./style.js"));
42
42
  const Div = import_styled_components.default.div`
43
43
  height: 100%;
@@ -39,7 +39,7 @@ var import_use_window_size_change = require("../use-window-size-change.js");
39
39
  var import_session_timeout = require("../session-timeout/index.js");
40
40
  var import_live_message = require("../live-message/index.js");
41
41
  var import_error_toast = require("../error-toast/index.js");
42
- var import_wait_message = require("../modals/wait-message/index.js");
42
+ var import_wait_message = require("../wait-message/index.js");
43
43
  var import_style = __toESM(require("./style.js"));
44
44
  const Div = import_styled_components.default.div`
45
45
  height: 100%;
@@ -24,7 +24,7 @@ module.exports = __toCommonJS(use_breakpoint_exports);
24
24
  var import_react = require("react");
25
25
  var import_styled_components = require("styled-components");
26
26
  var import_pubsub_js = require("pubsub-js");
27
- var import_react2 = require("../../data/react.js");
27
+ var import_react_redux = require("../../data/react-redux.js");
28
28
  var import_breakpoint = require("../../data/breakpoint/index.js");
29
29
  var import_use_media_query_list = require("./use-media-query-list.js");
30
30
  var import_constants = require("../../utils/constants.js");
@@ -39,7 +39,7 @@ const useBreakpoint = () => {
39
39
  ["small", "medium", "large"],
40
40
  "large"
41
41
  );
42
- const dispatch = (0, import_react2.useAppDispatch)();
42
+ const dispatch = (0, import_react_redux.useAppDispatch)();
43
43
  (0, import_react.useEffect)(() => {
44
44
  dispatch({ type: import_breakpoint.breakpoint.change, payload: currentBreakpoint });
45
45
  (0, import_pubsub_js.publish)(import_constants.HOST_WINDOW_BREAKPOINT_CHANGED, currentBreakpoint);
@@ -24,11 +24,11 @@ module.exports = __toCommonJS(error_toast_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_react = require("react");
26
26
  var import_ds_toast = require("@elliemae/ds-toast");
27
- var import_react2 = require("../../data/react.js");
27
+ var import_react_redux = require("../../data/react-redux.js");
28
28
  var import_error = require("../../data/error/index.js");
29
29
  const ErrorToast = (0, import_react.memo)((props) => {
30
- const storeError = (0, import_react2.useAppSelector)((state) => state?.error);
31
- const dispatch = (0, import_react2.useAppDispatch)();
30
+ const storeError = (0, import_react_redux.useAppSelector)((state) => state?.error);
31
+ const dispatch = (0, import_react_redux.useAppDispatch)();
32
32
  (0, import_react.useEffect)(() => {
33
33
  if (storeError && (storeError?.description || storeError?.messageText)) {
34
34
  const toastProps = {
@@ -23,9 +23,9 @@ __export(live_message_exports, {
23
23
  module.exports = __toCommonJS(live_message_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_react_aria_live = require("react-aria-live");
26
- var import_react = require("../../data/react.js");
26
+ var import_react_redux = require("../../data/react-redux.js");
27
27
  const LiveMessage = () => {
28
- const message = (0, import_react.useAppSelector)((state) => state.liveMessage?.message);
29
- const ariaLive = (0, import_react.useAppSelector)((state) => state.liveMessage?.ariaLive);
28
+ const message = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.message);
29
+ const ariaLive = (0, import_react_redux.useAppSelector)((state) => state.liveMessage?.ariaLive);
30
30
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_live.LiveMessage, { message, "aria-live": ariaLive });
31
31
  };
@@ -23,7 +23,7 @@ __export(loadable_exports, {
23
23
  module.exports = __toCommonJS(loadable_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_react = require("react");
26
- var import_wait_message_launcher = require("../modals/wait-message/wait-message-launcher.js");
26
+ var import_wait_message_launcher = require("../wait-message/wait-message-launcher.js");
27
27
  const loadable = (importFunc, fallback = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_wait_message_launcher.WaitMessageLauncher, {})) => {
28
28
  const LazyComponent = (0, import_react.lazy)(importFunc);
29
29
  return (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyComponent, { ...props }) });
@@ -23,7 +23,7 @@ __export(login_exports, {
23
23
  module.exports = __toCommonJS(login_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_react = require("react");
26
- var import_react2 = require("../../data/react.js");
26
+ var import_react_redux = require("../../data/react-redux.js");
27
27
  var import_auth = require("../../utils/auth/index.js");
28
28
  var import_actions = require("../../data/auth/actions.js");
29
29
  const Login = ({
@@ -33,7 +33,7 @@ const Login = ({
33
33
  children
34
34
  }) => {
35
35
  const [userAuthorized, setUserAuthorized] = (0, import_react.useState)(false);
36
- const dispatch = (0, import_react2.useAppDispatch)();
36
+ const dispatch = (0, import_react_redux.useAppDispatch)();
37
37
  (0, import_react.useEffect)(() => {
38
38
  (0, import_auth.login)({ clientId, scope, responseType }).then(({ authorized }) => {
39
39
  if (authorized)
@@ -26,11 +26,11 @@ var import_react = require("react");
26
26
  var import_ds_icons = require("@elliemae/ds-icons");
27
27
  var import_ds_button = require("@elliemae/ds-button");
28
28
  var import_ds_dialog = require("@elliemae/ds-dialog");
29
- var import_react2 = require("../../../data/react.js");
29
+ var import_react_redux = require("../../../data/react-redux.js");
30
30
  var import_actions = require("../../../data/navigation-prompt/actions.js");
31
31
  const NavigationPrompt = (0, import_react.memo)(
32
32
  ({ open = false }) => {
33
- const dispatch = (0, import_react2.useAppDispatch)();
33
+ const dispatch = (0, import_react_redux.useAppDispatch)();
34
34
  const cancelDialog = () => dispatch(import_actions.navigationPrompt.cancel());
35
35
  const confirmDialog = () => dispatch(import_actions.navigationPrompt.confirm());
36
36
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_dialog.DSDialog, { isOpen: open, onClickOutside: cancelDialog, centered: true, children: [
@@ -26,7 +26,7 @@ var import_react = require("react");
26
26
  var import_ds_button = require("@elliemae/ds-button");
27
27
  var import_ds_icons = require("@elliemae/ds-icons");
28
28
  var import_ds_dialog = require("@elliemae/ds-dialog");
29
- var import_react2 = require("../../../data/react.js");
29
+ var import_react_redux = require("../../../data/react-redux.js");
30
30
  var import_actions = require("../../../data/logout/actions.js");
31
31
  var import_session = require("../../../utils/session.js");
32
32
  var import_customHooks = require("./customHooks.js");
@@ -34,7 +34,7 @@ const SessionExpiry = (0, import_react.memo)(
34
34
  ({ open, warningNotifiedAt = 0 }) => {
35
35
  const [isOpen, setIsOpen] = (0, import_react.useState)(open);
36
36
  const timeLeft = (0, import_customHooks.useTrackSessionExpiry)(warningNotifiedAt);
37
- const dispatch = (0, import_react2.useAppDispatch)();
37
+ const dispatch = (0, import_react_redux.useAppDispatch)();
38
38
  (0, import_react.useEffect)(() => {
39
39
  setIsOpen(open);
40
40
  }, [open]);
@@ -24,7 +24,7 @@ module.exports = __toCommonJS(render_with_host_data_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_react = require("react");
26
26
  var import_fetch_host_app_data = require("../fetch-host-app-data/index.js");
27
- var import_wait_message_launcher = require("../modals/wait-message/wait-message-launcher.js");
27
+ var import_wait_message_launcher = require("../wait-message/wait-message-launcher.js");
28
28
  const renderWithHostData = (data) => {
29
29
  const {
30
30
  ComponentToRender,
@@ -23,12 +23,12 @@ __export(session_timeout_exports, {
23
23
  module.exports = __toCommonJS(session_timeout_exports);
24
24
  var import_jsx_runtime = require("react/jsx-runtime");
25
25
  var import_react = require("react");
26
- var import_react2 = require("../../data/react.js");
26
+ var import_react_redux = require("../../data/react-redux.js");
27
27
  var import_actions = require("../../data/logout/actions.js");
28
28
  var import_session = require("../../utils/session.js");
29
29
  var import_session_expiry = require("../modals/session-expiry/index.js");
30
30
  const SessionTimeout = () => {
31
- const dispatch = (0, import_react2.useAppDispatch)();
31
+ const dispatch = (0, import_react_redux.useAppDispatch)();
32
32
  const [showSessionExpiryWarning, setSessionExpiryWarning] = (0, import_react.useState)(false);
33
33
  const [warningNotifiedAt, setwarningNotifiedAt] = (0, import_react.useState)();
34
34
  (0, import_react.useEffect)(() => {
@@ -0,0 +1,83 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+ var wait_message_exports = {};
30
+ __export(wait_message_exports, {
31
+ WaitMessage: () => WaitMessage
32
+ });
33
+ module.exports = __toCommonJS(wait_message_exports);
34
+ var import_jsx_runtime = require("react/jsx-runtime");
35
+ var import_react = require("react");
36
+ var import_styled_components = __toESM(require("styled-components"));
37
+ var import_ds_backdrop = require("@elliemae/ds-backdrop");
38
+ var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
39
+ var import_react_redux = require("../../data/react-redux.js");
40
+ var import_use_html_wait_message = require("./use-html-wait-message.js");
41
+ var import_user_wait_event = require("../../analytics/user-wait-event.js");
42
+ const StyledCircularIndicator = (0, import_styled_components.default)(import_ds_circular_progress_indicator.DSCircularIndeterminateIndicator)`
43
+ position: absolute;
44
+ left: 50%;
45
+ top: 50%;
46
+ transform: translate(-50%, -50%);
47
+ `;
48
+ const WaitMessage = (0, import_react.memo)(
49
+ ({
50
+ size = "xl",
51
+ color = "light",
52
+ showText = true,
53
+ withTooltip = false,
54
+ tooltipStartPlacementPreference = "center",
55
+ ...rest
56
+ }) => {
57
+ const isOpen = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.isOpen);
58
+ const message = (0, import_react_redux.useAppSelector)((state) => state.waitMessage?.message);
59
+ (0, import_react.useEffect)(() => {
60
+ if (isOpen)
61
+ (0, import_user_wait_event.waitStartEvent)();
62
+ else
63
+ (0, import_user_wait_event.waitEndEvent)();
64
+ }, [isOpen]);
65
+ (0, import_use_html_wait_message.useHTMLWaitMessage)(isOpen !== null);
66
+ return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_backdrop.DSBackdrop, {}),
68
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
+ StyledCircularIndicator,
70
+ {
71
+ id: "em-loading",
72
+ size,
73
+ color,
74
+ showText,
75
+ withTooltip,
76
+ tooltipStartPlacementPreference,
77
+ ...rest,
78
+ text: message
79
+ }
80
+ )
81
+ ] }) : null;
82
+ }
83
+ );
@@ -22,10 +22,10 @@ __export(wait_message_launcher_exports, {
22
22
  });
23
23
  module.exports = __toCommonJS(wait_message_launcher_exports);
24
24
  var import_react = require("react");
25
- var import_react2 = require("../../../data/react.js");
26
- var import_actions = require("../../../data/wait-message/actions.js");
25
+ var import_react_redux = require("../../data/react-redux.js");
26
+ var import_actions = require("../../data/wait-message/actions.js");
27
27
  const WaitMessageLauncher = () => {
28
- const dispatch = (0, import_react2.useAppDispatch)();
28
+ const dispatch = (0, import_react_redux.useAppDispatch)();
29
29
  (0, import_react.useEffect)(() => {
30
30
  dispatch(import_actions.waitMessage.open());
31
31
  return () => {
@@ -3,7 +3,7 @@ import {
3
3
  useInjectSaga,
4
4
  createManager
5
5
  } from "redux-injectors";
6
- import { useAppDispatch, useAppSelector } from "./react.js";
6
+ import { useAppDispatch, useAppSelector } from "./react-redux.js";
7
7
  import { createAppStore, getStore } from "./store.js";
8
8
  export {
9
9
  createAppStore as configureStore,
@@ -0,0 +1,7 @@
1
+ import { useDispatch, useSelector } from "react-redux";
2
+ const useAppDispatch = () => useDispatch();
3
+ const useAppSelector = useSelector;
4
+ export {
5
+ useAppDispatch,
6
+ useAppSelector
7
+ };
@@ -1,18 +1,17 @@
1
1
  import { configureStore } from "@reduxjs/toolkit";
2
- import { setupListeners } from "@reduxjs/toolkit/query/react";
3
- import { createInjectorsEnhancer } from "redux-injectors";
2
+ import {
3
+ createInjectorsEnhancer
4
+ } from "redux-injectors";
4
5
  import createSagaMiddleware from "redux-saga";
5
6
  import { createReducer } from "./reducers.js";
6
7
  import { enableHotReloading } from "./webpack-hmr.js";
7
- import { queryMiddleware } from "./queryMiddleware.js";
8
- import { listenerMiddleware } from "./listenerMiddleware.js";
9
8
  const rootReducer = createReducer();
10
9
  let appStore = null;
11
10
  const setStore = (store) => {
12
11
  appStore = store;
13
12
  };
14
13
  const getStore = () => appStore;
15
- const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {}) => {
14
+ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = { thunk: false }) => {
16
15
  const { run: runSaga } = sagaMiddleware;
17
16
  const enhancers = [
18
17
  createInjectorsEnhancer({
@@ -22,12 +21,11 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
22
21
  ];
23
22
  const baseStore = configureStore({
24
23
  reducer: rootReducer,
25
- middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware).concat([sagaMiddleware, queryMiddleware]),
24
+ middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).concat(sagaMiddleware),
26
25
  devTools: true,
27
26
  preloadedState: initialState,
28
27
  enhancers
29
28
  });
30
- setupListeners(baseStore.dispatch);
31
29
  enableHotReloading(baseStore);
32
30
  return baseStore;
33
31
  };
package/dist/esm/index.js CHANGED
@@ -3,25 +3,17 @@ import {
3
3
  getHTTPClient,
4
4
  getAuthHTTPClient
5
5
  } from "./communication/http-client/index.js";
6
- import { sdkBaseQuery } from "./communication/http-client/baseQuery.js";
7
6
  import { onAuthorizationFailure } from "./communication/http-client/response-interceptor.js";
8
7
  import { auth } from "./data/auth/actions.js";
9
8
  import { RequireAuth } from "./view/require-auth.js";
10
9
  import { Page } from "./view/page.js";
11
10
  import { default as default2 } from "./utils/constants.js";
11
+ import { useAppDispatch, useAppSelector } from "./data/react-redux.js";
12
12
  import {
13
13
  useInjectReducer,
14
14
  useInjectSaga,
15
15
  createManager
16
16
  } from "redux-injectors";
17
- import {
18
- useInjectQuery,
19
- useInjectListener,
20
- useAppDispatch,
21
- useAppSelector,
22
- useAppMiddleware
23
- } from "./data/react.js";
24
- import { errorMiddleware } from "./data/errorMiddleware.js";
25
17
  import { getAuthorizationHeader } from "./utils/auth/helper.js";
26
18
  import { getRedirectUrl, removeDoubleSlash } from "./utils/url.js";
27
19
  import { createAppStore } from "./data/store.js";
@@ -29,7 +21,7 @@ import { browserHistory, memoryHistory } from "./utils/history.js";
29
21
  import { Themes } from "./utils/constants.js";
30
22
  import { ACTIONS } from "./data/navigation-prompt/actions.js";
31
23
  import { loadable } from "./view/loadable/index.js";
32
- import { WaitMessage } from "./view/modals/wait-message/index.js";
24
+ import { WaitMessage } from "./view/wait-message/index.js";
33
25
  import { SessionTimeout } from "./view/session-timeout/index.js";
34
26
  import {
35
27
  subscribeToSessionExpiryWarning,
@@ -166,7 +158,6 @@ export {
166
158
  createManager,
167
159
  enableReactAppForHostIntegration,
168
160
  actions2 as error,
169
- errorMiddleware,
170
161
  fetchHostAppData,
171
162
  getUser as fetchUserSettings,
172
163
  getApiActionCreator,
@@ -204,7 +195,6 @@ export {
204
195
  renderWithRouter,
205
196
  renderWithRouterRedux,
206
197
  resetUserIdleTime,
207
- sdkBaseQuery,
208
198
  sendBAEvent,
209
199
  sendMessageToHost,
210
200
  setAppConfig,
@@ -217,10 +207,7 @@ export {
217
207
  trackActivity,
218
208
  updateBAEventParameters,
219
209
  useAppDispatch,
220
- useAppMiddleware,
221
210
  useAppSelector,
222
- useInjectListener,
223
- useInjectQuery,
224
211
  useInjectReducer,
225
212
  useInjectSaga,
226
213
  useMediaQueryList,
@@ -1,10 +1,10 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import styled from "styled-components";
3
3
  import { ErrorToast } from "../error-toast/index.js";
4
- import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
4
+ import { WaitMessage as DefaultWaitMessage } from "../wait-message/index.js";
5
5
  import { useBreakpoint } from "../breakpoint/use-breakpoint.js";
6
6
  import { useWindowSizeChange } from "../use-window-size-change.js";
7
- import { useHTMLWaitMessage } from "../modals/wait-message/use-html-wait-message.js";
7
+ import { useHTMLWaitMessage } from "../wait-message/use-html-wait-message.js";
8
8
  import GlobalStyle from "./style.js";
9
9
  const Div = styled.div`
10
10
  height: 100%;
@@ -6,7 +6,7 @@ import { useWindowSizeChange } from "../use-window-size-change.js";
6
6
  import { SessionTimeout } from "../session-timeout/index.js";
7
7
  import { LiveMessage } from "../live-message/index.js";
8
8
  import { ErrorToast } from "../error-toast/index.js";
9
- import { WaitMessage as DefaultWaitMessage } from "../modals/wait-message/index.js";
9
+ import { WaitMessage as DefaultWaitMessage } from "../wait-message/index.js";
10
10
  import GlobalStyle from "./style.js";
11
11
  const Div = styled.div`
12
12
  height: 100%;
@@ -1,7 +1,7 @@
1
1
  import { useEffect, useContext } from "react";
2
2
  import { ThemeContext } from "styled-components";
3
3
  import { publish } from "pubsub-js";
4
- import { useAppDispatch } from "../../data/react.js";
4
+ import { useAppDispatch } from "../../data/react-redux.js";
5
5
  import { breakpoint } from "../../data/breakpoint/index.js";
6
6
  import { useMediaQueryList } from "./use-media-query-list.js";
7
7
  import { HOST_WINDOW_BREAKPOINT_CHANGED } from "../../utils/constants.js";
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useEffect, memo } from "react";
3
3
  import { ToastPosition, ToastType, DSToast, toast } from "@elliemae/ds-toast";
4
- import { useAppSelector, useAppDispatch } from "../../data/react.js";
4
+ import { useAppSelector, useAppDispatch } from "../../data/react-redux.js";
5
5
  import { actions as error } from "../../data/error/index.js";
6
6
  const ErrorToast = memo((props) => {
7
7
  const storeError = useAppSelector((state) => state?.error);
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { LiveMessage as AriaLiveMessage } from "react-aria-live";
3
- import { useAppSelector } from "../../data/react.js";
3
+ import { useAppSelector } from "../../data/react-redux.js";
4
4
  const LiveMessage = () => {
5
5
  const message = useAppSelector((state) => state.liveMessage?.message);
6
6
  const ariaLive = useAppSelector((state) => state.liveMessage?.ariaLive);
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { lazy, Suspense } from "react";
3
- import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
3
+ import { WaitMessageLauncher } from "../wait-message/wait-message-launcher.js";
4
4
  const loadable = (importFunc, fallback = /* @__PURE__ */ jsx(WaitMessageLauncher, {})) => {
5
5
  const LazyComponent = lazy(importFunc);
6
6
  return (props) => /* @__PURE__ */ jsx(Suspense, { fallback, children: /* @__PURE__ */ jsx(LazyComponent, { ...props }) });
@@ -1,6 +1,6 @@
1
1
  import { Fragment, jsx } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from "react";
3
- import { useAppDispatch } from "../../data/react.js";
3
+ import { useAppDispatch } from "../../data/react-redux.js";
4
4
  import { login } from "../../utils/auth/index.js";
5
5
  import { LOGIN_SUCCESS } from "../../data/auth/actions.js";
6
6
  const Login = ({
@@ -10,7 +10,7 @@ import {
10
10
  DSDialogSeparator,
11
11
  DSDialogAddon
12
12
  } from "@elliemae/ds-dialog";
13
- import { useAppDispatch } from "../../../data/react.js";
13
+ import { useAppDispatch } from "../../../data/react-redux.js";
14
14
  import { navigationPrompt } from "../../../data/navigation-prompt/actions.js";
15
15
  const NavigationPrompt = memo(
16
16
  ({ open = false }) => {
@@ -11,7 +11,7 @@ import {
11
11
  DSDialogFooter,
12
12
  DSDialogSeparator
13
13
  } from "@elliemae/ds-dialog";
14
- import { useAppDispatch } from "../../../data/react.js";
14
+ import { useAppDispatch } from "../../../data/react-redux.js";
15
15
  import { logout } from "../../../data/logout/actions.js";
16
16
  import {
17
17
  resetUserIdleTime,
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useState, useEffect } from "react";
3
3
  import { fetchHostAppData } from "../fetch-host-app-data/index.js";
4
- import { WaitMessageLauncher } from "../modals/wait-message/wait-message-launcher.js";
4
+ import { WaitMessageLauncher } from "../wait-message/wait-message-launcher.js";
5
5
  const renderWithHostData = (data) => {
6
6
  const {
7
7
  ComponentToRender,
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useEffect, useState } from "react";
3
- import { useAppDispatch } from "../../data/react.js";
3
+ import { useAppDispatch } from "../../data/react-redux.js";
4
4
  import { logout } from "../../data/logout/actions.js";
5
5
  import {
6
6
  initSessionMonitoring,