@natoe/colab 0.1.26 → 0.1.27

package/dist/index.mjs

@@ -5071,6 +5071,8 @@ function useInlineCollab({
   const elementRef = useRef(null);
   const observerRef = useRef(null);
   const subscribedConversationIdRef = useRef(null);
+  const latestMessageIdRef = useRef(null);
+  const lastMarkedReadIdRef = useRef(null);
   const channelSubscriptionRef = useRef(null);
   const trimToLimit = useCallback(
     (msgs) => msgs.length > messageLimit ? msgs.slice(msgs.length - messageLimit) : msgs,
@@ -5080,6 +5082,18 @@ function useInlineCollab({
     () => buildChannelName(patientData),
     [patientData]
   );
+  useEffect(() => {
+    latestMessageIdRef.current = messages[messages.length - 1]?.id ?? null;
+  }, [messages]);
+  const markLatestRead = useCallback(
+    (conversationId) => {
+      const messageId = latestMessageIdRef.current;
+      if (!messageId || lastMarkedReadIdRef.current === messageId) return;
+      lastMarkedReadIdRef.current = messageId;
+      socket.markAsRead(conversationId, messageId);
+    },
+    [socket]
+  );
   useEffect(() => {
     let cancelled = false;
     const load = async () => {
@@ -5213,6 +5227,7 @@ function useInlineCollab({
       try {
         await socket.sendMessage(preview.conversationId, payload);
         setUnreadCount(0);
+        markLatestRead(preview.conversationId);
       } catch (err) {
         setError(err instanceof Error ? err.message : "Failed to send message");
         config.onError?.({
@@ -5231,7 +5246,8 @@ function useInlineCollab({
       invalidatePreview,
       subscribe,
       socket,
-      config
+      config,
+      markLatestRead
     ]
   );
   const sendMessage = useCallback(