@natoe/colab 0.1.26 → 0.1.27

package/dist/index.js

@@ -5077,6 +5077,8 @@ function useInlineCollab({
   const elementRef = React4.useRef(null);
   const observerRef = React4.useRef(null);
   const subscribedConversationIdRef = React4.useRef(null);
+  const latestMessageIdRef = React4.useRef(null);
+  const lastMarkedReadIdRef = React4.useRef(null);
   const channelSubscriptionRef = React4.useRef(null);
   const trimToLimit = React4.useCallback(
     (msgs) => msgs.length > messageLimit ? msgs.slice(msgs.length - messageLimit) : msgs,
@@ -5086,6 +5088,18 @@ function useInlineCollab({
     () => buildChannelName(patientData),
     [patientData]
   );
+  React4.useEffect(() => {
+    latestMessageIdRef.current = messages[messages.length - 1]?.id ?? null;
+  }, [messages]);
+  const markLatestRead = React4.useCallback(
+    (conversationId) => {
+      const messageId = latestMessageIdRef.current;
+      if (!messageId || lastMarkedReadIdRef.current === messageId) return;
+      lastMarkedReadIdRef.current = messageId;
+      socket.markAsRead(conversationId, messageId);
+    },
+    [socket]
+  );
   React4.useEffect(() => {
     let cancelled = false;
     const load = async () => {
@@ -5219,6 +5233,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?.({
@@ -5237,7 +5252,8 @@ function useInlineCollab({
       invalidatePreview,
       subscribe,
       socket,
-      config
+      config,
+      markLatestRead
     ]
   );
   const sendMessage = React4.useCallback(