@baseportal/chat-widget 0.1.0 → 0.1.1

package/dist/index.esm.js

@@ -303,7 +303,7 @@ function ChatBubble({
 }
 
 // src/ui/components/ChatWindow.tsx
-import { useCallback as useCallback3, useEffect as useEffect3, useState as useState3 } from "preact/hooks";
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "preact/hooks";
 
 // src/ui/components/ConversationList.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
@@ -709,6 +709,8 @@ function ChatWindow({
   const [uploading, setUploading] = useState3(false);
   const isOpen = conversation?.open !== false;
   const allowViewHistory = channelInfo.config.allowViewHistory && isAuthenticated;
+  const startNewConversationRef = useRef3(async () => {
+  });
   useEffect3(() => {
     const init = async () => {
       setLoading(true);
@@ -795,11 +797,26 @@ function ChatWindow({
           );
           if (!conv.open) {
             events.emit("conversation:closed", conv);
+            setTimeout(() => {
+              realtimeClient.unsubscribe();
+              storage.clear();
+              setConversation(null);
+              setMessages([]);
+              if (allowViewHistory) {
+                apiClient.getVisitorConversations().then(setConversations).catch(() => {
+                });
+                setView("conversations");
+              } else if (needsPreChat()) {
+                setView("prechat");
+              } else {
+                startNewConversationRef.current();
+              }
+            }, 2e3);
           }
         }
       });
     },
-    [realtimeClient, events]
+    [realtimeClient, events, storage, allowViewHistory, apiClient, needsPreChat]
   );
   const openConversation = useCallback3(
     async (conv) => {
@@ -838,6 +855,7 @@ function ChatWindow({
       setLoading(false);
     }
   }, [apiClient, visitor, storage, connectRealtime, events]);
+  startNewConversationRef.current = startNewConversation;
   const handlePreChatSubmit = useCallback3(
     async (data) => {
       storage.setVisitor({ ...visitor, ...data });
@@ -907,11 +925,28 @@ function ChatWindow({
     } catch (e) {
       console.error("[BaseportalChat] Error sending message:", e);
       setMessages((prev) => prev.filter((m) => m.id !== tempId));
-      setInputValue(content);
+      const errMsg = e instanceof Error ? e.message : "";
+      if (errMsg.includes("Row not found") || errMsg.includes("404")) {
+        realtimeClient.unsubscribe();
+        storage.clear();
+        setConversation(null);
+        setMessages([]);
+        if (allowViewHistory) {
+          apiClient.getVisitorConversations().then(setConversations).catch(() => {
+          });
+          setView("conversations");
+        } else if (needsPreChat()) {
+          setView("prechat");
+        } else {
+          await startNewConversationRef.current();
+        }
+      } else {
+        setInputValue(content);
+      }
     } finally {
       setSending(false);
     }
-  }, [inputValue, uploadedFileId, conversation, sending, apiClient, events]);
+  }, [inputValue, uploadedFileId, conversation, sending, apiClient, events, realtimeClient, storage, allowViewHistory, needsPreChat]);
   const handleReopen = useCallback3(async () => {
     if (!conversation) return;
     try {