@diffsome/react 1.2.7 → 1.2.9

package/dist/index.js

@@ -2824,6 +2824,7 @@ var ChatBubble = ({
   const [loading, setLoading] = (0, import_react24.useState)(false);
   const [typing, setTyping] = (0, import_react24.useState)(false);
   const [unreadCount, setUnreadCount] = (0, import_react24.useState)(0);
+  const seenMessageIds = (0, import_react24.useRef)(/* @__PURE__ */ new Set());
   const initChat = (0, import_react24.useCallback)(async () => {
     if (conversationId) return;
     setLoading(true);
@@ -2837,14 +2838,14 @@ var ChatBubble = ({
       const conn = client.chat.connect(result.conversation_id);
       setConnection(conn);
       const existingMessages = await conn.getMessages();
+      existingMessages.forEach((m) => seenMessageIds.current.add(m.id));
       setMessages(existingMessages);
       conn.onMessage((msg) => {
-        setMessages((prev) => {
-          if (prev.some((m) => m.id === msg.id)) {
-            return prev;
-          }
-          return [...prev, msg];
-        });
+        if (seenMessageIds.current.has(msg.id)) {
+          return;
+        }
+        seenMessageIds.current.add(msg.id);
+        setMessages((prev) => [...prev, msg]);
         if (!isOpen && msg.sender_type !== "visitor") {
           setUnreadCount((c) => c + 1);
         }
@@ -2876,15 +2877,7 @@ var ChatBubble = ({
   const handleSend = async (content) => {
     if (!connection) return;
     try {
-      const sentMessage = await connection.send(content);
-      if (sentMessage) {
-        setMessages((prev) => {
-          if (prev.some((m) => m.id === sentMessage.id)) {
-            return prev;
-          }
-          return [...prev, sentMessage];
-        });
-      }
+      await connection.send(content);
     } catch (error) {
       console.error("Failed to send message:", error);
     }

package/dist/index.mjs

@@ -2490,7 +2490,7 @@ function RichContent({
 }
 
 // src/components/chat/ChatBubble.tsx
-import { useState as useState22, useEffect as useEffect21, useCallback as useCallback22 } from "react";
+import { useState as useState22, useEffect as useEffect21, useCallback as useCallback22, useRef as useRef3 } from "react";
 
 // src/components/chat/ChatWidget.tsx
 import { useRef as useRef2, useEffect as useEffect20 } from "react";
@@ -2732,6 +2732,7 @@ var ChatBubble = ({
   const [loading, setLoading] = useState22(false);
   const [typing, setTyping] = useState22(false);
   const [unreadCount, setUnreadCount] = useState22(0);
+  const seenMessageIds = useRef3(/* @__PURE__ */ new Set());
   const initChat = useCallback22(async () => {
     if (conversationId) return;
     setLoading(true);
@@ -2745,14 +2746,14 @@ var ChatBubble = ({
       const conn = client.chat.connect(result.conversation_id);
       setConnection(conn);
       const existingMessages = await conn.getMessages();
+      existingMessages.forEach((m) => seenMessageIds.current.add(m.id));
       setMessages(existingMessages);
       conn.onMessage((msg) => {
-        setMessages((prev) => {
-          if (prev.some((m) => m.id === msg.id)) {
-            return prev;
-          }
-          return [...prev, msg];
-        });
+        if (seenMessageIds.current.has(msg.id)) {
+          return;
+        }
+        seenMessageIds.current.add(msg.id);
+        setMessages((prev) => [...prev, msg]);
         if (!isOpen && msg.sender_type !== "visitor") {
           setUnreadCount((c) => c + 1);
         }
@@ -2784,15 +2785,7 @@ var ChatBubble = ({
   const handleSend = async (content) => {
     if (!connection) return;
     try {
-      const sentMessage = await connection.send(content);
-      if (sentMessage) {
-        setMessages((prev) => {
-          if (prev.some((m) => m.id === sentMessage.id)) {
-            return prev;
-          }
-          return [...prev, sentMessage];
-        });
-      }
+      await connection.send(content);
     } catch (error) {
       console.error("Failed to send message:", error);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diffsome/react",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "description": "React hooks and providers for Diffsome SDK - Headless e-commerce & CMS",
   "main": "dist/index.js",
   "module": "dist/index.mjs",