ai12z 3.18.1-alpha.0 → 3.18.1-alpha.2

package/dist/cjs/ai12z-beacon.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var beacon = require('./beacon-JlWjtnTj.js');
+var beacon = require('./beacon-Dzm5dknI.js');
 require('./utils-kaVdO3ki.js');
 
 const Ai12zBeacon = class {

package/dist/cjs/ai12z-bot.cjs.entry.js

@@ -5,17 +5,17 @@ var responseAdapter = require('./response-adapter-BSZc0N1k.js');
 var processCarouselData = require('./processCarouselData-BPxsH6Ck.js');
 var logger$2 = require('./logger-D--BUQGx.js');
 var utils = require('./utils-kaVdO3ki.js');
-var index$1 = require('./index-DrVymXMa.js');
+var index$1 = require('./index-DN109Evg.js');
 var globalStore = require('./global-store-R6x06KvJ.js');
 var reCaptchaHelpers = require('./reCaptchaHelpers-C8v6BB6z.js');
-var botHelpers = require('./botHelpers-AxnPKelf.js');
+var botHelpers = require('./botHelpers-B_lFspU6.js');
 var surveyHelpers = require('./surveyHelpers-DpChOjp8.js');
 var scriptStyleLoader = require('./scriptStyleLoader-D-bqKqSb.js');
 var keyboardShortcuts = require('./keyboard-shortcuts-g_HyNYT-.js');
-var ctaHelpers = require('./ctaHelpers-DUkpEv0V.js');
+var ctaHelpers = require('./ctaHelpers-CFn_XVtl.js');
 var appStore = require('./app-store-BtkiHvcw.js');
-var parseHelper = require('./parseHelper-CNiHFgWF.js');
-var beacon = require('./beacon-JlWjtnTj.js');
+var parseHelper = require('./parseHelper-DGQ2ETjm.js');
+var beacon = require('./beacon-Dzm5dknI.js');
 var bodyScrollLock = require('./bodyScrollLock-C7gKTAfx.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 
@@ -1052,7 +1052,7 @@ function deleteJsonCookie(name, options = {}) {
 
 const ai12zBotCss = () => `:host{font-family:var(--ai12zBot-v2-font-family) !important;font-size:var(--ai12zBot-v2-font-size) !important;color:var(--ai12zBot-v2-font-color, black);text-align:var(--ai12zBot-v2-text-align, left)}.chat-body{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;overflow-x:hidden}.chat-body::-webkit-scrollbar{width:5px;height:5px;}.chat-body::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;}.message{padding:10px;border-radius:15px;font-size:14px;line-height:1.4;word-wrap:break-word}span.prose{font-size:14px;}.image-Container{position:relative;display:inline-block;margin-right:10px}.delete-image{opacity:3;position:absolute;right:3px;top:0;cursor:pointer;line-height:10px}.ai12zBtn{background-color:var(--ai12zBot-v2-button-background) !important;color:var(--ai12zBot-v2-button-font-color);padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.ai12z-btn{background-color:var(--ai12zBot-v2-button-background) !important;color:var(--ai12zBot-v2-button-font-color);padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.custom-privacy{color:var(--ai12z-bot-privacy-color);padding-bottom:10px;padding-left:5px;margin-top:auto;}@media (max-width: 768px){.hide-chatbot{display:none !important}}`;
 
-const ai12zChatbotCss = () => `:host{--wes-c-icon-color:#fff;--fab-bottom:26px;--xsf-ai12z-zindex-isexpanded-10:20020;--ai-toolbar-icon-color:#2095ae;--xsf-ai12z-zindex-0:19979;--xsf-ai12z-zindex-10:19989;--xsf-ai12z-fab-bottom:26px}.modal-overlay{position:absolute;height:100%;width:100%;z-index:var(--xsf-ai12z-zindex-0);background-color:#2e2e2e99}.layout{pointer-events:none;position:fixed;inset:0;height:100dvh;width:99dvw;justify-content:flex-end;grid-template-rows:auto 1fr auto;grid-template-areas:"left toolbar right"     "left main right"     "left footer right";padding-top:96px;transition-property:grid-template-columns, padding-top;z-index:19979}.layout.is-open .modal{pointer-events:auto}.layout.is-expanded ai12z-bot{pointer-events:auto}.layout.is-open.is-expanded .modal{border-top-left-radius:12px;border-top-right-radius:12px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input-fieldset{background-image:none;padding:0px;background:none}.layout.is-expanded .user-input-fieldset{border-top-left-radius:12px;border-top-right-radius:12px}.layout.is-open .grow-wrap>.textarea,.layout.is-open .grow-wrap>button,.layout.is-open .grow-wrap:after{border-color:var(--ai12zBot-v2-searchbar-open-border-color);}.layout.is-expanded .grow-wrap:after{display:none}.layout.is-open.is-expanded .user-input{z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input{z-index:var(--xsf-ai12z-zindex-10)}.text-body2{font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400}.modal-toolbar-icon{color:var(--ai12zBot-v2-toolbar-icon-color, inherit);width:16px;height:16px}.search-flex{flex:1 1 0%}.show-grid{display:grid}.hide-title{padding:0px;opacity:0;height:0px}.user-msg{background-color:var(--ai12zBot-v2-user-bubble-background);color:var(--ai12zBot-v2-user-bubble-font-color)}.text-body4{font-size:var(--ai12zBot-v2-timestamp-font-size);line-height:1.5;letter-spacing:0.03px;font-weight:400;color:var(--ai12zBot-v2-timestamp-font-color)}.isContent{background:var(--ai12zBot-v2-content-background);padding:10px}.default-botAvatar{color:var(--ai12zBot-v2-default-avatar-color)}.searchform{opacity:1;transform:none}.user-input{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;grid-area:footer}.main{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;margin-top:7px}.heading{color:var(--ai12zBot-v2-title-color)}.dropdown-item-button{display:flex;width:100%;cursor:pointer;align-items:center;-moz-column-gap:8px;column-gap:8px;border-radius:4px;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--ai12zBot-v2-dropdown-bgcolor);padding:8px 24px;font-weight:500;--tw-text-opacity:1;color:var(--ai12zBot-v2-dropdown-font-color);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:75ms}.helptext{padding:0px;opacity:0;height:0px}.minimize-input{transform:translateY(calc(-100% - 4px))}.ai-text-caption{font-size:12px;line-height:1.5;letter-spacing:0.2px;font-weight:400}.fab>button{background:var(--ai12zBot-v2-fab-button-background);}.user-input-fieldset{background:var(--ai12zBot-v2-searchbar-background)}.return-text-color{color:rgb(255, 255, 255)}.ai-minimize-icon svg{fill:currentColor;height:1em;width:1em}.hide-form{opacity:0;transform:none}.show-form{opacity:1;transform:none}.ai-minimize-icon{color:var(--wes-c-icon-color, inherit)}.fab{bottom:var(--fab-bottom, 30px)}.text-body1{font-size:var(--ai12zBot-v2-title-font-size);line-height:1.5;letter-spacing:-0.12px;font-weight:400}#message-submit{margin-right:6px;margin-bottom:7px;background-color:var(--ai12zBot-v2-searchbar-submit-bgcolor)}.ai-icon{color:var(--ai12zBot-v2-searchbar-submit-color);font-size:24px;width:24px;height:24px}.bot-plus-icon{color:var(--ai12zBot-v2-searchbar-plus-icon-color);font-size:24px;width:24px;height:24px}.grow-wrap>.textarea,.grow-wrap:after{min-height:48px;align-content:center;border-radius:24px;border-width:1px;border-style:solid;border:1px solid var(--ai12zBot-v2-searchbar-border-color);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:8px 48px;text-indent:2px;font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400;--tw-text-opacity:1;color:rgb(46 46 46 / var(--tw-text-opacity, 1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-inset:inset;--tw-ring-offset-width:0px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.15s}.grow-wrap>.textarea,.grow-wrap:after{grid-area:1 / 1 / 2 / 2}.modal{position:relative;grid-column:span 1 / span 1;grid-column-start:2;grid-row:span 3 / span 3;grid-row-start:1;display:grid;border-top-left-radius:0;border-top-right-radius:0;background-position:center;box-shadow:0 16px 32px -4px #18181829,     0 12px 24px -4px #18181814;background-image:var(--ai12zBot-v2-modal-backgroundImage);background-repeat:no-repeat;background-size:100vw 100vh;grid-template-columns:subgrid;grid-template-rows:subgrid;z-index:var(--xsf-ai12z-zindex-10);transition:0.3sease-out;transition-property:grid-template-columns}.dropdown-menu{pointer-events:none;opacity:0;z-index:10;background-color:var(--ai12zBot-v2-dropdown-bgcolor);transform:translateY(-10px);transition:opacity 0.3s ease,     transform 0.3s ease}.dropdown-menu.show{pointer-events:auto;opacity:1;pointer-events:auto;transform:translateY(0);background-color:var(--ai12zBot-v2-dropdown-bgcolor)}.copy-btn{color:var(--ai12zBot-v2-copy-btn-color)}.thumbs-up{fill:var(--ai12zBot-v2-feedback-selected);width:24px}.thumbs-down{fill:var(  --ai12zBot-v2-feedback-selected);width:24px}.chat-thumbs-up{color:var(--ai12zBot-v2-feedback-color)}.thumbs-container{justify-content:flex-start;align-items:center}.back-btn svg{fill:var(--ai12zBot-v2-back-button-color)}.dropdown-item{background-color:var(--ai12zBot-v2-dropdown-bgcolor)}button:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color, #0A2A43);outline-offset:2px}button.bot-btn-primary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-primary, var(--ai12zBot-v2-focus-visible-color, #0A2A43));outline-offset:2px}button.bot-btn-secondary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-secondary, var(--ai12zBot-v2-focus-visible-color, #0A2A43))}.bot-name{color:var(--ai12zBot-v2-fab-name-color, var(--ai12zBot-v2-bot-name-color));font-weight:var(--ai12zBot-v2-fab-font-weight, var(--ai12zBot-v2-bot-name-font-weight))}.ai12z-link{color:var(--ai12zBot-v2-link-color);text-decoration:underline}.ai12z-link:hover{color:var(--ai12zBot-v2-link-hover-color);text-decoration:underline}.toolbar{height:52px;border:#fff;grid-area:toolbar}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:10px;top:10px;width:auto;height:auto;z-index:1000}.enter-tip{font-size:12px;color:#666;margin-left:10px}.skip-links.hidden{position:absolute;left:-9999px;}.skip-links.visible{left:auto;position:static;}.error-message-container{margin-top:4px}.error-msg{color:#dc2626;font-size:12px;display:block;animation:slideIn 0.2s ease-out}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@keyframes slideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.modal{background-size:80vw 100vh}}@media (min-width: 1024px){.layout.is-expanded{grid-template-columns:1fr minmax(340px, 80dvw) 1fr !important}}@media (min-width: 768px){.layout.is-expanded{-moz-column-gap:48px;column-gap:48px}}@media (max-width: 767px){.layout.is-open{padding-top:0px !important;grid-template-columns:0fr minmax(340px, 1fr) 0fr !important}}@media (max-width: 767px){.fab{right:30px;bottom:var(--xsf-ai12z-fab-bottom, 26px)}}`;
+const ai12zChatbotCss = () => `:host{--wes-c-icon-color:#fff;--fab-bottom:26px;--xsf-ai12z-zindex-isexpanded-10:20020;--ai-toolbar-icon-color:#2095ae;--xsf-ai12z-zindex-0:19979;--xsf-ai12z-zindex-10:19989;--xsf-ai12z-fab-bottom:26px}.modal-overlay{position:absolute;height:100%;width:100%;z-index:var(--xsf-ai12z-zindex-0);background-color:#2e2e2e99}.layout{pointer-events:none;position:fixed;inset:0;height:100dvh;width:99dvw;justify-content:flex-end;grid-template-rows:auto 1fr auto;grid-template-areas:"left toolbar right"     "left main right"     "left footer right";padding-top:96px;transition-property:grid-template-columns, padding-top;z-index:19979}.layout.is-open .modal{pointer-events:auto}.layout.is-expanded ai12z-bot{pointer-events:auto}.layout.is-open.is-expanded .modal{border-top-left-radius:12px;border-top-right-radius:12px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input-fieldset{background-image:none;padding:0px;background:none}.layout.is-expanded .user-input-fieldset{border-top-left-radius:12px;border-top-right-radius:12px}.layout.is-open .grow-wrap>.textarea,.layout.is-open .grow-wrap>button,.layout.is-open .grow-wrap:after{border-color:var(--ai12zBot-v2-searchbar-open-border-color);}.layout.is-expanded .grow-wrap:after{display:none}.layout.is-open.is-expanded .user-input{z-index:var(--xsf-ai12z-zindex-isexpanded-10)}.layout.is-open .user-input{z-index:var(--xsf-ai12z-zindex-10)}.text-body2{font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400}.modal-toolbar-icon{color:var(--ai12zBot-v2-toolbar-icon-color, inherit);width:16px;height:16px}.search-flex{flex:1 1 0%}.show-grid{display:grid}.hide-title{padding:0px;opacity:0;height:0px}.user-msg{background-color:var(--ai12zBot-v2-user-bubble-background);color:var(--ai12zBot-v2-user-bubble-font-color)}.text-body4{font-size:var(--ai12zBot-v2-timestamp-font-size);line-height:1.5;letter-spacing:0.03px;font-weight:400;color:var(--ai12zBot-v2-timestamp-font-color)}.isContent{background:var(--ai12zBot-v2-content-background);padding:10px}.default-botAvatar{color:var(--ai12zBot-v2-default-avatar-color)}.searchform{opacity:1;transform:none}.user-input{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;grid-area:footer}.main{margin-left:auto;margin-right:auto;width:100%;max-width:840px;min-width:340px;margin-top:7px}.heading{color:var(--ai12zBot-v2-title-color)}.dropdown-item-button{display:flex;width:100%;cursor:pointer;align-items:center;-moz-column-gap:8px;column-gap:8px;border-radius:4px;--tw-border-opacity:1;--tw-bg-opacity:1;background-color:var(--ai12zBot-v2-dropdown-bgcolor);padding:8px 24px;font-weight:500;--tw-text-opacity:1;color:var(--ai12zBot-v2-dropdown-font-color);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:75ms}.helptext{padding:0px;opacity:0;height:0px}.minimize-input{transform:translateY(calc(-100% - 4px))}.ai-text-caption{font-size:12px;line-height:1.5;letter-spacing:0.2px;font-weight:400}.fab>button{background:var(--ai12zBot-v2-fab-button-background);}.user-input-fieldset{background:var(--ai12zBot-v2-searchbar-background)}.return-text-color{color:rgb(255, 255, 255)}.ai-minimize-icon svg{fill:currentColor;height:1em;width:1em}.hide-form{opacity:0;transform:none}.show-form{opacity:1;transform:none}.ai-minimize-icon{color:var(--wes-c-icon-color, inherit)}.fab{bottom:var(--fab-bottom, 30px)}.text-body1{font-size:var(--ai12zBot-v2-title-font-size);line-height:1.5;letter-spacing:-0.12px;font-weight:400}#message-submit{margin-right:6px;margin-bottom:7px;background-color:var(--ai12zBot-v2-searchbar-submit-bgcolor)}.ai-icon{color:var(--ai12zBot-v2-searchbar-submit-color);font-size:24px;width:24px;height:24px}.bot-plus-icon{color:var(--ai12zBot-v2-searchbar-plus-icon-color);font-size:24px;width:24px;height:24px;background-color:white}.grow-wrap>.textarea,.grow-wrap:after{min-height:48px;align-content:center;border-radius:24px;border-width:1px;border-style:solid;border:1px solid var(--ai12zBot-v2-searchbar-border-color);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:8px 48px;text-indent:2px;font-size:16px;line-height:1.5;letter-spacing:-0.12px;font-weight:400;--tw-text-opacity:1;color:rgb(46 46 46 / var(--tw-text-opacity, 1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-ring-inset:inset;--tw-ring-offset-width:0px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:0.15s}.grow-wrap>.textarea,.grow-wrap:after{grid-area:1 / 1 / 2 / 2}.modal{position:relative;grid-column:span 1 / span 1;grid-column-start:2;grid-row:span 3 / span 3;grid-row-start:1;display:grid;border-top-left-radius:0;border-top-right-radius:0;background-position:center;box-shadow:0 16px 32px -4px #18181829,     0 12px 24px -4px #18181814;background-image:var(--ai12zBot-v2-modal-backgroundImage);background-repeat:no-repeat;background-size:100vw 100vh;grid-template-columns:subgrid;grid-template-rows:subgrid;z-index:var(--xsf-ai12z-zindex-10);transition:0.3sease-out;transition-property:grid-template-columns}.dropdown-menu{pointer-events:none;opacity:0;z-index:10;background-color:var(--ai12zBot-v2-dropdown-bgcolor);transform:translateY(-10px);transition:opacity 0.3s ease,     transform 0.3s ease}.dropdown-menu.show{pointer-events:auto;opacity:1;pointer-events:auto;transform:translateY(0);background-color:var(--ai12zBot-v2-dropdown-bgcolor)}.copy-btn{color:var(--ai12zBot-v2-copy-btn-color)}.thumbs-up{fill:var(--ai12zBot-v2-feedback-selected);width:24px}.thumbs-down{fill:var(  --ai12zBot-v2-feedback-selected);width:24px}.chat-thumbs-up{color:var(--ai12zBot-v2-feedback-color)}.thumbs-container{justify-content:flex-start;align-items:center}.back-btn svg{fill:var(--ai12zBot-v2-back-button-color)}.dropdown-item{background-color:var(--ai12zBot-v2-dropdown-bgcolor)}button:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color, #0A2A43);outline-offset:2px}button.bot-btn-primary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-primary, var(--ai12zBot-v2-focus-visible-color, #0A2A43));outline-offset:2px}button.bot-btn-secondary:focus-visible{outline:2px solid var(--ai12zBot-v2-focus-visible-color-secondary, var(--ai12zBot-v2-focus-visible-color, #0A2A43))}.bot-name{color:var(--ai12zBot-v2-fab-name-color, var(--ai12zBot-v2-bot-name-color));font-weight:var(--ai12zBot-v2-fab-font-weight, var(--ai12zBot-v2-bot-name-font-weight))}.ai12z-link{color:var(--ai12zBot-v2-link-color);text-decoration:underline}.ai12z-link:hover{color:var(--ai12zBot-v2-link-hover-color);text-decoration:underline}.toolbar{height:52px;border:#fff;grid-area:toolbar}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:10px;top:10px;width:auto;height:auto;z-index:1000}.enter-tip{font-size:12px;color:#666;margin-left:10px}.skip-links.hidden{position:absolute;left:-9999px;}.skip-links.visible{left:auto;position:static;}.error-message-container{margin-top:4px}.error-msg{color:#dc2626;font-size:12px;display:block;animation:slideIn 0.2s ease-out}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@keyframes slideIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.modal{background-size:80vw 100vh}}@media (min-width: 1024px){.layout.is-expanded{grid-template-columns:1fr minmax(340px, 80dvw) 1fr !important}}@media (min-width: 768px){.layout.is-expanded{-moz-column-gap:48px;column-gap:48px}}@media (max-width: 767px){.layout.is-open{padding-top:0px !important;grid-template-columns:0fr minmax(340px, 1fr) 0fr !important}}@media (max-width: 767px){.fab{right:30px;bottom:var(--xsf-ai12z-fab-bottom, 26px)}}`;
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
@@ -1067,6 +1067,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
     return t;
 };
 const logger = new logger$2.Logger("Ai12zBot");
+const STREAM_END_TIMEOUT_MS = 30000;
 const Ai12zBot = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -1150,6 +1151,7 @@ const Ai12zBot = class {
         this.shortcuts = keyboardShortcuts.DEFAULT_SHORTCUTS;
         this.announceMessage = ""; // For accessibility announcements
         this.token = "";
+        this.isSending = false;
         this.messageRefs = [];
         // Replace your existing handlePaste method with this enhanced version
         this.handlePaste = (event) => {
@@ -1262,8 +1264,14 @@ const Ai12zBot = class {
             }
         };
         this.handleSend = async (eleValue, options = {}) => {
-            var _a, _b;
-            const { isHide = false, isLiveChatEnded = false } = options;
+            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()) || "";
@@ -1271,11 +1279,15 @@ const Ai12zBot = class {
             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;
+                return false;
             }
             this.emptyMessageError = false;
             this.surveyDomId = "";
@@ -1294,11 +1306,19 @@ const Ai12zBot = class {
             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();
@@ -1345,6 +1365,9 @@ const Ai12zBot = class {
             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 = "";
@@ -1356,16 +1379,18 @@ const Ai12zBot = class {
                         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 = "";
             }
@@ -1373,6 +1398,7 @@ const Ai12zBot = class {
             this.rowCount = 1;
             this.showSubmit = false;
             // }
+            return true;
         };
         this.agentMessageCreated = (message) => {
             var _a;
@@ -1717,6 +1743,7 @@ const Ai12zBot = class {
         this.showWelcomeScreen = true;
         this.showHistory = false;
         this.isOpened = true;
+        this.releaseSendLock();
         // Focus input if available
         setTimeout(() => {
             var _a;
@@ -1736,11 +1763,17 @@ const Ai12zBot = class {
         this.handleSend(event.detail);
     }
     deleteChatHistoryHandler(event) {
-        var _a;
         const chatHistory = this.getConversationHistory();
-        const updatedHistory = chatHistory.filter(item => item.conversationId !== event.detail.conversationId);
+        const configId = this.getResolvedConfigId();
+        const updatedHistory = chatHistory.filter(item => {
+            var _a, _b, _c;
+            if (item.conversationId !== event.detail.conversationId) {
+                return true;
+            }
+            return item.projectId !== ((_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.pId) || ctaHelpers.resolveConfigId(item === null || item === void 0 ? void 0 : item.configId) !== configId || ((_b = item === null || item === void 0 ? void 0 : item.botType) !== null && _b !== void 0 ? _b : "") !== ((_c = this.botType) !== null && _c !== void 0 ? _c : "");
+        });
         localStorage.setItem(`${this.visitorID}`, JSON.stringify(updatedHistory));
-        this.conversationHistory = ctaHelpers.filterConversationHistoryByProjectAndConfig(updatedHistory, (_a = this.botSettings._id) === null || _a === void 0 ? void 0 : _a.$oid, this.botSettings.pId);
+        this.conversationHistory = ctaHelpers.filterConversationHistoryByProjectAndConfig(updatedHistory, configId, this.botSettings.pId, this.botType);
         // this.conversationHistory = updatedHistory
     }
     chatClickHandler(event) {
@@ -1764,9 +1797,6 @@ const Ai12zBot = class {
     }
     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) {
@@ -1775,9 +1805,6 @@ const Ai12zBot = class {
     }
     async sendJSON(jsonData, displayText) {
         this.query = JSON.stringify(jsonData);
-        // if (!this.isChatOpen) {
-        //   this.isChatOpen = true
-        // }
         this.handleSend(displayText);
     }
     async openBot(expanded = false) {
@@ -1846,13 +1873,14 @@ const Ai12zBot = class {
         appStore.setParentComponentState("bot", this.dataKey, this.dataMode);
     }
     hydrateStateFromStorage() {
-        var _a, _b, _c;
+        var _a;
         const projectId = (_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.pId;
         if (!projectId) {
             console.warn("AI12Z: Cannot hydrate state - projectId not available");
             return;
         }
-        const botState = botHelpers.getBotStateFromSession(projectId, (_b = this.botSettings._id) === null || _b === void 0 ? void 0 : _b.$oid) || getJsonCookie(botHelpers.getBotStateKey(projectId, (_c = this.botSettings._id) === null || _c === void 0 ? void 0 : _c.$oid), isBotState);
+        const configId = this.getResolvedConfigId();
+        const botState = botHelpers.getBotStateFromSession(projectId, configId, this.botType) || getJsonCookie(botHelpers.getBotStateKey(projectId, configId, this.botType), isBotState);
         if (botState) {
             this.isOpened = botState.isOpened;
             this.isMinimized = botState.isMinimized;
@@ -1915,6 +1943,28 @@ const Ai12zBot = class {
             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;
         globalStore.setBotElement(this.el); // register globally
@@ -1996,6 +2046,7 @@ const Ai12zBot = class {
         // 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
@@ -2058,7 +2109,6 @@ const Ai12zBot = class {
         }
     }
     openChat(expanded = false) {
-        var _a, _b;
         this.syncBodyScrollLock(true);
         this.unreadCount = 0;
         // document.title = `Chat opened – ${this.originalTitle}`
@@ -2068,7 +2118,8 @@ const Ai12zBot = class {
         this.isContent = false;
         // Open immediately to ensure textarea and UI are visible
         this.isOpened = true;
-        const sessionKey = botHelpers.getBotStateKey(this.botSettings.pId, (_a = this.botSettings._id) === null || _a === void 0 ? void 0 : _a.$oid);
+        const configId = this.getResolvedConfigId();
+        const sessionKey = botHelpers.getBotStateKey(this.botSettings.pId, configId, this.botType);
         if (!sessionStorage.getItem(sessionKey)) {
             const SetBotByAgent = {
                 messages: [],
@@ -2077,7 +2128,8 @@ const Ai12zBot = class {
                 isExpanded: this.isExpanded,
                 conversationId: this.conversationId,
                 projectId: this.botSettings.pId,
-                configId: (_b = this.botSettings._id) === null || _b === void 0 ? void 0 : _b.$oid,
+                configId,
+                botType: this.botType,
                 newChat: true,
             };
             sessionStorage.setItem(sessionKey, JSON.stringify(SetBotByAgent));
@@ -2119,7 +2171,7 @@ const Ai12zBot = class {
         }
     }
     async configBot() {
-        var _a, _b, _c, _d, _f;
+        var _a, _b, _c;
         const payload = {
             apiKey: this.dataKey,
             configId: this.configId,
@@ -2197,7 +2249,7 @@ const Ai12zBot = class {
                 // Clean up cookies when cookies is not enabled
                 if (this.botSettings && !((_c = this.botSettings) === null || _c === void 0 ? void 0 : _c.cookies)) {
                     const domain = getValidCookieDomain(this.botSettings.subDomain);
-                    deleteJsonCookie(botHelpers.getBotStateKey(this.botSettings.pId, (_f = (_d = this.botSettings) === null || _d === void 0 ? void 0 : _d._id) === null || _f === void 0 ? void 0 : _f.$oid), { domain });
+                    deleteJsonCookie(botHelpers.getBotStateKey(this.botSettings.pId, this.getResolvedConfigId(), this.botType), { domain });
                 }
             }
         }
@@ -2268,6 +2320,7 @@ const Ai12zBot = class {
         const responseEvent = protocol === "v2" ? "chunk" : "response";
         const endEvent = protocol === "v2" ? "complete" : "end_response";
         this.socket.on(responseEvent, async (event) => {
+            this.resetStreamEndWatchdog();
             const { id, idChanged } = parseHelper.ensureMessageId(this.currentDomId, this.messages, "chatbot");
             this.currentDomId = id;
             if (idChanged)
@@ -2282,6 +2335,12 @@ const Ai12zBot = class {
             });
         });
         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" ? responseAdapter.adaptCompleteToLegacy(rawData) : rawData;
             if (data.showInput !== undefined && typeof data.showInput === "boolean") {
@@ -2307,7 +2366,7 @@ const Ai12zBot = class {
             }
             this.announce(this.isOpened ? "New message received" : "New message received while chat is minimized");
             requestAnimationFrame(async () => {
-                var _a, _b, _c, _d, _f, _g, _h;
+                var _a, _b, _c;
                 try {
                     // ✅ Create config object
                     const config = {
@@ -2373,22 +2432,24 @@ const Ai12zBot = class {
                     // ✅ Common cleanup
                     this.conversationId = data.conversationId;
                     // this.saveConversation()
-                    ctaHelpers.saveConversation((_b = this.botSettings) === null || _b === void 0 ? void 0 : _b.pId, this.messages, this.conversationId, (_d = (_c = this.botSettings._id) === null || _c === void 0 ? void 0 : _c.$oid) !== null && _d !== void 0 ? _d : "", this.visitorID, "bot", {
+                    const configId = this.getResolvedConfigId();
+                    ctaHelpers.saveConversation((_b = this.botSettings) === null || _b === void 0 ? void 0 : _b.pId, this.messages, this.conversationId, configId, this.visitorID, "bot", {
                         isMinimized: this.isMinimized,
                         isOpened: this.isOpened,
                         isExpanded: this.isExpanded,
-                    });
+                    }, this.botType);
                     if (this.visitorID && isFirstExchange) {
-                        const sessionKey = botHelpers.getBotStateKey(this.botSettings.pId, (_f = this.botSettings._id) === null || _f === void 0 ? void 0 : _f.$oid);
+                        const sessionKey = botHelpers.getBotStateKey(this.botSettings.pId, configId, this.botType);
                         sessionStorage.setItem(sessionKey, JSON.stringify({
                             isMinimized: this.isMinimized,
                             isOpened: this.isOpened,
                             isExpanded: this.isExpanded,
                             messages: this.messages,
                             conversationId: this.conversationId,
-                            configId: (_g = this.botSettings._id) === null || _g === void 0 ? void 0 : _g.$oid,
+                            configId,
                             visitorID: this.visitorID,
-                            projectId: (_h = this.botSettings) === null || _h === void 0 ? void 0 : _h.pId,
+                            projectId: (_c = this.botSettings) === null || _c === void 0 ? void 0 : _c.pId,
+                            botType: this.botType,
                             date: new Date(),
                         }));
                     }
@@ -2396,12 +2457,12 @@ const Ai12zBot = class {
                         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();
                 }
             });
         });
@@ -2483,7 +2544,7 @@ const Ai12zBot = class {
         }
     }
     // ✅ 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);
@@ -2492,8 +2553,26 @@ const Ai12zBot = class {
             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();
@@ -2670,6 +2749,7 @@ const Ai12zBot = class {
                 this.messages = [...this.messages];
             }
             this.isStreaming = false;
+            this.isSending = false;
         });
         this.socket.on("connect_error", error => {
             this.errored.emit(error);
@@ -2682,7 +2762,7 @@ const Ai12zBot = class {
             this.errored.emit(error);
             this.announce("An error occurred with the chat server. Please try again.");
             console.error("Socket error:", error);
-            this.isStreaming = false;
+            this.releaseSendLock();
             if (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.isLoading) {
                 lastMessage.text = errorMessage;
                 lastMessage.isLoading = false;
@@ -2708,9 +2788,21 @@ const Ai12zBot = class {
             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 = utils.getBackendProtocol(this.dataMode);
         let data;
@@ -2718,13 +2810,13 @@ const Ai12zBot = class {
         if (protocol === "v2") {
             eventName = "query";
             const beaconId = sessionStorage.getItem("ai12zBeaconId");
-            data = Object.assign({ query: this.query !== "" ? this.query : this.inputEl.value, botType: this.botType, 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: beacon.buildBeacon() }));
+            data = Object.assign({ query, botType: this.botType, 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: beacon.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,
@@ -2761,6 +2853,7 @@ const Ai12zBot = class {
             .catch(error => {
             console.error("Error in processDataOverride:", error);
             this.errored.emit(error);
+            this.releaseSendLock();
             this.announce("An error occurred while sending your message.");
         });
     }
@@ -2771,15 +2864,17 @@ const Ai12zBot = class {
         }
         return [];
     }
+    getResolvedConfigId() {
+        return ctaHelpers.resolveConfigId(this.botSettings);
+    }
     loadConversation() {
-        var _a;
         this.showWelcomeScreen = false;
         // this.hideInput = true
         // this.messages = []
         const storedMessages = localStorage.getItem(`${this.visitorID}`);
         if (storedMessages) {
             this.conversationHistory = JSON.parse(storedMessages);
-            this.conversationHistory = ctaHelpers.filterConversationHistoryByProjectAndConfig(this.conversationHistory, (_a = this.botSettings._id) === null || _a === void 0 ? void 0 : _a.$oid, this.botSettings.pId);
+            this.conversationHistory = ctaHelpers.filterConversationHistoryByProjectAndConfig(this.conversationHistory, this.getResolvedConfigId(), this.botSettings.pId, this.botType);
             // this.conversationHistory = this.conversationHistory.filter(item => item.projectId === this.botSettings?.pId)
         }
     }
@@ -2793,6 +2888,7 @@ const Ai12zBot = class {
     stopResponse() {
         this.ignoreChunks = true; // drop future chunks
         this.isStreaming = false;
+        this.releaseSendLock();
         this.messages[this.messages.length - 1].isLoading = false;
         // this.socket.off('response');
     }
@@ -2894,9 +2990,12 @@ const Ai12zBot = class {
         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();
     }
@@ -3083,11 +3182,12 @@ const Ai12zBot = class {
         }
     }
     async updateBotState() {
-        var _a, _b, _c, _d;
-        const sessionKey = botHelpers.getBotStateKey(this.botSettings.pId, (_a = this.botSettings._id) === null || _a === void 0 ? void 0 : _a.$oid);
+        var _a;
+        const configId = this.getResolvedConfigId();
+        const sessionKey = botHelpers.getBotStateKey(this.botSettings.pId, configId, this.botType);
         let storedState = await utils.getSessionState(sessionKey);
         if (!storedState) {
-            storedState = botHelpers.getBotStateFromSession(this.botSettings.pId, (_b = this.botSettings._id) === null || _b === void 0 ? void 0 : _b.$oid);
+            storedState = botHelpers.getBotStateFromSession(this.botSettings.pId, configId, this.botType);
         }
         if (typeof storedState === "string") {
             try {
@@ -3106,8 +3206,9 @@ const Ai12zBot = class {
             isExpanded: this.isExpanded,
             messages: this.messages,
             conversationId: this.conversationId,
-            projectId: (_c = this.botSettings) === null || _c === void 0 ? void 0 : _c.pId,
-            configId: (_d = this.botSettings) === null || _d === void 0 ? void 0 : _d._id.$oid,
+            projectId: (_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.pId,
+            configId,
+            botType: this.botType,
             newChat: this.messages.length === 0 ? true : false,
             isLiveAgent: this.isLiveAgent,
             liveAgentProviderName: this.liveAgentProviderName,

package/dist/cjs/ai12z-category_2.cjs.entry.js

@@ -5,8 +5,8 @@ var SearchResult = require('./SearchResult-CvTJr55G.js');
 var utils = require('./utils-kaVdO3ki.js');
 var _commonjsHelpers = require('./_commonjsHelpers-MBWFX2dn.js');
 var appStore = require('./app-store-BtkiHvcw.js');
-var parseHelper = require('./parseHelper-CNiHFgWF.js');
-require('./ctaHelpers-DUkpEv0V.js');
+var parseHelper = require('./parseHelper-DGQ2ETjm.js');
+require('./ctaHelpers-CFn_XVtl.js');
 require('./logger-D--BUQGx.js');
 
 const categoryCss = () => `ai12z-category{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-search-font-size, var(--ai12z-font-size)) !important}.custom-title{font-size:var(--ai12z-category-font-size);color:var(--ai12z-category-font-color)}`;

package/dist/cjs/ai12z-chat-message.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var botHelpers = require('./botHelpers-AxnPKelf.js');
+var botHelpers = require('./botHelpers-B_lFspU6.js');
 var styleSheetRegistry = require('./styleSheetRegistry-Cv84KUXj.js');
 require('./utils-kaVdO3ki.js');