@janovix/blocks 1.2.0-rc.11 → 1.2.0-rc.13

package/dist/index.js

@@ -4998,6 +4998,34 @@ function NotificationsWidget({
     getIsReadRef.current = getIsRead;
   }, [getIsRead]);
   const unreadCount = notifications.filter((n) => !getIsRead(n)).length;
+  React2.useEffect(() => {
+    setOptimisticReadIds((prev) => {
+      const next = new Set(prev);
+      let changed = false;
+      const notificationIds = new Set(notifications.map((n) => n.id));
+      prev.forEach((id) => {
+        const notification = notifications.find((n) => n.id === id);
+        if (!notificationIds.has(id)) {
+          next.delete(id);
+          changed = true;
+          console.log(
+            "[NotificationsWidget] Removing stale optimistic ID:",
+            id
+          );
+          return;
+        }
+        if (notification?.read === true) {
+          next.delete(id);
+          changed = true;
+          console.log(
+            "[NotificationsWidget] Clearing optimistic state for server-confirmed read:",
+            id
+          );
+        }
+      });
+      return changed ? next : prev;
+    });
+  }, [notifications]);
   React2.useEffect(() => {
     console.log(
       "[NotificationsWidget] Notifications received:",
@@ -5058,14 +5086,9 @@ function NotificationsWidget({
       try {
         await Promise.resolve(onMarkAsRead(notificationId));
         console.log(
-          "[NotificationsWidget] Successfully marked as read:",
+          "[NotificationsWidget] Successfully marked as read (keeping optimistic state):",
           notificationId
         );
-        setOptimisticReadIds((prev) => {
-          const next = new Set(prev);
-          next.delete(notificationId);
-          return next;
-        });
       } catch (error) {
         console.error(
           "[NotificationsWidget] Failed to mark as read, reverting:",