@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.
- package/dist/cjs/data/index.js +3 -3
- package/dist/cjs/data/{useAppSelector.js → react-redux.js} +5 -3
- package/dist/cjs/data/store.js +2 -6
- package/dist/cjs/index.js +6 -13
- package/dist/cjs/view/app-root/hosted-app.js +2 -2
- package/dist/cjs/view/app-root/stand-alone-app.js +1 -1
- package/dist/cjs/view/breakpoint/use-breakpoint.js +2 -2
- package/dist/cjs/view/error-toast/index.js +3 -3
- package/dist/cjs/view/live-message/index.js +3 -3
- package/dist/cjs/view/loadable/index.js +1 -1
- package/dist/cjs/view/login/index.js +2 -2
- package/dist/cjs/view/modals/navigation-prompt/index.js +2 -2
- package/dist/cjs/view/modals/session-expiry/index.js +2 -2
- package/dist/cjs/view/render-with-host-data/index.js +1 -1
- package/dist/cjs/view/session-timeout/index.js +2 -2
- package/dist/cjs/view/wait-message/index.js +83 -0
- package/dist/cjs/view/{modals/wait-message → wait-message}/use-html-wait-message.js +0 -0
- package/dist/cjs/view/{modals/wait-message → wait-message}/wait-message-launcher.js +3 -3
- package/dist/esm/data/index.js +1 -1
- package/dist/esm/data/react-redux.js +7 -0
- package/dist/esm/data/store.js +5 -7
- package/dist/esm/index.js +2 -15
- package/dist/esm/view/app-root/hosted-app.js +2 -2
- package/dist/esm/view/app-root/stand-alone-app.js +1 -1
- package/dist/esm/view/breakpoint/use-breakpoint.js +1 -1
- package/dist/esm/view/error-toast/index.js +1 -1
- package/dist/esm/view/live-message/index.js +1 -1
- package/dist/esm/view/loadable/index.js +1 -1
- package/dist/esm/view/login/index.js +1 -1
- package/dist/esm/view/modals/navigation-prompt/index.js +1 -1
- package/dist/esm/view/modals/session-expiry/index.js +1 -1
- package/dist/esm/view/render-with-host-data/index.js +1 -1
- package/dist/esm/view/session-timeout/index.js +1 -1
- package/dist/esm/view/wait-message/index.js +56 -0
- package/dist/esm/view/{modals/wait-message → wait-message}/use-html-wait-message.js +0 -0
- package/dist/esm/view/{modals/wait-message → wait-message}/wait-message-launcher.js +2 -2
- package/dist/types/lib/communication/http-client/index.d.ts +1 -1
- package/dist/types/lib/data/index.d.ts +1 -1
- package/dist/types/lib/data/{useAppDispatch.d.ts → react-redux.d.ts} +3 -0
- package/dist/types/lib/data/store.d.ts +3 -4
- package/dist/types/lib/index.d.ts +2 -4
- package/dist/types/lib/utils/testing/render-with-redux.d.ts +2 -2
- package/dist/types/lib/utils/testing/render-with-router-redux.d.ts +2 -2
- package/dist/types/lib/view/wait-message/index.d.ts +13 -0
- package/dist/types/lib/view/{modals/wait-message → wait-message}/index.stories.d.ts +0 -0
- package/dist/types/lib/view/{modals/wait-message → wait-message}/use-html-wait-message.d.ts +0 -0
- package/dist/types/lib/view/{modals/wait-message → wait-message}/wait-message-launcher.d.ts +0 -0
- package/package.json +5 -3
- package/dist/cjs/communication/http-client/baseQuery.js +0 -42
- package/dist/cjs/data/appMiddleware.js +0 -51
- package/dist/cjs/data/errorMiddleware.js +0 -31
- package/dist/cjs/data/listenerMiddleware.js +0 -58
- package/dist/cjs/data/queryMiddleware.js +0 -50
- package/dist/cjs/data/react.js +0 -32
- package/dist/cjs/data/useAppDispatch.js +0 -25
- package/dist/cjs/data/useAppMiddleware.js +0 -34
- package/dist/cjs/data/useInjectListener.js +0 -34
- package/dist/cjs/data/useInjectQuery.js +0 -33
- package/dist/cjs/view/modals/wait-message/index.js +0 -57
- package/dist/esm/communication/http-client/baseQuery.js +0 -22
- package/dist/esm/data/appMiddleware.js +0 -31
- package/dist/esm/data/errorMiddleware.js +0 -11
- package/dist/esm/data/listenerMiddleware.js +0 -38
- package/dist/esm/data/queryMiddleware.js +0 -30
- package/dist/esm/data/react.js +0 -12
- package/dist/esm/data/useAppDispatch.js +0 -5
- package/dist/esm/data/useAppMiddleware.js +0 -14
- package/dist/esm/data/useAppSelector.js +0 -5
- package/dist/esm/data/useInjectListener.js +0 -17
- package/dist/esm/data/useInjectQuery.js +0 -15
- package/dist/esm/view/modals/wait-message/index.js +0 -40
- package/dist/types/lib/communication/http-client/baseQuery.d.ts +0 -14
- package/dist/types/lib/data/appMiddleware.d.ts +0 -8
- package/dist/types/lib/data/errorMiddleware.d.ts +0 -2
- package/dist/types/lib/data/listenerMiddleware.d.ts +0 -11
- package/dist/types/lib/data/queryMiddleware.d.ts +0 -11
- package/dist/types/lib/data/react.d.ts +0 -5
- package/dist/types/lib/data/useAppMiddleware.d.ts +0 -5
- package/dist/types/lib/data/useAppSelector.d.ts +0 -3
- package/dist/types/lib/data/useInjectListener.d.ts +0 -5
- package/dist/types/lib/data/useInjectQuery.d.ts +0 -7
- package/dist/types/lib/view/modals/wait-message/index.d.ts +0 -7
package/dist/cjs/data/index.js
CHANGED
|
@@ -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: () =>
|
|
25
|
-
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
|
|
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
|
|
20
|
-
__export(
|
|
19
|
+
var react_redux_exports = {};
|
|
20
|
+
__export(react_redux_exports, {
|
|
21
|
+
useAppDispatch: () => useAppDispatch,
|
|
21
22
|
useAppSelector: () => useAppSelector
|
|
22
23
|
});
|
|
23
|
-
module.exports = __toCommonJS(
|
|
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;
|
package/dist/cjs/data/store.js
CHANGED
|
@@ -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).
|
|
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: () =>
|
|
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: () =>
|
|
129
|
-
|
|
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/
|
|
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
|
|
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("../
|
|
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("../
|
|
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("../
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
31
|
-
const dispatch = (0,
|
|
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
|
|
26
|
+
var import_react_redux = require("../../data/react-redux.js");
|
|
27
27
|
const LiveMessage = () => {
|
|
28
|
-
const message = (0,
|
|
29
|
-
const ariaLive = (0,
|
|
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("../
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
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("../
|
|
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
|
|
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,
|
|
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
|
+
);
|
|
File without changes
|
|
@@ -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
|
|
26
|
-
var import_actions = require("
|
|
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,
|
|
28
|
+
const dispatch = (0, import_react_redux.useAppDispatch)();
|
|
29
29
|
(0, import_react.useEffect)(() => {
|
|
30
30
|
dispatch(import_actions.waitMessage.open());
|
|
31
31
|
return () => {
|
package/dist/esm/data/index.js
CHANGED
|
@@ -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,
|
package/dist/esm/data/store.js
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import { configureStore } from "@reduxjs/toolkit";
|
|
2
|
-
import {
|
|
3
|
-
|
|
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).
|
|
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/
|
|
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 "../
|
|
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 "../
|
|
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 "../
|
|
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 "../
|
|
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 "../
|
|
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,
|