@calimero-network/mero-react 4.5.0 → 4.6.0

package/dist/index.cjs

@@ -1470,13 +1470,15 @@ function useExecute(contextId, executorId) {
   );
   return { execute, loading, error };
 }
-function useSubscription(contextIds, callback) {
+function useSubscription(input, callback) {
   const { mero } = useMero();
   const callbackRef = react.useRef(callback);
   callbackRef.current = callback;
+  const { contextIds = [], groupIds = [] } = Array.isArray(input) ? { contextIds: input, groupIds: [] } : input;
   const contextIdsKey = JSON.stringify(contextIds);
+  const groupIdsKey = JSON.stringify(groupIds);
   react.useEffect(() => {
-    if (!mero || contextIds.length === 0) return;
+    if (!mero || contextIds.length === 0 && groupIds.length === 0) return;
     const sse = mero.events;
     const handler = (event) => {
       callbackRef.current(event);
@@ -1484,12 +1486,12 @@ function useSubscription(contextIds, callback) {
     sse.on("event", handler);
     sse.connect().catch(() => {
     });
-    sse.subscribe(contextIds).catch(() => {
+    sse.subscribe({ contextIds, groupIds }).catch(() => {
     });
     return () => {
       sse.off("event", handler);
     };
-  }, [mero, contextIdsKey]);
+  }, [mero, contextIdsKey, groupIdsKey]);
 }
 function useContexts(applicationId) {
   const { mero } = useMero();