@baseportal/chat-widget 0.1.0 → 0.1.2

package/dist/index.cjs.js

@@ -79,6 +79,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));
@@ -746,6 +749,8 @@ function ChatWindow({
   const [uploading, setUploading] = (0, import_hooks5.useState)(false);
   const isOpen = conversation?.open !== false;
   const allowViewHistory = channelInfo.config.allowViewHistory && isAuthenticated;
+  const startNewConversationRef = (0, import_hooks5.useRef)(async () => {
+  });
   (0, import_hooks5.useEffect)(() => {
     const init = async () => {
       setLoading(true);
@@ -773,11 +778,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()) {
@@ -832,11 +847,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 = (0, import_hooks5.useCallback)(
     async (conv) => {
@@ -875,6 +905,7 @@ function ChatWindow({
       setLoading(false);
     }
   }, [apiClient, visitor, storage, connectRealtime, events]);
+  startNewConversationRef.current = startNewConversation;
   const handlePreChatSubmit = (0, import_hooks5.useCallback)(
     async (data) => {
       storage.setVisitor({ ...visitor, ...data });
@@ -944,11 +975,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 = (0, import_hooks5.useCallback)(async () => {
     if (!conversation) return;
     try {