@blockspark/chat-widget 1.0.16 → 1.0.18

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React, { useState, useEffect, useCallback, useRef } from "react";
-import { c as createChatService, a as createDialogflowSession, l as linkifyText, C as ChatResolvedError, s as sendDialogflowMessage } from "./sanitize-NEykcppO.js";
+import { c as createChatService, l as linkifyText, a as createDialogflowSession, C as ChatResolvedError, s as sendDialogflowMessage } from "./sanitize-Cm1kskSD.js";
 import require$$0 from "react-dom";
-const MODE_STORAGE_KEY = "blockspark_chat_mode";
-const CHAT_ID_STORAGE_KEY = "blockspark_chat_id";
-const SESSION_ID_STORAGE_KEY = "blockspark_session_id";
+const MODE_STORAGE_KEY = "chartsconnectect_chat_mode";
+const CHAT_ID_STORAGE_KEY = "chartsconnect_chat_id";
+const SESSION_ID_STORAGE_KEY = "chartsconnect_session_id";
 function useChatMode() {
   const [currentMode, setCurrentMode] = useState(() => {
     const savedMode = localStorage.getItem(MODE_STORAGE_KEY);
@@ -59,22 +59,20 @@ function useChatMode() {
   };
 }
 function ChatWidget$1({
-  title = "💬 BlockSpark AI Assistant",
+  title = "💬 Charts Connect AI Assistant",
   subtitle = "We're here to help",
-  welcomeTitle = "👋 Welcome to Blockspark",
-  welcomeMessage = "My name is BlockSpark AI Assistant and I'll guide you.",
+  welcomeTitle = "👋 Welcome to Charts Connect",
+  welcomeMessage = "My name is Charts Connect AI Assistant and I'll guide you.",
   welcomeCta = "💬 Click here to start chatting!",
   showWelcomePopup: enableWelcomePopup = true,
   welcomePopupDelay = 1500,
-  fallbackWelcomeMessage = "Hello! I'm BlockSpark AI Assistant. How can I help you today?",
+  fallbackWelcomeMessage = "Hello! I'm Charts Connect AI Assistant. How can I help you today?",
   inputPlaceholder = "Type your message...",
-  emptyStateMessage = "Hi! I'm BlockSpark AI Assistant. How can I help you today?",
+  emptyStateMessage = "Hi! I'm Charts Connect AI Assistant. How can I help you today?",
   debug = false,
   dfProjectId,
   dfLocation = "us-central1",
   dfAgentId,
-  serviceAccountKey,
-  accessToken,
   languageCode = "en",
   backendBaseUrl,
   backendWsUrl
@@ -102,6 +100,8 @@ function ChatWidget$1({
   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;
   };
@@ -138,6 +138,7 @@ function ChatWidget$1({
       chatServiceRef.current.disconnectWebSocket();
       setChatId(null);
       setSupportSessionId(null);
+      setSessionId(null);
       const thankYouMessage = {
         id: `resolved-${Date.now()}`,
         text: "Thank you for contacting us!",
@@ -155,10 +156,13 @@ function ChatWidget$1({
         setCollectedUserEmail("");
         setCollectedUserMobile("");
         collectedUserNameRef.current = "";
-        createSession().catch(console.error);
+        if (createSessionRef.current) {
+          createSessionRef.current().catch(console.error);
+        }
       }, 2e3);
     },
     [setChatId, setSupportSessionId, switchToBotMode]
+    // createSession accessed via ref, no need in deps
   );
   useCallback(async () => {
     if (isStartingNewChat) return;
@@ -211,9 +215,8 @@ function ChatWidget$1({
       dfProjectId,
       dfLocation: dfLocation || "us-central1",
       dfAgentId,
-      serviceAccountKey,
-      accessToken,
-      languageCode: languageCode || "en"
+      languageCode: languageCode || "en",
+      backendBaseUrl: getBackendBaseUrl()
     };
   };
   useEffect(() => {
@@ -560,15 +563,22 @@ function ChatWidget$1({
       setIsConnectingToAgent(false);
     }
   };
-  const createSession = async () => {
-    if (sessionId) return sessionId;
+  const createSession = async (forceRecreate = false, reuseSessionId = false) => {
+    if (sessionId && !forceRecreate && !reuseSessionId) return sessionId;
+    if (creatingSessionRef.current) {
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      if (sessionId) return sessionId;
+      throw new Error("Session creation in progress. Please try again.");
+    }
+    creatingSessionRef.current = true;
     try {
       setIsInitializing(true);
       const dfConfig = getDialogflowConfig();
       if (!dfConfig) {
-        throw new Error("Dialogflow configuration is missing. Please provide dfProjectId, dfAgentId, and either serviceAccountKey or accessToken.");
+        throw new Error("Dialogflow configuration is missing. Please provide dfProjectId and dfAgentId.");
       }
-      const data = await createDialogflowSession(dfConfig);
+      const existingSessionId = reuseSessionId && sessionId ? sessionId : null;
+      const data = await createDialogflowSession(dfConfig, existingSessionId);
       setSessionId(data.session_id);
       if (data.message) {
         if (debug) {
@@ -582,7 +592,12 @@ function ChatWidget$1({
           timestamp: /* @__PURE__ */ new Date(),
           richContent: data.richContent
         };
-        setMessages([welcomeMessage2]);
+        setMessages((prev) => {
+          if (prev.length === 0) {
+            return [welcomeMessage2];
+          }
+          return [welcomeMessage2, ...prev];
+        });
       }
       return data.session_id;
     } catch (error) {
@@ -600,12 +615,14 @@ function ChatWidget$1({
         sender: "bot",
         timestamp: /* @__PURE__ */ new Date()
       };
-      setMessages([errorMessage]);
+      setMessages((prev) => [...prev, errorMessage]);
       return null;
     } finally {
       setIsInitializing(false);
+      creatingSessionRef.current = false;
     }
   };
+  createSessionRef.current = createSession;
   const sendMessage = async (text, displayText, skipUserMessage = false) => {
     if (!text.trim()) return;
     if (collectingUserInfo) {
@@ -828,7 +845,7 @@ function ChatWidget$1({
     try {
       const dfConfig = getDialogflowConfig();
       if (!dfConfig) {
-        throw new Error("Dialogflow configuration is missing. Please provide dfProjectId, dfAgentId, and either serviceAccountKey or accessToken.");
+        throw new Error("Dialogflow configuration is missing. Please provide dfProjectId and dfAgentId.");
       }
       const data = await sendDialogflowMessage(text.trim(), currentSessionId, dfConfig);
       if (debug) {