@pubuduth-aplicy/chat-ui 2.1.70 → 2.1.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pubuduth-aplicy/chat-ui",
-  "version": "2.1.70",
+  "version": "2.1.73",
   "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

@@ -5,35 +5,48 @@ import { Sidebar } from "./sidebar/Sidebar";
 import { useChatContext } from "../providers/ChatProvider";
 
 export const Chat = () => {
-  const {  messages, setMessages, updateMessageStatus } =
-    useChatUIStore();
-  const { socket } = useChatContext();
+  const { setMessages, updateMessageStatus } = useChatUIStore();
+
+  const { socket, sendMessage } = useChatContext();
 
   useEffect(() => {
     if (!socket) return;
 
     const handleMessage = (event: MessageEvent) => {
       try {
-        const data = JSON.parse(event.data);
-        
-        if (data.type === "receiveMessage") {
-          setMessages([...messages, { ...data.message, status: "sent" }]);
-        }
+        const parsed = JSON.parse(event.data);
+        console.log("Parsed WebSocket message:", parsed);
+
+        if (parsed.event === "newMessage") {
+          const message = parsed.data;
+          console.log(
+            "📨 Message received at:",
+            message.createdAt,
+            "from:",
+            message
+          );
+          // Send delivery confirmation
+          // Update UI immediately
+          setMessages((prev) => [...prev, message]);
+          sendMessage({
+            event: "confirmDelivery",
+            data: {
+              messageIds: [message._id],
+              chatId: message.conversationId, // make sure this is sent from backend
+            },
+          });
 
-        if (data.type === "messageDelivered") {
-          updateMessageStatus(data.messageId, "delivered");
+          // Optional: update UI
+          updateMessageStatus(message._id, "delivered");
         }
       } catch (error) {
-        console.error("Error parsing WebSocket message:", error);
+        console.error("WebSocket message parse error:", error);
       }
     };
 
     socket.addEventListener("message", handleMessage);
-
-    return () => {
-      socket.removeEventListener("message", handleMessage);
-    };
-  }, [socket, messages, setMessages, updateMessageStatus]);
+    return () => socket.removeEventListener("message", handleMessage);
+  }, [socket, setMessages, sendMessage, updateMessageStatus]);
 
   return (
     <div className="container mx-auto mb-5">
@@ -47,4 +60,4 @@ export const Chat = () => {
       </div>
     </div>
   );
-};
+};