@elliemae/pui-app-sdk 5.2.4 → 5.2.6

package/dist/cjs/data/listenerMiddleware.js

@@ -18,42 +18,16 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var listenerMiddleware_exports = {};
 __export(listenerMiddleware_exports, {
-  addListener: () => addListener,
+  clearSideEffects: () => clearSideEffects,
+  createSideEffect: () => createSideEffect,
   listenerMiddleware: () => listenerMiddleware,
-  removeListener: () => removeListener,
-  resetListeners: () => resetListeners
+  removeSideEffect: () => removeSideEffect,
+  startSideEffect: () => startSideEffect
 });
 module.exports = __toCommonJS(listenerMiddleware_exports);
 var import_toolkit = require("@reduxjs/toolkit");
-let listenerAPI;
-const rtkListenerMiddleware = (0, import_toolkit.createListenerMiddleware)();
-const listenerDispatchFns = /* @__PURE__ */ new Map();
-const listenerMiddleware = (_listenerAPI) => {
-  listenerAPI = _listenerAPI;
-  return rtkListenerMiddleware.middleware(listenerAPI);
-};
-const addListener = ({
-  key,
-  listener
-}) => {
-  if (!listenerDispatchFns.has(key) && listenerAPI) {
-    listenerDispatchFns.set(key, listener);
-    listenerAPI.dispatch((0, import_toolkit.addListener)(listener));
-  }
-};
-const removeListener = (key) => {
-  const listener = listenerDispatchFns.get(key);
-  if (listener && listenerAPI) {
-    listenerDispatchFns.delete(key);
-    listenerAPI.dispatch((0, import_toolkit.removeListener)(listener));
-  }
-  return true;
-};
-const resetListeners = () => {
-  if (listenerAPI) {
-    listenerDispatchFns.forEach((listener) => {
-      listenerAPI.dispatch((0, import_toolkit.removeListener)(listener));
-    });
-    listenerDispatchFns.clear();
-  }
-};
+const listenerMiddleware = (0, import_toolkit.createListenerMiddleware)();
+const startSideEffect = listenerMiddleware.startListening;
+const createSideEffect = import_toolkit.addListener;
+const removeSideEffect = import_toolkit.removeListener;
+const clearSideEffects = listenerMiddleware.clearListeners;

package/dist/cjs/data/store.js

@@ -57,7 +57,7 @@ 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).prepend(import_listenerMiddleware.listenerMiddleware.middleware).concat([sagaMiddleware, import_queryMiddleware.queryMiddleware]),
     devTools: true,
     preloadedState: initialState,
     enhancers

package/dist/cjs/data/useInjectSideEffect.js

@@ -22,13 +22,13 @@ __export(useInjectSideEffect_exports, {
 });
 module.exports = __toCommonJS(useInjectSideEffect_exports);
 var import_react = require("react");
-var import_listenerMiddleware = require("./listenerMiddleware.js");
-const useInjectSideEffect = ({
-  key,
-  listener
-}) => (0, import_react.useEffect)(() => {
-  (0, import_listenerMiddleware.addListener)({ key, listener });
-  return () => {
-    (0, import_listenerMiddleware.removeListener)(key);
-  };
-}, [key, listener]);
+var import_useAppDispatch = require("./useAppDispatch.js");
+const useInjectSideEffect = (listener) => {
+  const dispatch = (0, import_useAppDispatch.useAppDispatch)();
+  (0, import_react.useEffect)(() => {
+    const unsubscribe = dispatch(listener);
+    return () => {
+      dispatch(unsubscribe);
+    };
+  }, [listener, dispatch]);
+};

package/dist/cjs/index.js

