@elliemae/pui-app-sdk 5.2.4 → 5.2.5

package/dist/cjs/data/listenerMiddleware.js

@@ -18,10 +18,10 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var listenerMiddleware_exports = {};
 __export(listenerMiddleware_exports, {
-  addListener: () => addListener,
+  addSideEffect: () => addSideEffect,
   listenerMiddleware: () => listenerMiddleware,
-  removeListener: () => removeListener,
-  resetListeners: () => resetListeners
+  removeSideEffect: () => removeSideEffect,
+  resetSideEffects: () => resetSideEffects
 });
 module.exports = __toCommonJS(listenerMiddleware_exports);
 var import_toolkit = require("@reduxjs/toolkit");
@@ -32,27 +32,27 @@ const listenerMiddleware = (_listenerAPI) => {
   listenerAPI = _listenerAPI;
   return rtkListenerMiddleware.middleware(listenerAPI);
 };
-const addListener = ({
+const addSideEffect = ({
   key,
   listener
 }) => {
   if (!listenerDispatchFns.has(key) && listenerAPI) {
-    listenerDispatchFns.set(key, listener);
-    listenerAPI.dispatch((0, import_toolkit.addListener)(listener));
+    const unsubscribe = listenerAPI.dispatch(listener);
+    listenerDispatchFns.set(key, unsubscribe);
   }
 };
-const removeListener = (key) => {
-  const listener = listenerDispatchFns.get(key);
-  if (listener && listenerAPI) {
+const removeSideEffect = (key) => {
+  const unsubscribe = listenerDispatchFns.get(key);
+  if (unsubscribe && listenerAPI) {
     listenerDispatchFns.delete(key);
-    listenerAPI.dispatch((0, import_toolkit.removeListener)(listener));
+    listenerAPI.dispatch(unsubscribe);
   }
   return true;
 };
-const resetListeners = () => {
+const resetSideEffects = () => {
   if (listenerAPI) {
-    listenerDispatchFns.forEach((listener) => {
-      listenerAPI.dispatch((0, import_toolkit.removeListener)(listener));
+    listenerDispatchFns.forEach((unsubscribe) => {
+      listenerAPI.dispatch(unsubscribe);
     });
     listenerDispatchFns.clear();
   }

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/esm/data/listenerMiddleware.js

@@ -1,8 +1,4 @@
-import {
-  createListenerMiddleware,
-  addListener as rtkAddListener,
-  removeListener as rtkRemoveListener
-} from "@reduxjs/toolkit";
+import { createListenerMiddleware } from "@reduxjs/toolkit";
 let listenerAPI;
 const rtkListenerMiddleware = createListenerMiddleware();
 const listenerDispatchFns = /* @__PURE__ */ new Map();
@@ -10,34 +6,34 @@ const listenerMiddleware = (_listenerAPI) => {
   listenerAPI = _listenerAPI;
   return rtkListenerMiddleware.middleware(listenerAPI);
 };
-const addListener = ({
+const addSideEffect = ({
   key,
   listener
 }) => {
   if (!listenerDispatchFns.has(key) && listenerAPI) {
-    listenerDispatchFns.set(key, listener);
-    listenerAPI.dispatch(rtkAddListener(listener));
+    const unsubscribe = listenerAPI.dispatch(listener);
+    listenerDispatchFns.set(key, unsubscribe);
   }
 };
-const removeListener = (key) => {
-  const listener = listenerDispatchFns.get(key);
-  if (listener && listenerAPI) {
+const removeSideEffect = (key) => {
+  const unsubscribe = listenerDispatchFns.get(key);
+  if (unsubscribe && listenerAPI) {
     listenerDispatchFns.delete(key);
-    listenerAPI.dispatch(rtkRemoveListener(listener));
+    listenerAPI.dispatch(unsubscribe);
   }
   return true;
 };
-const resetListeners = () => {
+const resetSideEffects = () => {
   if (listenerAPI) {
-    listenerDispatchFns.forEach((listener) => {
-      listenerAPI.dispatch(rtkRemoveListener(listener));
+    listenerDispatchFns.forEach((unsubscribe) => {
+      listenerAPI.dispatch(unsubscribe);
     });
     listenerDispatchFns.clear();
   }
 };
 export {
-  addListener,
+  addSideEffect,
   listenerMiddleware,
-  removeListener,
-  resetListeners
+  removeSideEffect,
+  resetSideEffects
 };

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/types/lib/data/listenerMiddleware.d.ts

@@ -1,10 +1,9 @@
 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, }: {
+export declare const addSideEffect: ({ key, listener, }: {
     key: string;
-    listener: TypedAddListnerArgs<any>;
+    listener: TypedAddListener<unknown>;
 }) => void;
-export declare const removeListener: (key: string) => boolean;
-export declare const resetListeners: () => void;
+export declare const removeSideEffect: (key: string) => boolean;
+export declare const resetSideEffects: () => void;

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 { TypedAddListener } from '@reduxjs/toolkit';
+export declare const useInjectSideEffect: (listener: TypedAddListener<unknown>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-app-sdk",
-  "version": "5.2.4",
+  "version": "5.2.5",
   "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",