@baseportal/chat-widget 0.1.0 → 0.1.2

package/dist/index.esm.js

@@ -42,6 +42,9 @@ var ApiClient = class {
       channelToken: this.channelToken
     });
   }
+  async getConversation(conversationId) {
+    return this.request("GET", `/conversations/${conversationId}`);
+  }
   async getMessages(conversationId, params) {
     const qs = new URLSearchParams();
     if (params?.limit) qs.set("limit", String(params.limit));
@@ -303,7 +306,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 +712,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);
@@ -736,11 +741,21 @@ function ChatWindow({
           const storedId = initialConversationId || storage.getConversationId();
           if (storedId) {
             try {
-              const msgs = await apiClient.getMessages(storedId, { limit: 50 });
-              setMessages(Array.isArray(msgs) ? msgs.reverse() : []);
-              setConversation({ id: storedId, open: true });
-              setView("chat");
-              connectRealtime(storedId);
+              const conv = await apiClient.getConversation(storedId);
+              if (!conv.open) {
+                storage.clear();
+                if (needsPreChat()) {
+                  setView("prechat");
+                } else {
+                  await startNewConversation();
+                }
+              } else {
+                const msgs = await apiClient.getMessages(storedId, { limit: 50 });
+                setMessages(Array.isArray(msgs) ? msgs.reverse() : []);
+                setConversation(conv);
+                setView("chat");
+                connectRealtime(storedId);
+              }
             } catch {
               storage.clear();
               if (needsPreChat()) {
@@ -795,11 +810,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 +868,7 @@ function ChatWindow({
       setLoading(false);
     }
   }, [apiClient, visitor, storage, connectRealtime, events]);
+  startNewConversationRef.current = startNewConversation;
   const handlePreChatSubmit = useCallback3(
     async (data) => {
       storage.setVisitor({ ...visitor, ...data });
@@ -907,11 +938,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 {