@nivaro/react 0.1.26 → 0.1.27

package/dist/index.d.ts

@@ -1711,7 +1711,7 @@ export declare function useTypingIndicator(room: string | null): {
     typingText: string | null;
 };
 
-export declare function useUnreadChirp(totalUnread: number): void;
+export declare function useUnreadChirp(totalUnread: number, rooms?: RoomInfo[]): void;
 
 export declare function useWatchFields(form: UseNivaroFormReturn, fields: string[]): Record<string, unknown>;
 

package/dist/index.js

@@ -1877,11 +1877,30 @@ function useCreateChannel() {
   });
 }
 let prevUnread = 0;
-function useUnreadChirp(e) {
-  const t = useChatConfig();
+const prevByRoom = /* @__PURE__ */ new Map();
+function useUnreadChirp(e, t) {
+  const s = useChatConfig();
   useEffect(() => {
-    t.sound && e > prevUnread && playChirp(), prevUnread = e;
-  }, [e, t.sound]);
+    const n = e > prevUnread;
+    if (s.sound && n && playChirp(), t) {
+      const r = prevByRoom.size > 0;
+      for (const a of t) {
+        const l = prevByRoom.get(a.room) ?? 0;
+        if (r && !a.muted && a.unread > l) {
+          const i = a.lastMessage, o = i != null && i.sender_name ? String(i.sender_name).trim() : null;
+          toast(
+            a.kind === "dm" ? `New message from ${o || a.label}` : `New message in ${a.label}${o ? ` — ${o}` : ""}`,
+            {
+              description: i != null && i.message ? String(i.message).replace(/<[^>]*>/g, "").slice(0, 90) : void 0,
+              duration: 4e3
+            }
+          );
+        }
+        prevByRoom.set(a.room, a.unread);
+      }
+    }
+    prevUnread = e;
+  }, [e, s.sound, t]);
 }
 function useMarkRoomRead() {
   const e = useNivaroClient(), t = useQueryClient();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nivaro/react",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "React hooks and components for Nivaro CMS forms",
   "type": "module",
   "main": "./dist/index.js",