@janovix/blocks 1.2.0-rc.12 → 1.2.0-rc.14

package/dist/index.js

@@ -5002,41 +5002,22 @@ function NotificationsWidget({
     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;
+          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:",
-      notifications.length
-    );
-    console.log(
-      "[NotificationsWidget] Unread count:",
-      unreadCount,
-      "| Optimistic read IDs:",
-      Array.from(optimisticReadIds)
-    );
-    console.log(
-      "[NotificationsWidget] Notification read states:",
-      notifications.map((n) => ({
-        id: n.id,
-        title: n.title,
-        read: n.read,
-        isRead: getIsRead(n)
-      }))
-    );
-  }, [notifications, unreadCount, optimisticReadIds, getIsRead]);
   const sortedNotifications = React2.useMemo(
     () => [...notifications].sort(
       (a, b) => b.timestamp.getTime() - a.timestamp.getTime()
@@ -5047,7 +5028,7 @@ function NotificationsWidget({
   const maxListHeight = Math.min(maxVisible, 5) * notificationHeight;
   const hasMore = sortedNotifications.length > maxVisible;
   React2.useEffect(() => {
-    if (playSound && soundType !== "none" && unreadCount > prevCount && prevCount > 0) {
+    if (playSound && soundType !== "none" && unreadCount > prevCount) {
       const now = Date.now();
       if (now - lastSoundPlayedRef.current >= soundCooldown) {
         playNotificationSound(soundType, soundUrl);
@@ -5064,26 +5045,13 @@ function NotificationsWidget({
         (n) => n.id === notificationId
       );
       if (!notification || getIsReadRef.current(notification)) {
-        console.log(
-          "[NotificationsWidget] Skipping handleMarkAsRead - already read or not found:",
-          notificationId
-        );
         return;
       }
-      console.log("[NotificationsWidget] Marking as read:", notificationId);
       processingIdsRef.current.add(notificationId);
       setOptimisticReadIds((prev) => new Set(prev).add(notificationId));
       try {
         await Promise.resolve(onMarkAsRead(notificationId));
-        console.log(
-          "[NotificationsWidget] Successfully marked as read (keeping optimistic state):",
-          notificationId
-        );
-      } catch (error) {
-        console.error(
-          "[NotificationsWidget] Failed to mark as read, reverting:",
-          error
-        );
+      } catch {
         setOptimisticReadIds((prev) => {
           const next = new Set(prev);
           next.delete(notificationId);
@@ -5106,11 +5074,7 @@ function NotificationsWidget({
     });
     try {
       await Promise.resolve(onMarkAllAsRead());
-    } catch (error) {
-      console.error(
-        "[NotificationsWidget] Failed to mark all as read, reverting:",
-        error
-      );
+    } catch {
       setOptimisticReadIds((prev) => {
         const next = new Set(prev);
         unreadIds.forEach((id) => next.delete(id));
@@ -5121,15 +5085,9 @@ function NotificationsWidget({
   React2.useEffect(() => {
     if (!isOpen || !onMarkAsRead) return;
     intersectedIdsRef.current.clear();
-    console.log(
-      "[NotificationsWidget] Creating IntersectionObserver for popover"
-    );
     const timeoutId = setTimeout(() => {
       const scrollContainer = scrollContainerRef.current;
       if (!scrollContainer) {
-        console.warn(
-          "[NotificationsWidget] Scroll container not found for observer"
-        );
         return;
       }
       const observer = new IntersectionObserver(
@@ -5146,18 +5104,7 @@ function NotificationsWidget({
                 );
                 const isRead = notification ? getIsReadRef.current(notification) : false;
                 if (notification && !isRead) {
-                  console.log(
-                    "[NotificationsWidget] Marking notification as read via intersection:",
-                    notificationId
-                  );
                   handleMarkAsRead(notificationId);
-                } else {
-                  console.log(
-                    "[NotificationsWidget] Skipping already-read notification:",
-                    notificationId,
-                    "read=",
-                    isRead
-                  );
                 }
               }
             }
@@ -5172,14 +5119,8 @@ function NotificationsWidget({
       const notificationElements = scrollContainer.querySelectorAll(
         "[data-notification-id]"
       );
-      console.log(
-        "[NotificationsWidget] Observing",
-        notificationElements.length,
-        "notifications"
-      );
       notificationElements.forEach((el) => observer.observe(el));
       return () => {
-        console.log("[NotificationsWidget] Disconnecting IntersectionObserver");
         observer.disconnect();
       };
     }, 100);
@@ -5195,16 +5136,6 @@ function NotificationsWidget({
       onNotificationClick?.(notification);
     }
   };
-  console.log(
-    "[NotificationsWidget] Rendering bell with unreadCount:",
-    unreadCount,
-    "| showDot:",
-    unreadCount > 0,
-    "| dotBgColor:",
-    dotBgColor,
-    "| styles.dot:",
-    styles.dot
-  );
   return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       motion.button,