@@ -74,8 +74,10 @@ __export(lib_exports, {
   authReducer: () => import_reducer.authReducer,
   authSaga: () => import_auth2.authentication,
   authorize: () => import_auth.authorize,
+  clearSideEffects: () => import_listenerMiddleware.clearSideEffects,
   configureStore: () => import_store.createAppStore,
   createManager: () => import_redux_injectors.createManager,
+  createSideEffect: () => import_listenerMiddleware.createSideEffect,
   enableReactAppForHostIntegration: () => import_react2.enableReactAppForHostIntegration,
   error: () => import_error.actions,
   errorMiddleware: () => import_errorMiddleware.errorMiddleware,
@@ -110,6 +112,7 @@ __export(lib_exports, {
   onGuestUnloadStart: () => import_guest_unload_handlers.onGuestUnloadStart,
   redactPii: () => import_redact_pii.redactPii,
   removeDoubleSlash: () => import_url.removeDoubleSlash,
+  removeSideEffect: () => import_listenerMiddleware.removeSideEffect,
   removeStorageEvents: () => import_web_storage.removeStorageEvents,
   renderWithHostData: () => import_render_with_host_data.renderWithHostData,
   renderWithRedux: () => import_render_with_redux.renderWithRedux,
@@ -123,6 +126,7 @@ __export(lib_exports, {
   setAppConfigValue: () => import_config.setAppConfigValue,
   setAppDynamicsUserData: () => import_appdynamics.setAppDynamicsUserData,
   setHostAppData: () => import_store2.setHostAppData,
+  startSideEffect: () => import_listenerMiddleware.startSideEffect,
   subscribeToResetSession: () => import_session.subscribeToResetSession,
   subscribeToSessionExpiry: () => import_session.subscribeToSessionExpiry,
   subscribeToSessionExpiryWarning: () => import_session.subscribeToSessionExpiryWarning,
@@ -153,6 +157,7 @@ var import_constants = __toESM(require("./utils/constants.js"));
 var import_redux_injectors = require("redux-injectors");
 var import_react = require("./data/react.js");
 var import_errorMiddleware = require("./data/errorMiddleware.js");
+var import_listenerMiddleware = require("./data/listenerMiddleware.js");
 var import_helper = require("./utils/auth/helper.js");
 var import_url = require("./utils/url.js");
 var import_store = require("./data/store.js");

package/dist/esm/data/listenerMiddleware.js

@@ -1,43 +1,17 @@
 import {
   createListenerMiddleware,
-  addListener as rtkAddListener,
-  removeListener as rtkRemoveListener
+  addListener,
+  removeListener
 } from "@reduxjs/toolkit";
-let listenerAPI;
-const rtkListenerMiddleware = createListenerMiddleware();
-const listenerDispatchFns = /* @__PURE__ */ new Map();
-const listenerMiddleware = (_listenerAPI) => {
-  listenerAPI = _listenerAPI;
-  return rtkListenerMiddleware.middleware(listenerAPI);
-};
-const addListener = ({
-  key,
-  listener
-}) => {
-  if (!listenerDispatchFns.has(key) && listenerAPI) {
-    listenerDispatchFns.set(key, listener);
-    listenerAPI.dispatch(rtkAddListener(listener));
-  }
-};
-const removeListener = (key) => {
-  const listener = listenerDispatchFns.get(key);
-  if (listener && listenerAPI) {
-    listenerDispatchFns.delete(key);
-    listenerAPI.dispatch(rtkRemoveListener(listener));
-  }
-  return true;
-};
-const resetListeners = () => {
-  if (listenerAPI) {
-    listenerDispatchFns.forEach((listener) => {
-      listenerAPI.dispatch(rtkRemoveListener(listener));
-    });
-    listenerDispatchFns.clear();
-  }
-};
+const listenerMiddleware = createListenerMiddleware();
+const startSideEffect = listenerMiddleware.startListening;
+const createSideEffect = addListener;
+const removeSideEffect = removeListener;
+const clearSideEffects = listenerMiddleware.clearListeners;
 export {
-  addListener,
+  clearSideEffects,
+  createSideEffect,
   listenerMiddleware,
-  removeListener,
-  resetListeners
+  removeSideEffect,
+  startSideEffect
 };

package/dist/esm/data/store.js

@@ -22,7 +22,7 @@ const createStore = (initialState, sagaMiddleware, history, middlewareConfig = {
   ];
   const baseStore = configureStore({
     reducer: rootReducer,
-    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware).concat([sagaMiddleware, queryMiddleware]),
+    middleware: (getDefaultMiddleware) => getDefaultMiddleware(middlewareConfig).prepend(listenerMiddleware.middleware).concat([sagaMiddleware, queryMiddleware]),
     devTools: true,
     preloadedState: initialState,
     enhancers

package/dist/esm/data/useInjectSideEffect.js

@@ -1,17 +1,14 @@
 import { useEffect } from "react";
-import {
-  addListener,
-  removeListener
-} from "./listenerMiddleware.js";
-const useInjectSideEffect = ({
-  key,
-  listener
-}) => useEffect(() => {
-  addListener({ key, listener });
-  return () => {
-    removeListener(key);
-  };
-}, [key, listener]);
+import { useAppDispatch } from "./useAppDispatch.js";
+const useInjectSideEffect = (listener) => {
+  const dispatch = useAppDispatch();
+  useEffect(() => {
+    const unsubscribe = dispatch(listener);
+    return () => {
+      dispatch(unsubscribe);
+    };
+  }, [listener, dispatch]);
+};
 export {
   useInjectSideEffect
 };

package/dist/esm/index.js

@@ -24,6 +24,12 @@ import {
   useAppMiddleware
 } from "./data/react.js";
 import { errorMiddleware } from "./data/errorMiddleware.js";
+import {
+  startSideEffect,
+  createSideEffect,
+  removeSideEffect,
+  clearSideEffects
+} from "./data/listenerMiddleware.js";
 import { getAuthorizationHeader } from "./utils/auth/helper.js";
 import { getRedirectUrl, removeDoubleSlash } from "./utils/url.js";
 import { createAppStore } from "./data/store.js";
@@ -168,8 +174,10 @@ export {
   authReducer,
   authentication as authSaga,
   authorize,
+  clearSideEffects,
   createAppStore as configureStore,
   createManager,
+  createSideEffect,
   enableReactAppForHostIntegration,
   actions2 as error,
   errorMiddleware,
@@ -204,6 +212,7 @@ export {
   onGuestUnloadStart,
   redactPii,
   removeDoubleSlash,
+  removeSideEffect,
   removeStorageEvents,
   renderWithHostData,
   renderWithRedux,
@@ -217,6 +226,7 @@ export {
   setAppConfigValue,
   setAppDynamicsUserData,
   setHostAppData,
+  startSideEffect,
   subscribeToResetSession,
   subscribeToSessionExpiry,
   subscribeToSessionExpiryWarning,

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

@@ -1,10 +1,18 @@
-import { Middleware } from 'redux';
-import { TypedAddListener } from '@reduxjs/toolkit';
-export type TypedAddListnerArgs<State> = Parameters<TypedAddListener<State>>[0];
-export declare const listenerMiddleware: Middleware<any, any>;
-export declare const addListener: ({ key, listener, }: {
-    key: string;
-    listener: TypedAddListnerArgs<any>;
-}) => void;
-export declare const removeListener: (key: string) => boolean;
-export declare const resetListeners: () => void;
+import { TypedAddListener, TypedRemoveListener, TypedStartListening } from '@reduxjs/toolkit';
+import type { RootState, AppDispatch } from './types.js';
+export declare const listenerMiddleware: import("@reduxjs/toolkit").ListenerMiddlewareInstance<unknown, import("@reduxjs/toolkit").ThunkDispatch<unknown, unknown, import("redux").AnyAction>, unknown>;
+export type AppStartListening = TypedStartListening<RootState, AppDispatch>;
+export declare const startSideEffect: AppStartListening;
+export declare const createSideEffect: TypedAddListener<import("redux").CombinedState<{
+    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
+    error: import("./error/index.js").ErrorState;
+    breakpoint: import("./breakpoint/index.js").BreakpointState;
+    liveMessage: import("./live-message/index.js").LiveMessageState;
+}>, AppDispatch>;
+export declare const removeSideEffect: TypedRemoveListener<import("redux").CombinedState<{
+    waitMessage: import("./wait-message/reducer.js").WaitMessageState;
+    error: import("./error/index.js").ErrorState;
+    breakpoint: import("./breakpoint/index.js").BreakpointState;
+    liveMessage: import("./live-message/index.js").LiveMessageState;
+}>, AppDispatch>;
+export declare const clearSideEffects: () => void;

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

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

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

@@ -3,4 +3,5 @@ import { WaitMessageState } from './wait-message/reducer.js';
 import { BreakpointState } from './breakpoint/index.js';
 import { ErrorState } from './error/index.js';
 import { LiveMessageState } from './live-message/index.js';
+export type { RootState, AppStore } from './store.js';
 export type AppDispatch = Dispatch<PayloadAction<WaitMessageState> | PayloadAction<BreakpointState> | PayloadAction<ErrorState> | PayloadAction<LiveMessageState> | AnyAction>;

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

@@ -1,5 +1,2 @@
-import { TypedAddListnerArgs } from './listenerMiddleware.js';
-export declare const useInjectSideEffect: <State>({ key, listener, }: {
-    key: string;
-    listener: TypedAddListnerArgs<State>;
-}) => void;
+import { PayloadAction } from '@reduxjs/toolkit';
+export declare const useInjectSideEffect: (listener: PayloadAction<unknown, string>) => void;

package/dist/types/lib/index.d.ts

@@ -10,8 +10,8 @@ export { Page } from './view/page.js';
 export { default as globalConstants } from './utils/constants.js';
 export { useInjectReducer, useInjectSaga, createManager, } from 'redux-injectors';
 export { useInjectQuery, useInjectSideEffect, useAppDispatch, useAppSelector, useAppMiddleware, } from './data/react.js';
-export type { AppDispatch } from './data/types.js';
 export { errorMiddleware } from './data/errorMiddleware.js';
+export { startSideEffect, createSideEffect, removeSideEffect, clearSideEffects, } from './data/listenerMiddleware.js';
 export { getAuthorizationHeader } from './utils/auth/helper.js';
 export { getRedirectUrl, removeDoubleSlash } from './utils/url.js';
 export { createAppStore as configureStore } from './data/store.js';
@@ -86,7 +86,7 @@ export { updateBAEventParameters } from './analytics/web-analytics.js';
 export { redactPii } from './utils/redact-pii.js';
 export type { EMUI } from './utils/window.js';
 export type { Await } from './utils/await.js';
-export type { RootState, AppStore } from './data/store.js';
+export type { RootState, AppStore, AppDispatch } from './data/types.js';
 export type { AppConfig } from './utils/app-config/config.js';
 export type { OnInitCallback, OnMountCallback, OnUnMountCallback, } from './utils/micro-frontend/guest.js';
 export type { OnInitCallback as OnHostInitCallback } from './utils/micro-frontend/host.js';

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "5.2.4",
+  "version": "5.2.6",
   "description": "ICE MT UI Platform Application SDK ",
   "sideEffects": [
     "*.css",
@@ -151,7 +151,7 @@
     "@elliemae/ds-popperjs": "~3.14.13",
     "@elliemae/ds-toast": "~3.14.13",
     "@elliemae/em-ssf-guest": "~1.11.3",
-    "@elliemae/pui-cli": "~8.4.0",
+    "@elliemae/pui-cli": "~8.5.0",
     "@elliemae/pui-diagnostics": "~3.1.0",
     "@elliemae/pui-doc-gen": "~1.6.4",
     "@elliemae/pui-e2e-test-sdk": "~8.0.0",