ai12z 3.16.1-alpha.2 → 3.16.1-alpha.4

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

@@ -0,0 +1,35 @@
+'use strict';
+
+var index = require('./index-v8T1EJAJ.js');
+var beacon = require('./beacon-B9ZWQpG6.js');
+require('./utils-C2m26j54.js');
+
+const Ai12zBeacon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.dataKey = index.Env.DATA_KEY || "";
+        this.dataMode = index.Env.DATA_MODE || "prod";
+    }
+    componentWillLoad() {
+        this.initializeBeacon();
+    }
+    onDataKeyChange() {
+        this.initializeBeacon();
+    }
+    initializeBeacon() {
+        if (!this.dataKey) {
+            return;
+        }
+        beacon.initBeacon(this.dataKey);
+    }
+    render() {
+        return index.h(index.Host, { key: '0c87acbc61ff504f2cc6406be2e255e92f9e3220', hidden: true });
+    }
+    static get watchers() { return {
+        "dataKey": [{
+                "onDataKeyChange": 0
+            }]
+    }; }
+};
+
+exports.ai12z_beacon = Ai12zBeacon;

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

@@ -2,19 +2,21 @@
 
 var index = require('./index-v8T1EJAJ.js');
 var responseAdapter = require('./response-adapter-CKKyyhMj.js');
-var processCarouselData = require('./processCarouselData-kCVPE4mw.js');
-var logger$1 = require('./logger-2ZBZCKdM.js');
-var utils = require('./utils-7C5_GnyF.js');
-var index$1 = require('./index-CKLC7f4y.js');
+var processCarouselData = require('./processCarouselData-Dl_WYwVE.js');
+var logger$2 = require('./logger-2ZBZCKdM.js');
+var utils = require('./utils-C2m26j54.js');
+var index$1 = require('./index-DbNk7qkZ.js');
 var globalStore = require('./global-store-R6x06KvJ.js');
