@pubuduth-aplicy/chat-ui 2.2.6 → 2.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.2.6",
+  "version": "2.2.8",
   "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
   "license": "ISC",
   "author": "",

package/src/components/Chat.tsx

@@ -17,7 +17,7 @@ export const Chat = () => {
         const parsed = JSON.parse(event.data);
 
         if (parsed.event === "newMessage") {
-          const message = parsed.data.data;
+          const message = parsed.data;
           // Send delivery confirmation
           // Update UI immediately
           setMessages((prev) => [...prev, message]);
@@ -35,6 +35,22 @@ export const Chat = () => {
 
           // Optional: update UI
           updateMessageStatus(message._id, "delivered");
+
+          // Send read receipt if user is viewing this conversation
+          // This ensures messages are marked as "read" immediately when both users are in the same chat
+          if (message.conversationId === selectedConversation?._id) {
+            sendMessage({
+              event: "messageRead",
+              data: {
+                messageIds: [message._id],
+                chatId: message.conversationId,
+                senderId: message.senderId,
+                receiverId: message.receiverId,
+                receiverRole: message.receiverRole,
+                senderRole: message.senderRole,
+              },
+            });
+          }
         }
       } catch (error) {
         console.error("WebSocket message parse error:", error);

package/src/components/messages/Message.tsx

@@ -546,7 +546,18 @@ const Message = ({ message }: MessageProps) => {
   };
 
     const formatLastMessageTime = (dateString: string) => {
+    // Validate date input
+    if (!dateString) {
+      return "";
+    }
+
     const date = new Date(dateString);
+    
+    // Check if date is valid
+    if (isNaN(date.getTime())) {
+      return "";
+    }
+
     const now = new Date();
 
     const isToday = date.toDateString() === now.toDateString();

package/src/components/sidebar/Conversation.tsx

@@ -25,7 +25,7 @@ const Conversation = ({ conversation }: ConversationProps) => {
     //   "Selected Conversation Data:",
     //   JSON.stringify(conversation, null, 2)
     // );
-    setSelectedConversation(conversation);
+    setSelectedConversation(conversation:any)
     const unreadMessageIds = conversation.unreadMessageIds || [];
     if (unreadMessageIds.length > 0 && socket?.readyState === WebSocket.OPEN) {
       // console.log("unread messages", unreadMessageIds);
@@ -172,4 +172,4 @@ const Conversation = ({ conversation }: ConversationProps) => {
   );
 };
 
-export default memo(Conversation);
+export default memo(Conversation);

package/src/components/sidebar/Conversations.tsx

@@ -360,4 +360,4 @@ const Conversations = () => {
   );
 };
 
-export default Conversations;
+export default Conversations;