ai12z 3.17.2 → 3.17.4

package/dist/collection/components/ai12z-bot/ai12z-bot.js

@@ -41,6 +41,7 @@ import { LiveAgentAuthExpiredError } from "../../utils/liveagents/liveagent-type
 import { initBeacon, setConversationId, buildBeacon } from "../../utils/beacon";
 import { bodyScrollLock } from "../../utils/bodyScrollLock";
 const logger = new Logger("Ai12zBot");
+const STREAM_END_TIMEOUT_MS = 30000;
 export class Ai12zBot {
     constructor() {
         this.cdnPath = "https://cdn.ai12z.net/assets/bot";
@@ -113,6 +114,7 @@ export class Ai12zBot {
         this.liveAgentListenersRegistered = false;
         this.shortcuts = DEFAULT_SHORTCUTS;
         this.announceMessage = ""; // For accessibility announcements
+        this.isSending = false;
         this.messageRefs = [];
         // Replace your existing handlePaste method with this enhanced version
         this.handlePaste = (event) => {
@@ -225,12 +227,30 @@ export class Ai12zBot {
             }
         };
         this.handleSend = async (eleValue, options = {}) => {
-            var _a, _b;
-            const { isHide = false, isLiveChatEnded = false } = options;
-            const resolvedQuery = (typeof this.query === "string" && this.query.trim()) || eleValue.trim() || ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.value.trim()) || "";
+            var _a, _b, _c;
+            const { isHide = false, isLiveChatEnded = false, bypassSendGuard = false } = options;
+            // Acquire the lock before any await.
+            if ((this.isSending || this.isStreaming) && !bypassSendGuard) {
+                this.query = "";
+                return false;
+            }
+            this.isSending = true;
+            const queryText = typeof this.query === "string" ? this.query.trim() : "";
+            const displayText = typeof eleValue === "string" ? eleValue.trim() : "";
+            const inputText = ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.value.trim()) || "";
+            const resolvedQuery = queryText || displayText || inputText;
+            const resolvedDisplayText = displayText || (!isHide ? resolvedQuery : "");
             if (!resolvedQuery && this.imagesBase64List.length === 0) {
                 this.showEmptyMessageValidation();
-                return;
+                this.query = "";
+                this.isSending = false;
+                return false;
+            }
+            if (!isHide && !resolvedDisplayText && this.imagesBase64List.length === 0) {
+                this.query = "";
+                this.isSending = false;
+                this.showEmptyMessageValidation();
+                return false;
             }
             this.emptyMessageError = false;
             this.surveyDomId = "";
@@ -239,7 +259,7 @@ export class Ai12zBot {
                 this.questionCounter = this.questionCounter + 1;
                 localStorage.setItem(`ai12z-bot-data`, JSON.stringify({ qCounter: this.questionCounter }));
             }
-            const inputValue = eleValue;
+            const inputValue = resolvedDisplayText;
             if (this.inputEl) {
                 this.inputEl.value = inputValue;
             }
@@ -249,11 +269,19 @@ export class Ai12zBot {
             if (this.showWelcomeScreen && this.botSettings.botVersion === "v1") {
                 this.showWelcomeScreen = false;
             }
-            if (this.messages.length === 0) {
-                await this.socketConnection();
+            try {
+                if (this.messages.length === 0 || !((_b = this.socket) === null || _b === void 0 ? void 0 : _b.connected)) {
+                    await this.socketConnection();
+                }
+                else if (!this.socket || !this.socket.connected) {
+                    await this.socketConnection();
+                }
             }
-            else if (!this.socket || !this.socket.connected) {
-                await this.socketConnection();
+            catch (error) {
+                console.error("Error in handleSend:", error);
+                this.query = "";
+                this.isSending = false;
+                return false;
             }
             // if (inputValue.trim()) {
             const now = new Date();
@@ -300,6 +328,9 @@ export class Ai12zBot {
             if (this.botSettings.maxQuestion > 0 && this.questionCounter > this.botSettings.maxQuestion && !this.isLiveAgent && !isLiveChatEnded) {
                 // console.log("Max question limit reached")
                 this.inputEl.value = "";
+                this.query = "";
+                this.releaseSendLock();
+                return false;
             }
             else {
                 this.currentDomId = "";
@@ -311,16 +342,18 @@ export class Ai12zBot {
                         this.inputEl.value = "";
                     }
                     this.query = "";
+                    this.isSending = false;
                 }
                 else {
                     this.checkLiveAgentMode();
                     this.isStreaming = true;
                     this.ignoreChunks = false;
-                    this.invokeSocket();
+                    this.resetStreamEndWatchdog();
+                    this.invokeSocket(resolvedQuery);
                 }
             }
             // this.invokeSocket()
-            const parent = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector("#previewContainer");
+            const parent = (_c = this.el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector("#previewContainer");
             if (parent) {
                 parent.innerHTML = "";
             }
@@ -328,6 +361,7 @@ export class Ai12zBot {
             this.rowCount = 1;
             this.showSubmit = false;
             // }
+            return true;
         };
         this.agentMessageCreated = (message) => {
             var _a;
@@ -672,6 +706,7 @@ export class Ai12zBot {
         this.showWelcomeScreen = true;
         this.showHistory = false;
         this.isOpened = true;
+        this.releaseSendLock();
         // Focus input if available
         setTimeout(() => {
             var _a;
@@ -719,9 +754,6 @@ export class Ai12zBot {
     }
     async sendMessage(message, displayText, options) {
         this.query = message;
-        // if (!this.isChatOpen) {
-        //   this.isChatOpen = true
-        // }
         this.handleSend(displayText !== null && displayText !== void 0 ? displayText : message, options);
     }
     async sendQuery(query) {
@@ -730,9 +762,6 @@ export class Ai12zBot {
     }
     async sendJSON(jsonData, displayText) {
         this.query = JSON.stringify(jsonData);
-        // if (!this.isChatOpen) {
-        //   this.isChatOpen = true
-        // }
         this.handleSend(displayText);
     }
     async openBot(expanded = false) {
@@ -862,6 +891,28 @@ export class Ai12zBot {
             this.clearEvents();
         }
     }
+    releaseSendLock() {
+        this.clearStreamEndWatchdog();
+        this.isStreaming = false;
+        this.isSending = false;
+    }
+    clearStreamEndWatchdog() {
+        if (this.streamEndWatchdog) {
+            clearTimeout(this.streamEndWatchdog);
+            this.streamEndWatchdog = undefined;
+        }
+    }
+    resetStreamEndWatchdog() {
+        this.clearStreamEndWatchdog();
+        this.streamEndWatchdog = setTimeout(() => {
+            this.streamEndWatchdog = undefined;
+            if (!this.isStreaming) {
+                return;
+            }
+            console.error("Socket response timed out before completion");
+            this.failTurn("Something went wrong. Please try again.");
+        }, STREAM_END_TIMEOUT_MS);
+    }
     componentDidLoad() {
         var _a;
         setBotElement(this.el); // register globally
@@ -944,6 +995,7 @@ export class Ai12zBot {
         // fire scrollToBottom() against a torn-down component.
         if (this.autoScrollTimer)
             clearTimeout(this.autoScrollTimer);
+        this.clearStreamEndWatchdog();
     }
     handleClickOutside(event) {
         // Check if the clicked target is outside the menu
@@ -1215,6 +1267,7 @@ export class Ai12zBot {
         const responseEvent = protocol === "v2" ? "chunk" : "response";
         const endEvent = protocol === "v2" ? "complete" : "end_response";
         this.socket.on(responseEvent, async (event) => {
+            this.resetStreamEndWatchdog();
             const { id, idChanged } = ensureMessageId(this.currentDomId, this.messages, "chatbot");
             this.currentDomId = id;
             if (idChanged)
@@ -1229,6 +1282,12 @@ export class Ai12zBot {
             });
         });
         this.socket.on(endEvent, async (rawData) => {
+            if (!rawData) {
+                console.error("Received empty end response payload");
+                this.failTurn("Something went wrong. Please try again.");
+                return;
+            }
+            this.clearStreamEndWatchdog();
             // For v2, adapt the response format to match legacy expectations
             const data = protocol === "v2" ? adaptCompleteToLegacy(rawData) : rawData;
             if (data.showInput !== undefined && typeof data.showInput === "boolean") {
@@ -1343,12 +1402,12 @@ export class Ai12zBot {
                         this.updateBotState();
                     }
                     this.scrollToBottom();
-                    this.isStreaming = false;
+                    this.releaseSendLock();
                     this.currentDomId = "";
                 }
                 catch (error) {
                     console.error("Error handling end_response:", error);
-                    this.isStreaming = false;
+                    this.releaseSendLock();
                 }
             });
         });
@@ -1430,7 +1489,7 @@ export class Ai12zBot {
         }
     }
     // ✅ Handle the survey completion rendering
-    handleSurveyCompletionRender(processedResults) {
+    async handleSurveyCompletionRender(processedResults) {
         // console.log("Survey completed with results:", processedResults)
         // Find and update the message
         const idx = this.messages.findIndex(item => item.surveyDomId === processedResults.domId);
@@ -1439,8 +1498,26 @@ export class Ai12zBot {
             this.surveyDomId = processedResults.domId;
             // Update conversations with completed HTML
             this.updateConversations(processedResults.completedHtml, {});
+            // Use the JSON payload as the query and the completion text as display text.
+            const surveyQuery = processedResults.jsonData;
+            this.query = surveyQuery;
+            let sent = false;
             // Send the JSON data message
-            this.sendMessage(processedResults.jsonData, processedResults.completeText, { isHide: true });
+            try {
+                sent = await this.handleSend(processedResults.completeText, { isHide: true, bypassSendGuard: true });
+            }
+            finally {
+                if (!sent) {
+                    console.error("Failed to send form data in finally block");
+                }
+                if (this.query === surveyQuery) {
+                    this.query = "";
+                }
+            }
+            if (!sent) {
+                console.error("Failed to send form data");
+                return;
+            }
             this.formSubmitted.emit(processedResults.sender.data);
             // Scroll to bottom
             this.scrollToBottom();
@@ -1576,20 +1653,37 @@ export class Ai12zBot {
                 this.messages = [...this.messages];
             }
             this.isStreaming = false;
+            this.isSending = false;
         });
         this.socket.on("connect_error", error => {
             this.errored.emit(error);
             this.announce("Unable to connect to chat server. Please try again.");
             console.error("Connection error:", error);
         });
+        this.socket.on("error", () => {
+            if (this.isStreaming)
+                this.failTurn("Something went wrong. Please try again.");
+        });
         this.socket.on("disconnect", () => {
             // console.log("Disconnected from Socket.IO server")
             this.socket.off("response");
             this.socket.off("chunk");
             // Handle disconnection if needed
+            if (this.isStreaming)
+                this.failTurn("Connection lost. Please try again.");
         });
     }
-    invokeSocket() {
+    failTurn(message) {
+        // Release the lock so another message can be sent.
+        this.releaseSendLock();
+        const last = this.messages[this.messages.length - 1];
+        if (last && !last.isUser && last.isLoading) {
+            last.text = message;
+            last.isLoading = false;
+            this.messages = [...this.messages];
+        }
+    }
+    invokeSocket(query) {
         var _a;
         const protocol = getBackendProtocol(this.dataMode);
         let data;
@@ -1597,13 +1691,13 @@ export class Ai12zBot {
         if (protocol === "v2") {
             eventName = "query";
             const beaconId = sessionStorage.getItem("ai12zBeaconId");
-            data = Object.assign({ query: this.query !== "" ? this.query : this.inputEl.value, conversation_id: this.conversationId || "", base64_images: ((_a = this.imagesBase64List) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.imagesBase64List : undefined, beacon_id: this.botSettings.disableBeacon ? "" : beaconId !== null && beaconId !== void 0 ? beaconId : "" }, (this.botSettings.disableBeacon || beaconId ? {} : { beacon_data: buildBeacon() }));
+            data = Object.assign({ query, conversation_id: this.conversationId || "", base64_images: ((_a = this.imagesBase64List) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.imagesBase64List : undefined, beacon_id: this.botSettings.disableBeacon ? "" : beaconId !== null && beaconId !== void 0 ? beaconId : "" }, (this.botSettings.disableBeacon || beaconId ? {} : { beacon_data: buildBeacon() }));
         }
         else {
             eventName = "evaluate_query";
             data = {
                 apiKey: this.dataKey,
-                query: this.query !== "" ? this.query : this.inputEl.value,
+                query,
                 conversationId: this.conversationId,
                 event: "evaluate_query",
                 attributes: this.dataAttributes,
@@ -1640,6 +1734,7 @@ export class Ai12zBot {
             .catch(error => {
             console.error("Error in processDataOverride:", error);
             this.errored.emit(error);
+            this.releaseSendLock();
             this.announce("An error occurred while sending your message.");
         });
     }
@@ -1672,6 +1767,7 @@ export class Ai12zBot {
     stopResponse() {
         this.ignoreChunks = true; // drop future chunks
         this.isStreaming = false;
+        this.releaseSendLock();
         this.messages[this.messages.length - 1].isLoading = false;
         // this.socket.off('response');
     }
@@ -1773,9 +1869,12 @@ export class Ai12zBot {
         this.liveAgentSessionId = "";
         this.liveAgentConversationId = "";
         this.liveAgentButtonText = "Talk to a Live Agent";
-        this.sendMessage(((_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.llmMessageOnDisconnect) !== ""
+        const llmMessage = ((_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.llmMessageOnDisconnect) !== ""
             ? (_b = this.botSettings) === null || _b === void 0 ? void 0 : _b.llmMessageOnDisconnect
-            : "The live agent has been disconnected. Please do not initiate the live agent directive again.", ((_c = this.botSettings) === null || _c === void 0 ? void 0 : _c.userMessageOnDisconnect) !== "" ? (_d = this.botSettings) === null || _d === void 0 ? void 0 : _d.userMessageOnDisconnect : "The live agent has ended the conversation.", { isLiveChatEnded: true });
+            : "The live agent has been disconnected. Please do not initiate the live agent directive again.";
+        const displayText = ((_c = this.botSettings) === null || _c === void 0 ? void 0 : _c.userMessageOnDisconnect) !== "" ? (_d = this.botSettings) === null || _d === void 0 ? void 0 : _d.userMessageOnDisconnect : "The live agent has ended the conversation.";
+        this.query = llmMessage;
+        void this.handleSend(displayText, { isLiveChatEnded: true, bypassSendGuard: true });
         this.announce("Live agent chat ended");
         this.clearEvents();
     }
@@ -2413,7 +2512,8 @@ export class Ai12zBot {
             "liveAgentListenersRegistered": {},
             "shortcuts": {},
             "announceMessage": {},
-            "liveAgentDirective": {}
+            "liveAgentDirective": {},
+            "isSending": {}
         };
     }
     static get events() {

package/dist/components/ai12z-bot.js

@@ -1 +1 @@
-import{A as o,d as s}from"./p-CdRaSl47.js";const a=o,p=s;export{a as Ai12zBot,p as defineCustomElement}
+import{A as o,d as s}from"./p-BDHD9yF0.js";const p=o,r=s;export{p as Ai12zBot,r as defineCustomElement}

package/dist/components/index.js

@@ -1 +1 @@
-import{g as e}from"./p-rVmRQ8bG.js";export{a as getAssetPath,r as render,s as setAssetPath,b as setNonce,c as setPlatformOptions}from"./p-rVmRQ8bG.js";export{A as Ai12zBeacon}from"./p-BLStO0nm.js";export{A as Ai12zBot}from"./p-CdRaSl47.js";export{A as Ai12zCta}from"./p-BLKO6yGt.js";export{A as Ai12zKnowledgeBox}from"./p-BqU2KPcS.js";export{S as Ai12zSearchPanel}from"./p-BVEbp8i6.js";export{S as Ai12zSearchResultsPage}from"./p-jdVWMDxz.js";export{A as Ai12zInlineSearch}from"./p-CFedR60q.js";export{A as Ai12zForm}from"./p-DM33B5uU.js";export{A as Ai12zContainer}from"./p-BqsAwiBV.js";e();
+import{g as e}from"./p-rVmRQ8bG.js";export{a as getAssetPath,r as render,s as setAssetPath,b as setNonce,c as setPlatformOptions}from"./p-rVmRQ8bG.js";export{A as Ai12zBeacon}from"./p-BLStO0nm.js";export{A as Ai12zBot}from"./p-BDHD9yF0.js";export{A as Ai12zCta}from"./p-BLKO6yGt.js";export{A as Ai12zKnowledgeBox}from"./p-BqU2KPcS.js";export{S as Ai12zSearchPanel}from"./p-BVEbp8i6.js";export{S as Ai12zSearchResultsPage}from"./p-jdVWMDxz.js";export{A as Ai12zInlineSearch}from"./p-CFedR60q.js";export{A as Ai12zForm}from"./p-DM33B5uU.js";export{A as Ai12zContainer}from"./p-BqsAwiBV.js";e();