-var reCaptchaHelpers = require('./reCaptchaHelpers-sfktrnTF.js');
+var reCaptchaHelpers = require('./reCaptchaHelpers-mbTvATH6.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var surveyHelpers = require('./surveyHelpers-DohugkWP.js');
+var surveyHelpers = require('./surveyHelpers-DFh4q1hj.js');
 var scriptStyleLoader = require('./scriptStyleLoader-D-bqKqSb.js');
-var keyboardShortcuts = require('./keyboard-shortcuts-BWprLtLj.js');
-var ctaHelpers = require('./ctaHelpers-DUPj5SnE.js');
+var keyboardShortcuts = require('./keyboard-shortcuts-BpiAXzLW.js');
+var ctaHelpers = require('./ctaHelpers-CmoXzyRy.js');
 var appStore = require('./app-store-BtkiHvcw.js');
-var parseHelper = require('./parseHelper-5fRVefLm.js');
+var parseHelper = require('./parseHelper-CbA81TvP.js');
+var beacon = require('./beacon-B9ZWQpG6.js');
+var bodyScrollLock = require('./bodyScrollLock-C7gKTAfx.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 
 // ILiveAgentProvider.ts
@@ -33,6 +35,22 @@ class LiveAgentAuthExpiredError extends Error {
     }
 }
 
+/**
+ * Reduce a raw AGENT_ERROR reason to a fixed telemetry bucket. The raw text is
+ * untrusted upstream output and must not be re-logged or rendered by consumers
+ * — log the bucket instead. The emit site in salesforce.ts already records the
+ * full reason once (work items #4020, #4021).
+ */
+function categorizeAgentErrorReason(reason) {
+    if (!reason)
+        return "unknown";
+    if (reason === "transport")
+        return "transport";
+    const status = /\b([1-5]\d{2})\b/.exec(reason);
+    if (status)
+        return `upstream_${status[1][0]}xx`;
+    return "upstream_other";
+}
 class EventBus {
     constructor() {
         this.events = new Map();
@@ -54,8 +72,8 @@ class EventBus {
 }
 const ChatEventBus = new EventBus();
 
-const logger = new logger$1.Logger("SalesforceLiveAgentProvider", {
-    logLevel: logger$1.LogLevel.Info, // Set to Debug for detailed logs",
+const logger$1 = new logger$2.Logger("SalesforceLiveAgentProvider", {
+    logLevel: logger$2.LogLevel.Info, // Set to Debug for detailed logs",
     remoteLoggingUrl: "",
 });
 /**
@@ -86,12 +104,12 @@ class SalesforceLiveAgentProvider {
                     },
                 });
                 if (!availabilityRes.ok) {
-                    logger.warn(`Agent availability check failed: ${availabilityRes.status} ${availabilityRes.statusText}`);
+                    logger$1.warn(`Agent availability check failed: ${availabilityRes.status} ${availabilityRes.statusText}`);
                     ChatEventBus.emit("AGENT_UNAVAILABLE", { reason: "request_error" });
                     return false;
                 }
                 const availabilityData = await availabilityRes.json();
-                logger.debug("Agent availability check result:", availabilityData);
+                logger$1.debug("Agent availability check result:", availabilityData);
                 const entries = (_c = availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.conversationEntries) !== null && _c !== void 0 ? _c : [];
                 const routingEntry = entries.find((e) => e.entryType === "RoutingResult");
                 if (routingEntry) {
@@ -102,20 +120,20 @@ class SalesforceLiveAgentProvider {
                             entryPayload = JSON.parse(entryPayload);
                         }
                         catch (_d) {
-                            logger.warn("Failed to parse RoutingResult entryPayload");
+                            logger$1.warn("Failed to parse RoutingResult entryPayload");
                         }
                     }
                     const failureReason = entryPayload === null || entryPayload === void 0 ? void 0 : entryPayload.failureReason;
                     if (failureReason) {
-                        logger.warn("Routing failed with reason:", failureReason);
+                        logger$1.warn("Routing failed with reason:", failureReason);
                         ChatEventBus.emit("AGENT_UNAVAILABLE", { reason: failureReason });
                         return false;
                     }
-                    logger.debug("Agent routed successfully");
+                    logger$1.debug("Agent routed successfully");
                     return true;
                 }
                 // conversationEntries is empty — routing hasn't completed yet, retry
-                logger.debug(`No RoutingResult yet (entries: ${entries.length}), retrying in ${POLL_INTERVAL_MS}ms…`);
+                logger$1.debug(`No RoutingResult yet (entries: ${entries.length}), retrying in ${POLL_INTERVAL_MS}ms…`);
                 // await new Promise(resolve => setTimeout(resolve, POLL_INTERVAL_MS))
                 await new Promise((resolve, reject) => {
                     const t = setTimeout(resolve, POLL_INTERVAL_MS);
@@ -123,7 +141,7 @@ class SalesforceLiveAgentProvider {
                 }).catch(() => null);
             }
             // Timed out — no routing result arrived within the window
-            logger.warn("Timed out waiting for MIAW routing result");
+            logger$1.warn("Timed out waiting for MIAW routing result");
             ChatEventBus.emit("AGENT_UNAVAILABLE", { reason: "timeout" });
             return false;
         };
@@ -239,13 +257,13 @@ class SalesforceLiveAgentProvider {
                 this.sendMessage({ isNewSession: true, sessionId: ((_m = this.sessionContext) === null || _m === void 0 ? void 0 : _m.sessionId) || "", message: formatInitialMessages });
             }
             if (await this.checkAgentAvailability(this.sessionContext.conversationId || "")) {
-                logger.debug("Agent is available, starting to listen to messages");
+                logger$1.debug("Agent is available, starting to listen to messages");
                 this.listenToMessages();
             }
             else {
                 // AGENT_UNAVAILABLE (with reason: failureReason | "timeout" | "request_error")
                 // was already emitted by checkAgentAvailability
-                logger.warn("No agent assigned — skipping SSE listener setup");
+                logger$1.warn("No agent assigned — skipping SSE listener setup");
             }
         }
     }
@@ -255,7 +273,7 @@ class SalesforceLiveAgentProvider {
      */
     async initialize(startChatOptions) {
         var _a, _b, _c;
-        logger.debug("Initializing Salesforce Live Agent Provider");
+        logger$1.debug("Initializing Salesforce Live Agent Provider");
         if (!this.configSettings) {
             this.configSettings = (startChatOptions === null || startChatOptions === void 0 ? void 0 : startChatOptions.config) || this.configSettings;
         }
@@ -279,7 +297,7 @@ class SalesforceLiveAgentProvider {
             await this.startSession();
         }
         catch (error) {
-            logger.error("Error initializing Salesforce Live Agent Provider:", error);
+            logger$1.error("Error initializing Salesforce Live Agent Provider:", error);
             throw error;
         }
     }
@@ -304,7 +322,7 @@ class SalesforceLiveAgentProvider {
     }
     handleParticipantChange(event) {
         try {
-            logger.debug("Participant change event received:", event.data);
+            logger$1.debug("Participant change event received:", event.data);
             if (!event.data)
                 return;
             // Parse the event data
@@ -350,7 +368,7 @@ class SalesforceLiveAgentProvider {
             }
         }
         catch (error) {
-            logger.error("Error handling participant change event:", error);
+            logger$1.error("Error handling participant change event:", error);
             // Handle error appropriately, e.g., log it or notify the user
         }
     }
@@ -381,7 +399,7 @@ class SalesforceLiveAgentProvider {
              * This is to prevent processing messages that are not relevant to the agent's response
              */
             if (((_b = (_a = data === null || data === void 0 ? void 0 : data.conversationEntry) === null || _a === void 0 ? void 0 : _a.sender) === null || _b === void 0 ? void 0 : _b.role) === "EndUser") {
-                logger.debug("Ignoring message from EndUser role");
+                logger$1.debug("Ignoring message from EndUser role");
                 return;
             }
             const entryPayload = JSON.parse(data.conversationEntry.entryPayload);
@@ -393,7 +411,7 @@ class SalesforceLiveAgentProvider {
             }
         }
         catch (error) {
-            logger.error("Error handling participant message event:", error);
+            logger$1.error("Error handling participant message event:", error);
             // Handle error appropriately, e.g., log it or notify the user
         }
     }
@@ -413,7 +431,7 @@ class SalesforceLiveAgentProvider {
             // Parse the event data
             const data = JSON.parse(event.data);
             const entryPayload = JSON.parse(data.conversationEntry.entryPayload);
-            logger.debug("Session status changed:", entryPayload === null || entryPayload === void 0 ? void 0 : entryPayload.sessionStatus);
+            logger$1.debug("Session status changed:", entryPayload === null || entryPayload === void 0 ? void 0 : entryPayload.sessionStatus);
             if ((entryPayload === null || entryPayload === void 0 ? void 0 : entryPayload.sessionStatus) === "Active") {
                 ChatEventBus.emit("AGENT_SESSION_CREATED", true);
             }
@@ -431,13 +449,13 @@ class SalesforceLiveAgentProvider {
             }
         }
         catch (error) {
-            logger.error("Error handling session status change event:", error);
+            logger$1.error("Error handling session status change event:", error);
             // Handle error appropriately, e.g., log it or notify the user
         }
     }
     listenToMessages() {
         var _a, _b, _c, _d;
-        logger.debug("Listening to messages from Salesforce Live Agent");
+        logger$1.debug("Listening to messages from Salesforce Live Agent");
         // this.endpointSSE = "http://localhost:5050"
         // Close any existing connection before opening a new one (e.g. on resume)
         // so we don't leak a dangling SSE stream.
@@ -446,7 +464,7 @@ class SalesforceLiveAgentProvider {
             withCredentials: true,
         });
         if (!eventSource) {
-            logger.error("Failed to create EventSource");
+            logger$1.error("Failed to create EventSource");
             throw new Error("Failed to create EventSource");
         }
         this.eventSource = eventSource;
@@ -460,32 +478,34 @@ class SalesforceLiveAgentProvider {
             // `upstream_error` event — see below — which is the preferred, unambiguous
             // channel; this stays as a defensive fallback.)
             const data = event === null || event === void 0 ? void 0 : event.data;
-            logger.error(typeof data === "string" && data ? `❌ SSE server error frame: ${data}` : "❌ SSE Error: Connection lost or error occurred");
-            ChatEventBus.emit("AGENT_ERROR", true);
+            logger$1.error(typeof data === "string" && data ? `❌ SSE server error frame: ${data}` : "❌ SSE Error: Connection lost or error occurred");
+            ChatEventBus.emit("AGENT_ERROR", {
+                reason: typeof data === "string" && data ? data : "transport",
+            });
             // Optionally, you can close the EventSource if needed
             eventSource.close();
         };
         eventSource.onopen = () => {
-            logger.debug("✅ SSE Connection Established");
+            logger$1.debug("✅ SSE Connection Established");
             // ChatEventBus.emit("liveAgentReady", undefined)
         };
         const handleSSEMessage = (event) => {
             var _a, _b;
             try {
                 const parsedEventData = JSON.parse(event.data);
-                logger.debug("📡 Message Received on entrytype:", (_a = parsedEventData === null || parsedEventData === void 0 ? void 0 : parsedEventData.conversationEntry) === null || _a === void 0 ? void 0 : _a.entryType, " --- ", event.data);
+                logger$1.debug("📡 Message Received on entrytype:", (_a = parsedEventData === null || parsedEventData === void 0 ? void 0 : parsedEventData.conversationEntry) === null || _a === void 0 ? void 0 : _a.entryType, " --- ", event.data);
                 // Handle incoming messages if needed
                 switch ((_b = parsedEventData === null || parsedEventData === void 0 ? void 0 : parsedEventData.conversationEntry) === null || _b === void 0 ? void 0 : _b.entryType) {
                     case "RoutingResult":
                     case "RoutingWorkResult":
-                        logger.debug("Conversation Routing Result:", event.data);
+                        logger$1.debug("Conversation Routing Result:", event.data);
                         // Handle conversation routing result if needed
                         // ChatEventBus.emit("AGENT_SESSION_CREATED", true)
                         ChatEventBus.emit("FINDING_AGENT", event.data);
                         // ChatEventBus.emit("AGENT_EVENT", [])
                         break;
                     case "ParticipantChanged":
-                        logger.debug("Conversation ParticipantChanged event received:", event === null || event === void 0 ? void 0 : event.data);
+                        logger$1.debug("Conversation ParticipantChanged event received:", event === null || event === void 0 ? void 0 : event.data);
                         // Check if the participant joining is an AGENT, not the user
                         // ChatEventBus.emit("AGENT_SESSION_CREATED", true)
                         this.handleParticipantChange(event);
@@ -499,7 +519,7 @@ class SalesforceLiveAgentProvider {
                         break;
                     case "DeliveryAcknowledgement":
                     case "ReadAcknowledgement":
-                        logger.debug("Conversation event received:", event === null || event === void 0 ? void 0 : event.data);
+                        logger$1.debug("Conversation event received:", event === null || event === void 0 ? void 0 : event.data);
                         // Handle conversation close if needed
                         // ChatEventBus.emit("AGENT_EVENT", event.data)
                         break;
@@ -507,29 +527,29 @@ class SalesforceLiveAgentProvider {
                         ChatEventBus.emit("TYPING_STARTED", true);
                         break;
                     case "TypingStoppedIndicator":
-                        logger.debug("Typing indicator received:", event.data);
+                        logger$1.debug("Typing indicator received:", event.data);
                         // Handle typing indicator if needed
                         ChatEventBus.emit("TYPING_STOPPED", true);
                         break;
                     case "StreamingToken":
-                        logger.debug("Streaming token received", event.data);
+                        logger$1.debug("Streaming token received", event.data);
                         // Handle streaming token if needed
                         // ChatEventBus.emit("streamingTokenReceived", event.data)
                         break;
                     case "ProgressIndicator":
-                        logger.debug("Progress indicator received", event.data);
+                        logger$1.debug("Progress indicator received", event.data);
                         // Handle progress indicator if needed
                         // ChatEventBus.emit("progressIndicatorReceived", event.data)
                         break;
                     case "SessionStatusChanged":
-                        logger.debug("Session status changed event received", event.data);
+                        logger$1.debug("Session status changed event received", event.data);
                         // Handle session status change if needed
                         this.handleSessionStatusChange(event);
                         break;
                 }
             }
             catch (e) {
-                logger.error("Failed to parse event data:", e);
+                logger$1.error("Failed to parse event data:", e);
                 return;
             }
         };
@@ -568,8 +588,12 @@ class SalesforceLiveAgentProvider {
         // so the specific status is logged and the user is notified. NOTE: the data is
         // plain text ("upstream returned 503"), so do NOT JSON.parse it.
         eventSource.addEventListener("upstream_error", (event) => {
-            logger.error("❌ Live agent SSE upstream error:", event.data);
-            ChatEventBus.emit("AGENT_ERROR", true);
+            logger$1.error("❌ Live agent SSE upstream error:", event.data);
+            ChatEventBus.emit("AGENT_ERROR", {
+                reason: typeof event.data === "string" && event.data
+                    ? event.data
+                    : "upstream_error",
+            });
             eventSource.close();
         });
     }
@@ -716,7 +740,7 @@ class SalesforceLiveAgentProvider {
                     setTimeout(poll, 5000);
                 }
                 catch (err) {
-                    logger.error("Error on Polling", err.toString());
+                    logger$1.error("Error on Polling", err.toString());
                     reject(err);
                 }
             };
@@ -731,7 +755,7 @@ class SalesforceLiveAgentProvider {
      * It checks the session context to determine if the session is active.
      */
     async isChatActive(sessionId) {
-        logger.debug("sessionId", sessionId);
+        logger$1.debug("sessionId", sessionId);
         if (!this.sessionContext)
             return false;
         return this.sessionContext.isActive;
@@ -758,7 +782,7 @@ class SalesforceLiveAgentProvider {
                 },
             });
             if (!(res === null || res === void 0 ? void 0 : res.ok)) {
-                logger.warn(`Failed to end the chat`);
+                logger$1.warn(`Failed to end the chat`);
             }
         }
     }
@@ -770,7 +794,7 @@ class SalesforceLiveAgentProvider {
      * It returns an array of messages from the session context.
      */
     async getTranscript(sessionId) {
-        logger.debug("sessionId", sessionId);
+        logger$1.debug("sessionId", sessionId);
         if (!this.sessionContext)
             return [];
         return this.sessionContext.initialMessages || [];
@@ -795,8 +819,8 @@ LiveAgentProvider.provider = "salesforce";
 /** Refactor the below to code  to handle the liveagent events and integrate with the chat system ai12z-bot.tsx */
 class LiveAgentEventHandler {
     constructor() {
-        this.logger = new logger$1.Logger("LiveAgentEventHandler", {
-            logLevel: logger$1.LogLevel.Warn, // Set log level based on environment or configuration
+        this.logger = new logger$2.Logger("LiveAgentEventHandler", {
+            logLevel: logger$2.LogLevel.Warn, // Set log level based on environment or configuration
         });
         /**
          * Called when the `messageReceived` event is emitted.
@@ -1042,6 +1066,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
+const logger = new logger$2.Logger("Ai12zBot");
 const Ai12zBot = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -1206,10 +1231,11 @@ const Ai12zBot = class {
             }
         };
         this.handleMessage = (data, aiMessageId) => {
+            var _a;
             const converter = new processCarouselData.showdown.Converter();
             // const aiMessageBubble = document.getElementById(aiMessageId);
             // const aiMessageBubble = await waitForElement(`#${aiMessageId}`, this.el)
-            const aiMessageBubble = this.el.shadowRoot.querySelector(`#${aiMessageId}`);
+            const aiMessageBubble = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${aiMessageId}`);
             if (!aiMessageBubble) {
                 console.error(`Message bubble with ID ${aiMessageId} not found.`);
                 return;
@@ -1233,6 +1259,7 @@ const Ai12zBot = class {
             }
         };
         this.handleSend = async (eleValue, options = {}) => {
+            var _a;
             const { isHide = false, isLiveChatEnded = false } = options;
             this.emptyMessageError = false;
             this.surveyDomId = "";
@@ -1294,6 +1321,7 @@ const Ai12zBot = class {
             ];
             if (this.messages.length === 2) {
                 this.visitorID = utils.getOrCreateVisitorId();
+                beacon.setConversationId(this.dataKey, this.conversationId);
             }
             this.checkHistory();
             setTimeout(() => {
@@ -1322,7 +1350,7 @@ const Ai12zBot = class {
                 }
             }
             // this.invokeSocket()
-            const parent = this.el.shadowRoot.querySelector("#previewContainer");
+            const parent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#previewContainer");
             if (parent) {
                 parent.innerHTML = "";
             }
@@ -1379,6 +1407,7 @@ const Ai12zBot = class {
             this.scheduleAutoScroll();
         };
         this.addEventMessage = (_message) => {
+            var _a;
             const agentEventMessages = this.liveAgentEventHandler.addAgentEventMessage([
                 {
                     text: _message,
@@ -1390,7 +1419,7 @@ const Ai12zBot = class {
                 }
             }
             if (agentEventMessages && this.currentDomId) {
-                const currentDomElement = this.el.shadowRoot.querySelector(`#${this.currentDomId}`);
+                const currentDomElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.currentDomId}`);
                 if (currentDomElement) {
                     // Append the agent event messages to the current message bubble
                     currentDomElement.parentNode.appendChild(agentEventMessages);
@@ -1416,7 +1445,12 @@ const Ai12zBot = class {
         this.handleTypingStopped = (_status) => {
             this.isTypingIndicatorVisible = false;
         };
-        this.handleAgentError = () => {
+        this.handleAgentError = (payload) => {
+            // Log only the bucketed category: the raw reason is untrusted upstream text
+            // and is already recorded once at the emit site (salesforce.ts), so keeping
+            // it out of this path avoids shipping it to console-capturing RUM tools and
+            // avoids double-logging. Warn level is suppressed in production bundles.
+            logger.warn("Live Agent error category:", categorizeAgentErrorReason(payload === null || payload === void 0 ? void 0 : payload.reason));
             this.addEventMessage("Something went wrong with Live Agent, please try again later");
             this.isLiveAgent = false;
             this.liveAgentSessionId = "";
@@ -1554,6 +1588,7 @@ const Ai12zBot = class {
                     this.loadConversation();
                     break;
                 case "end":
+                    this.syncBodyScrollLock(false);
                     this.messages = [...[]];
                     this.conversationId = "";
                     this.isOpened = false;
@@ -1660,6 +1695,7 @@ const Ai12zBot = class {
         return (activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === "TEXTAREA" || (activeElement === null || activeElement === void 0 ? void 0 : activeElement.tagName) === "INPUT";
     }
     handleNewConversation() {
+        this.syncBodyScrollLock(true);
         // Clear messages and start a new conversation
         this.messages = [];
         this.conversationId = "";
@@ -1739,11 +1775,13 @@ const Ai12zBot = class {
             this.openChat((_a = options === null || options === void 0 ? void 0 : options.expanded) !== null && _a !== void 0 ? _a : false);
         }
         if (type === "minimize" && this.isOpened) {
+            this.syncBodyScrollLock(false);
             this.minimizeChat();
         }
         this.checkHistory();
         if (type === "close") {
             // this.isChatOpen = false
+            this.syncBodyScrollLock(false);
             this.searchResults = {};
             this.surveyDomId = "";
             this.showWelcomeScreen = true;
@@ -1751,6 +1789,7 @@ const Ai12zBot = class {
             // this.saveConversation()
             this.messages = [...[]];
             this.conversationId = "";
+            this.isOpened = false;
             this.close.emit("close");
             this.announce("Chat closed");
             clearInterval(this.timer);
@@ -1769,6 +1808,7 @@ const Ai12zBot = class {
         this.timestamp = utils.formatTimestamp(new Date());
         this.updateScreenSize();
         await this.configBot();
+        beacon.initBeacon(this.dataKey);
         this.visitorID = "ai12z-" + localStorage.getItem(`ai12z-visitorId`);
         // Now safely read state with valid pId
         this.hydrateStateFromStorage();
@@ -1791,6 +1831,9 @@ const Ai12zBot = class {
         if (botState) {
             this.isOpened = botState.isOpened;
             this.isMinimized = botState.isMinimized;
+            if (this.isOpened) {
+                this.syncBodyScrollLock(true, false);
+            }
             this.isExpanded = botState.isExpanded;
             this.conversationId = botState.conversationId;
             if (!botState.newChat) {
@@ -1847,6 +1890,7 @@ const Ai12zBot = class {
         }
     }
     componentDidLoad() {
+        var _a;
         globalStore.setBotElement(this.el); // register globally
         if (typeof window !== "undefined" && !window.Handlebars) {
             window.Handlebars = index$1.Handlebars;
@@ -1861,7 +1905,7 @@ const Ai12zBot = class {
       var ai12zChat = window["ai12z"] = {}
     `;
         document.head.appendChild(ai12zHeading);
-        this.el.shadowRoot.appendChild(ai12zHeading);
+        (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(ai12zHeading);
         // ✅ Initialize asset loader if not already done (configBot may have initialized it)
         if (!this.assetLoader) {
             this.initializeAssetLoader();
@@ -1922,6 +1966,10 @@ const Ai12zBot = class {
         // Remove event listener when component is destroyed
         document.removeEventListener("click", this.handleClickOutside.bind(this));
         window.removeEventListener("resize", this.updateScreenSize);
+        // A debounced auto-scroll may still be pending; cancel it so it cannot
+        // fire scrollToBottom() against a torn-down component.
+        if (this.autoScrollTimer)
+            clearTimeout(this.autoScrollTimer);
     }
     handleClickOutside(event) {
         // Check if the clicked target is outside the menu
@@ -1972,8 +2020,17 @@ const Ai12zBot = class {
             this.announceMessage = "";
         }, 1000);
     }
+    syncBodyScrollLock(shouldOpen, wasOpen = this.isOpened) {
+        if (shouldOpen && !wasOpen) {
+            bodyScrollLock.bodyScrollLock.acquire("ai12z-bot");
+        }
+        if (!shouldOpen && wasOpen) {
+            bodyScrollLock.bodyScrollLock.release("ai12z-bot");
+        }
+    }
     openChat(expanded = false) {
         var _a, _b;
+        this.syncBodyScrollLock(true);
         this.unreadCount = 0;
         // document.title = `Chat opened – ${this.originalTitle}`
         index.ai12zManager.setActive("bot");
@@ -2148,7 +2205,8 @@ const Ai12zBot = class {
     hideSpinner(chatData) {
         // Logic for hiding the spinner (assumed to return a Promise if async is needed)
         return new Promise(resolve => {
-            const renderedBubble = this.el.shadowRoot.querySelector(`#${chatData.id}`);
+            var _a;
+            const renderedBubble = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${chatData.id}`);
             if (renderedBubble) {
                 const spinner = renderedBubble.querySelector("#spinner");
                 if (spinner) {
@@ -2405,7 +2463,8 @@ const Ai12zBot = class {
         }
     }
     addEventListeners(msgId) {
-        const container = this.el.shadowRoot.querySelector(msgId);
+        var _a;
+        const container = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(msgId);
         if (container) {
             this.buttons.forEach(button => {
                 const buttonElement = container.querySelector(`#${button.id}`);
@@ -2633,7 +2692,8 @@ const Ai12zBot = class {
         // this.socket.off('response');
     }
     scrollToBottom() {
-        const container = this.el.shadowRoot.querySelector(".chat-body");
+        var _a;
+        const container = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".chat-body");
         if (container) {
             container.scroll({
                 top: container.scrollHeight,
@@ -3003,6 +3063,7 @@ const Ai12zBot = class {
                 this.isAnimated = true;
                 this.updateBotState();
             }, "aria-label": "Collapse Bot to Side Panel", "aria-expanded": this.isExpanded ? "true" : "false", "aria-controls": "settings-panel" }, index.h("i", { class: "wes-block wes-icon--loading wes-text-body2 modal-toolbar-icon", title: "Collapse Bot to Side Panel" }, this.isExpanded && (index.h("svg", { viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.215 14.7076H27.692C28.3074 14.7076 28.492 14.0307 27.9997 13.5383L24.9843 10.4614L30.5228 4.86149C30.8305 4.5538 30.8305 3.99995 30.5228 3.69226L28.2459 1.41536C27.9382 1.16921 27.4459 1.16921 27.0767 1.4769L21.5381 7.01532L18.3997 3.99995C17.9073 3.50765 17.2304 3.69226 17.2304 4.30764V13.7845C17.2304 14.2153 17.7843 14.7076 18.215 14.7076ZM13.7847 17.2308H4.30766C3.69227 17.2308 3.50765 17.9077 3.99996 18.4L7.01537 21.4769L1.47686 27.0769C1.16917 27.3846 1.16917 27.9384 1.47686 28.2461L3.75381 30.523C4.0615 30.8307 4.55381 30.8307 4.92305 30.523L10.5231 24.923L13.6616 27.9384C14.0924 28.4923 14.7693 28.3076 14.7693 27.6923V18.2769C14.7693 17.8462 14.2154 17.2308 13.7847 17.2308Z" }))), !this.isExpanded && (index.h("svg", { viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", "aria-hidden": "true" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M30.0308 1.23071H20.4923C19.8769 1.23071 19.6923 1.78455 20.1846 2.27686L23.2 5.29222L17.6615 10.8306C17.3538 11.1383 17.3538 11.6306 17.6615 11.9999L19.9384 14.2768C20.2461 14.5845 20.7384 14.5845 21.1077 14.2768L26.7077 8.67681L29.7231 11.6922C30.2154 12.1845 30.7692 11.9999 30.7692 11.3845V1.90763C30.7692 1.5384 30.4 1.23071 30.0308 1.23071ZM2.15379 30.7692H11.6307C12.2461 30.7692 12.4307 30.0923 11.9384 29.6L8.92303 26.5231L14.4615 20.9231C14.7692 20.6154 14.7692 20.0616 14.4615 19.7539L12.1846 17.477C11.8769 17.1693 11.3846 17.1693 11.0153 17.477L5.47687 23.0154L2.39995 20C1.8461 19.5077 1.23071 19.6923 1.23071 20.3077V29.7846C1.23071 30.2153 1.72302 30.7692 2.15379 30.7692Z" }))))), index.h("button", { class: "rounded-full flex items-center justify-center disabled:cursor-not-allowed bg-transparent hover:bg-blue-95 disabled:bg-transparent disabled:hover:bg-transparent h-6 w-6 bot-btn-primary", "data-testid": "modal-minimize", tabindex: "0", "aria-label": "Minimize", onClick: () => {
+                this.syncBodyScrollLock(false);
                 this.isOpened = false;
                 // this.isContent = false
                 this.isContent = this.isExpanded && this.botSettings.isExpanded ? true : false;
@@ -3039,10 +3100,13 @@ const Ai12zBot = class {
                 opacity: !this.isMinimized ? "1" : "0",
                 transform: "translateX(0)",
                 pointerEvents: !this.isMinimized ? "auto" : "none",
-            } }, !this.isOpened && (index.h("div", { class: `absolute right-4 md:right-0 border-2 border-white border-solid rounded-full ${this.isContent ? "" : "top-0"} minimize-input` }, index.h("button", { class: "rounded-full flex items-center justify-center disabled:cursor-not-allowed bg-gray-500 bg-opacity-60 hover:bg-opacity-80 h-5 w-5 bot-btn-primary", "aria-label": "Minimize Bot", tabindex: "0", onClick: e => {
+            } }, !this.isOpened && (index.h("div", { class: `absolute right-4 md:right-0 border-2 border-white border-solid rounded-full ${this.isContent ? "" : "top-0"} minimize-input` }, index.h("button", { class: "rounded-full flex items-center justify-center disabled:cursor-not-allowed bg-gray-500 bg-opacity-60 hover:bg-opacity-80 h-5 w-5 bot-btn-primary", "aria-label": "Minimized to fab Bot", tabindex: "0", onClick: e => {
                 e.preventDefault();
-                this.isMinimized = !this.isMinimized;
-                this.isOpened = !this.isMinimized;
+                const nextMinimized = !this.isMinimized;
+                const nextOpened = !nextMinimized;
+                this.syncBodyScrollLock(nextOpened);
+                this.isMinimized = nextMinimized;
+                this.isOpened = nextOpened;
                 this.updateBotState();
             } }, index.h("i", { class: "block ai-minimize-icon ai-text-caption", title: "Minimize Bot" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "52", width: "52", viewBox: "0 0 520 520", fill: "#fff", "aria-hidden": "true" }, index.h("path", { d: "M500 275c0 8-7 15-15 15H35c-8 0-15-7-15-15v-30c0-8 7-15 15-15h450c8 0 15 7 15 15z" })))))), index.h("fieldset", { class: `flex flex-col  @md:mx-0 @md:rounded-t-xl  transition-colors ${this.isMinimized && !this.isExpanded ? "" : "p-4 user-input-fieldset"}` }, !this.isExpanded && this.isOpened && this.messages.length === 0 && (index.h("privacy-modal", { show: this.showPrivacy, message: this.botSettings.privacyTemplate })), index.h("div", { class: "flex-1 align-bottom" }, index.h("div", { "aria-hidden": this.isTypingIndicatorVisible ? "false" : "true", class: `flex items-center justify-center w-full ${this.isTypingIndicatorVisible ? "h-12 opacity-100" : "h-0 opacity-0 pointer-events-none"}` }, index.h("typing-indicator", null)), index.h("div", { class: "grow-wrap show-grid after:whitespace-pre-wrap after:invisible relative", "data-replicated-value": "", "aria-disabled": "false" }, this.botSettings.imageUpload && (index.h("div", { "aria-disabled": "true", class: `absolute flex items-center left-0 bottom-0 h-full pl-4 pr-2 ${this.hideAllButtons ? "hidden" : ""} agent-input-icon` }, index.h("button", { class: "plus-icon bot-btn-primary", tabindex: "0", "aria-label": "Add Image", onClick: e => {
                 e.stopPropagation();
@@ -3082,6 +3146,7 @@ const Ai12zBot = class {
             }, onKeyDown: e => {
                 this.handleKeyDown(e);
                 if (e.key === "Enter" && !e.shiftKey) {
+                    this.syncBodyScrollLock(true);
                     this.isOpened = true;
                 }
             }, onPaste: e => {
@@ -3115,16 +3180,19 @@ const Ai12zBot = class {
                     }, 3000);
                     return;
                 }
+                this.syncBodyScrollLock(true);
                 this.isOpened = true;
                 this.handleSend((_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.value);
             } }, index.h("i", { class: "block ai-icon text-body1", title: "Send Message" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-6", "aria-hidden": "true" }, index.h("path", { "fill-rule": "evenodd", d: "M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z", "clip-rule": "evenodd" }))))), this.isStreaming && (index.h("button", { class: "text-white transition rounded-full p-1.5 self-center btn-bg-color bot-btn-primary", "aria-label": "Stop Streaming", tabindex: "0", id: "message-submit",
             // type="submit"
             onClick: e => {
                 e.preventDefault();
+                this.syncBodyScrollLock(true);
                 this.isOpened = true;
                 this.stopResponse();
             } }, index.h("i", { class: "block text-body1", title: "Stop Streaming" }, index.h("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", class: "size-6", "aria-hidden": "true" }, index.h("path", { d: "M4.5 5.75C4.5 5.05964 5.05964 4.5 5.75 4.5H14.25C14.9404 4.5 15.5 5.05964 15.5 5.75V14.25C15.5 14.9404 14.9404 15.5 14.25 15.5H5.75C5.05964 15.5 4.5 14.9404 4.5 14.25V5.75Z" }))))))), this.isExpanded && !this.isOpened && index.h("privacy-modal", { show: this.showPrivacy, message: this.botSettings.privacyTemplate }), this.messages.length === 0 && (index.h("div", { id: "input-enter-tip", role: "tooltip", class: "enter-tip" }, "Tip: Press Enter to send, Shift+Enter for new line")), this.emptyMessageError && (index.h("div", { class: "error-message-container" }, index.h("span", { id: "empty-message-error", class: "error-msg", role: "alert" }, "Message cannot be empty. Please enter a message to send."))), this.showErrorMessage && index.h("p", { class: "error-msg", innerHTML: this.errorMessage }), this.botSettings.buttons && this.botSettings.buttons.length > 0 && !this.isOpened && (index.h("div", { class: "bot-buttons-container flex flex-wrap gap-2 mt-2.5 mb-1" }, this.botSettings.buttons.map((button, index$1) => (index.h("button", { key: index$1, class: "px-4 py-2 ai12z-btn", onClick: e => {
                 e.preventDefault();
+                this.syncBodyScrollLock(true);
                 this.isOpened = true;
                 this.isContent = false;
                 this.handleSend(button.label);