@blockspark/chat-widget 1.0.20 → 1.0.21

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React, { useState, useEffect, useCallback, useRef } from "react";
-import { c as createChatService, l as linkifyText, a as createDialogflowSession, C as ChatResolvedError, s as sendDialogflowMessage } from "./sanitize-Cm1kskSD.js";
+import { c as createChatService, l as linkifyText, a as createDialogflowSession, C as ChatResolvedError, s as sendDialogflowMessage } from "./sanitize-Q7JIm8H8.js";
 import require$$0 from "react-dom";
 const MODE_STORAGE_KEY = "chartsconnectect_chat_mode";
 const CHAT_ID_STORAGE_KEY = "chartsconnect_chat_id";
@@ -88,25 +88,19 @@ function ChatWidget$1({
   const [wsConnected, setWsConnected] = useState(false);
   const [agentTyping, setAgentTyping] = useState(false);
   const [currentAgent, setCurrentAgent] = useState({ name: "Agent" });
-  const [collectingUserInfo, setCollectingUserInfo] = useState(false);
   const [chatResolved, setChatResolved] = useState(false);
   const [isStartingNewChat, setIsStartingNewChat] = useState(false);
   const [agentAccepted, setAgentAccepted] = useState(false);
-  const [userInfoStep, setUserInfoStep] = useState(null);
-  const [collectedUserName, setCollectedUserName] = useState("");
-  const [collectedUserEmail, setCollectedUserEmail] = useState("");
-  const [collectedUserMobile, setCollectedUserMobile] = useState("");
-  const collectedUserNameRef = useRef("");
   const messagesEndRef = useRef(null);
   const typingTimeoutRef = useRef(null);
   const agentTypingTimeoutRef = useRef(null);
   const creatingSessionRef = useRef(false);
   const createSessionRef = useRef(null);
   const getBackendBaseUrl = () => {
-    return backendBaseUrl || typeof process !== "undefined" && process.env?.REACT_APP_BACKEND_BASE_URL;
+    return backendBaseUrl || "https://chartconnect.blockspark.in";
   };
   const getBackendWsUrl = () => {
-    return backendWsUrl || typeof process !== "undefined" && process.env?.REACT_APP_BACKEND_WS_URL;
+    return backendWsUrl || "wss://chartconnect.blockspark.in";
   };
   const chatServiceRef = useRef(
     createChatService({
@@ -150,12 +144,6 @@ function ChatWidget$1({
         switchToBotMode();
         setChatResolved(false);
         setMessages([]);
-        setCollectingUserInfo(false);
-        setUserInfoStep(null);
-        setCollectedUserName("");
-        setCollectedUserEmail("");
-        setCollectedUserMobile("");
-        collectedUserNameRef.current = "";
         if (createSessionRef.current) {
           createSessionRef.current().catch(console.error);
         }
@@ -168,14 +156,8 @@ function ChatWidget$1({
     if (isStartingNewChat) return;
     setIsStartingNewChat(true);
     try {
-      const customerName = collectedUserNameRef.current || collectedUserName || null;
-      const customerEmail = collectedUserEmail || null;
-      const customerMobile = collectedUserMobile || null;
       const newSession = await chatServiceRef.current.startSupportChat(
-        sessionId || null,
-        customerName,
-        customerEmail,
-        customerMobile
+        sessionId || null
       );
       switchToHumanMode();
       setChatId(newSession.chat_id);
@@ -197,9 +179,6 @@ function ChatWidget$1({
       setIsStartingNewChat(false);
     }
   }, [
-    collectedUserEmail,
-    collectedUserMobile,
-    collectedUserName,
     debug,
     isStartingNewChat,
     sessionId,
@@ -461,17 +440,14 @@ function ChatWidget$1({
       historyLoadedRef.current = null;
     }
   }, [currentMode, chatId, supportSessionId, loadMessageHistory, messages.length]);
-  const handleHandoff = async (customerName, customerEmail, customerMobile) => {
+  const handleHandoff = async (webhookChatId, webhookSessionId) => {
     try {
       setIsConnectingToAgent(true);
       const dialogflowSessionId = sessionId;
-      const session = await chatServiceRef.current.ensureChatInitialized(
+      const session = webhookChatId && webhookSessionId ? { chat_id: webhookChatId, session_id: webhookSessionId } : await chatServiceRef.current.ensureChatInitialized(
         chatId,
         supportSessionId,
-        dialogflowSessionId || null,
-        customerName || null,
-        customerEmail || null,
-        customerMobile || null
+        dialogflowSessionId || null
       );
       if (!session || !session.chat_id) {
         throw new Error("Failed to initialize chat session");
@@ -485,59 +461,54 @@ function ChatWidget$1({
           console.log("✅ Chat initialized:", { chatId: currentChatId, sessionId: currentSupportSessionId });
         }
       }
-      try {
-        await chatServiceRef.current.requestHandoff(
-          currentChatId,
-          currentSupportSessionId,
-          "Customer requested human agent",
-          dialogflowSessionId || null,
-          customerName || null,
-          customerEmail || null,
-          customerMobile || null
-        );
-        if (debug) {
-          console.log("✅ Handoff requested successfully");
-        }
-      } catch (handoffError) {
-        if (handoffError.message?.includes("Invalid chat_id") || handoffError.message?.includes("Chat not found") || handoffError.message?.includes("unauthorized") || handoffError.message?.includes("400") || handoffError.message?.includes("401") || handoffError.message?.includes("404") || handoffError.message?.includes("expired")) {
-          if (debug) {
-            console.log("⚠️ Chat expired or not found. Re-initializing chat...");
-          }
-          setChatId(null);
-          setSupportSessionId(null);
-          const newSession = await chatServiceRef.current.startSupportChat(
-            dialogflowSessionId || null,
-            customerName || null,
-            customerEmail || null,
-            customerMobile || null
-          );
-          if (!newSession || !newSession.chat_id) {
-            throw new Error("Failed to re-initialize chat session");
-          }
-          const newChatId = newSession.chat_id;
-          const newSessionId = newSession.session_id;
-          setChatId(newChatId);
-          setSupportSessionId(newSessionId);
+      if (!webhookChatId) {
+        try {
           await chatServiceRef.current.requestHandoff(
-            newChatId,
-            newSessionId,
+            currentChatId,
+            currentSupportSessionId,
             "Customer requested human agent",
-            dialogflowSessionId || null,
-            customerName || null,
-            customerEmail || null,
-            customerMobile || null
+            dialogflowSessionId || null
           );
           if (debug) {
-            console.log("✅ Handoff requested successfully after retry");
+            console.log("✅ Handoff requested successfully");
           }
-          const newSessionKey = `${newChatId}-${newSessionId}`;
-          if (historyLoadedRef.current !== newSessionKey) {
-            historyLoadedRef.current = newSessionKey;
-            await loadMessageHistory(true);
+        } catch (handoffError) {
+          if (handoffError.message?.includes("Invalid chat_id") || handoffError.message?.includes("Chat not found") || handoffError.message?.includes("unauthorized") || handoffError.message?.includes("400") || handoffError.message?.includes("401") || handoffError.message?.includes("404") || handoffError.message?.includes("expired")) {
+            if (debug) {
+              console.log("⚠️ Chat expired or not found. Re-initializing chat...");
+            }
+            setChatId(null);
+            setSupportSessionId(null);
+            const newSession = await chatServiceRef.current.startSupportChat(
+              dialogflowSessionId || null
+            );
+            if (!newSession || !newSession.chat_id) {
+              throw new Error("Failed to re-initialize chat session");
+            }
+            const newChatId = newSession.chat_id;
+            const newSessionId = newSession.session_id;
+            setChatId(newChatId);
+            setSupportSessionId(newSessionId);
+            await chatServiceRef.current.requestHandoff(
+              newChatId,
+              newSessionId,
+              "Customer requested human agent",
+              dialogflowSessionId || null
+            );
+            if (debug) {
+              console.log("✅ Handoff requested successfully after retry");
+            }
+            const newSessionKey = `${newChatId}-${newSessionId}`;
+            if (historyLoadedRef.current !== newSessionKey) {
+              historyLoadedRef.current = newSessionKey;
+              await loadMessageHistory(true);
+            }
+          } else {
+            throw handoffError;
           }
-        } else {
-          throw handoffError;
         }
+      } else if (debug) {
+        console.log("✅ Using webhook-created chat, skipping requestHandoff");
       }
       switchToHumanMode();
       setChatResolved(false);
@@ -625,92 +596,6 @@ function ChatWidget$1({
   createSessionRef.current = createSession;
   const sendMessage = async (text, displayText, skipUserMessage = false) => {
     if (!text.trim()) return;
-    if (collectingUserInfo) {
-      if (userInfoStep === "name") {
-        const name = text.trim();
-        setCollectedUserName(name);
-        collectedUserNameRef.current = name;
-        setUserInfoStep("email");
-        const userMessage = {
-          id: Date.now().toString(),
-          text: name,
-          sender: "user",
-          timestamp: /* @__PURE__ */ new Date()
-        };
-        setMessages((prev) => [...prev, userMessage]);
-        const emailPrompt = {
-          id: (Date.now() + 1).toString(),
-          text: "Thank you! Now please provide your email address:",
-          sender: "bot",
-          timestamp: /* @__PURE__ */ new Date()
-        };
-        setMessages((prev) => [...prev, emailPrompt]);
-        setInputValue("");
-        return;
-      } else if (userInfoStep === "email") {
-        const email = text.trim();
-        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        if (!emailRegex.test(email)) {
-          const invalidEmailMessage = {
-            id: (Date.now() + 1).toString(),
-            text: "Please provide a valid email address:",
-            sender: "bot",
-            timestamp: /* @__PURE__ */ new Date()
-          };
-          setMessages((prev) => [...prev, invalidEmailMessage]);
-          setInputValue("");
-          return;
-        }
-        setCollectedUserEmail(email);
-        setUserInfoStep("mobile");
-        const userMessage = {
-          id: Date.now().toString(),
-          text: email,
-          sender: "user",
-          timestamp: /* @__PURE__ */ new Date()
-        };
-        setMessages((prev) => [...prev, userMessage]);
-        const mobilePrompt = {
-          id: (Date.now() + 1).toString(),
-          text: "Thank you! Now please provide your mobile number:",
-          sender: "bot",
-          timestamp: /* @__PURE__ */ new Date()
-        };
-        setMessages((prev) => [...prev, mobilePrompt]);
-        setInputValue("");
-        return;
-      } else if (userInfoStep === "mobile") {
-        const mobile = text.trim();
-        const mobileRegex = /^[\+]?[(]?[0-9]{1,4}[)]?[-\s\.]?[(]?[0-9]{1,4}[)]?[-\s\.]?[0-9]{1,9}$/;
-        if (!mobileRegex.test(mobile) || mobile.length < 10) {
-          const invalidMobileMessage = {
-            id: (Date.now() + 1).toString(),
-            text: "Please provide a valid mobile number (e.g., +1234567890):",
-            sender: "bot",
-            timestamp: /* @__PURE__ */ new Date()
-          };
-          setMessages((prev) => [...prev, invalidMobileMessage]);
-          setInputValue("");
-          return;
-        }
-        setCollectedUserMobile(mobile);
-        const userMessage = {
-          id: Date.now().toString(),
-          text: mobile,
-          sender: "user",
-          timestamp: /* @__PURE__ */ new Date()
-        };
-        setMessages((prev) => [...prev, userMessage]);
-        const userName = collectedUserNameRef.current;
-        const userEmail = collectedUserEmail;
-        setCollectingUserInfo(false);
-        setUserInfoStep(null);
-        collectedUserNameRef.current = "";
-        await handleHandoff(userName, userEmail, mobile);
-        setInputValue("");
-        return;
-      }
-    }
     if (currentMode === "HUMAN") {
       if (!chatId || !supportSessionId) {
         const errorMessage = {
@@ -757,10 +642,7 @@ function ChatWidget$1({
           setSupportSessionId(null);
           try {
             const newSession = await chatServiceRef.current.startSupportChat(
-              sessionId || null,
-              null,
-              null,
-              null
+              sessionId || null
             );
             setChatId(newSession.chat_id);
             setSupportSessionId(newSession.session_id);
@@ -854,36 +736,29 @@ function ChatWidget$1({
         console.log("Handoff detected:", data.handoff);
       }
       if (data.handoff === true) {
-        const botMessage2 = {
+        if (data.response || data.richContent) {
+          const botMessage = {
+            id: (Date.now() + 1).toString(),
+            text: data.response,
+            sender: "bot",
+            timestamp: new Date(data.timestamp || Date.now()),
+            richContent: data.richContent
+          };
+          setMessages((prev) => [...prev, botMessage]);
+        }
+        await handleHandoff(data.chat_id, data.support_session_id);
+        return;
+      }
+      if (data.response || data.richContent) {
+        const botMessage = {
           id: (Date.now() + 1).toString(),
           text: data.response,
           sender: "bot",
           timestamp: new Date(data.timestamp || Date.now()),
           richContent: data.richContent
         };
-        setMessages((prev) => [...prev, botMessage2]);
-        setCollectingUserInfo(true);
-        setUserInfoStep("name");
-        setCollectedUserName("");
-        setCollectedUserEmail("");
-        collectedUserNameRef.current = "";
-        const namePrompt = {
-          id: (Date.now() + 2).toString(),
-          text: "To connect you with a human agent, I'll need some information. Please provide your name:",
-          sender: "bot",
-          timestamp: /* @__PURE__ */ new Date()
-        };
-        setMessages((prev) => [...prev, namePrompt]);
-        return;
+        setMessages((prev) => [...prev, botMessage]);
       }
-      const botMessage = {
-        id: (Date.now() + 1).toString(),
-        text: data.response,
-        sender: "bot",
-        timestamp: new Date(data.timestamp || Date.now()),
-        richContent: data.richContent
-      };
-      setMessages((prev) => [...prev, botMessage]);
     } catch (error) {
       console.error("Error sending message:", error);
       if (debug) {