ai12z 3.15.1 → 3.16.1-alpha.1

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

@@ -406,6 +406,7 @@ class SalesforceLiveAgentProvider {
         return "unknown";
     }
     handleSessionStatusChange(event) {
+        var _a;
         try {
             if (!event.data)
                 return;
@@ -416,6 +417,18 @@ class SalesforceLiveAgentProvider {
             if ((entryPayload === null || entryPayload === void 0 ? void 0 : entryPayload.sessionStatus) === "Active") {
                 ChatEventBus.emit("AGENT_SESSION_CREATED", true);
             }
+            else if ((entryPayload === null || entryPayload === void 0 ? void 0 : entryPayload.sessionStatus) === "Ended") {
+                // The agent (or system) ended the session. Salesforce's authoritative
+                // CloseConversation event can lag by minutes, so end the live-agent
+                // session now — otherwise the user is stuck in "Type a message to the
+                // agent" mode with no indication the agent left. This is transfer-safe:
+                // a transfer keeps the session "Active", only a real end reports "Ended".
+                ChatEventBus.emit("CONVERSATION_CLOSED", true);
+                // Mirror the CloseConversation case: tear down the SSE connection too.
+                // Closing halts delivery of the registered named listeners, so the now-
+                // redundant (and delayed) CloseConversation event won't reopen this path.
+                (_a = this.eventSource) === null || _a === void 0 ? void 0 : _a.close();
+            }
         }
         catch (error) {
             logger.error("Error handling session status change event:", error);
@@ -423,16 +436,20 @@ class SalesforceLiveAgentProvider {
         }
     }
     listenToMessages() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         logger.debug("Listening to messages from Salesforce Live Agent");
         // this.endpointSSE = "http://localhost:5050"
-        const eventSource = new EventSource(`${this.endpointSSE}/bot/liveagent/sse?token=${(_a = this.sessionContext) === null || _a === void 0 ? void 0 : _a.accessToken}&org_id=${(_b = this.configSettings) === null || _b === void 0 ? void 0 : _b.orgId}&sse_url=${(_c = this.configSettings) === null || _c === void 0 ? void 0 : _c.instanceUrl}`, {
+        // Close any existing connection before opening a new one (e.g. on resume)
+        // so we don't leak a dangling SSE stream.
+        (_a = this.eventSource) === null || _a === void 0 ? void 0 : _a.close();
+        const eventSource = new EventSource(`${this.endpointSSE}/bot/liveagent/sse?token=${(_b = this.sessionContext) === null || _b === void 0 ? void 0 : _b.accessToken}&org_id=${(_c = this.configSettings) === null || _c === void 0 ? void 0 : _c.orgId}&sse_url=${(_d = this.configSettings) === null || _d === void 0 ? void 0 : _d.instanceUrl}`, {
             withCredentials: true,
         });
         if (!eventSource) {
             logger.error("Failed to create EventSource");
             throw new Error("Failed to create EventSource");
         }
+        this.eventSource = eventSource;
         eventSource.onerror = () => {
             logger.error("❌ SSE Error: Connection lost or error occurred");
             // Handle error, e.g., retry connection or notify user
@@ -444,7 +461,7 @@ class SalesforceLiveAgentProvider {
             logger.debug("✅ SSE Connection Established");
             // ChatEventBus.emit("liveAgentReady", undefined)
         };
-        eventSource.onmessage = event => {
+        const handleSSEMessage = (event) => {
             var _a, _b;
             try {
                 const parsedEventData = JSON.parse(event.data);
@@ -508,6 +525,34 @@ class SalesforceLiveAgentProvider {
                 return;
             }
         };
+        // Salesforce MIAW delivers NAMED SSE events (event:CONVERSATION_*), which do
+        // NOT trigger EventSource.onmessage — that only fires for unnamed "message"
+        // events. Register the handler for each named conversation event (and keep
+        // onmessage as a fallback) so the lifecycle events are actually processed.
+        // Without this the widget never sees SessionStatusChanged/ParticipantChanged,
+        // never emits AGENT_SESSION_CREATED, times out, and tears down the session.
+        //
+        // Single source of truth: every conversationEntry.entryType the handleSSEMessage
+        // switch above handles maps 1:1 to its named CONVERSATION_* event here. Keep
+        // this map in sync with the switch — a missing entry means that event is
+        // silently never delivered (that is exactly what happened to StreamingToken /
+        // ProgressIndicator before this map existed).
+        const SF_ENTRY_EVENT_MAP = {
+            Message: "CONVERSATION_MESSAGE",
+            RoutingResult: "CONVERSATION_ROUTING_RESULT",
+            RoutingWorkResult: "CONVERSATION_ROUTING_WORK_RESULT",
+            ParticipantChanged: "CONVERSATION_PARTICIPANT_CHANGED",
+            TypingStartedIndicator: "CONVERSATION_TYPING_STARTED_INDICATOR",
+            TypingStoppedIndicator: "CONVERSATION_TYPING_STOPPED_INDICATOR",
+            DeliveryAcknowledgement: "CONVERSATION_DELIVERY_ACKNOWLEDGEMENT",
+            ReadAcknowledgement: "CONVERSATION_READ_ACKNOWLEDGEMENT",
+            CloseConversation: "CONVERSATION_CLOSE_CONVERSATION",
+            StreamingToken: "CONVERSATION_STREAMING_TOKEN",
+            ProgressIndicator: "CONVERSATION_PROGRESS_INDICATOR",
+            SessionStatusChanged: "CONVERSATION_SESSION_STATUS_CHANGED",
+        };
+        Object.values(SF_ENTRY_EVENT_MAP).forEach(type => eventSource.addEventListener(type, handleSSEMessage));
+        eventSource.onmessage = handleSSEMessage;
     }
     /** Interface Implementation */
     /**
@@ -679,14 +724,17 @@ class SalesforceLiveAgentProvider {
      * It sends a POST request to the Salesforce MIAW API to close the conversation.
      */
     async endChat(_sessionId) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         (_a = this.availabilityAbort) === null || _a === void 0 ? void 0 : _a.abort();
+        // Tear down the SSE stream on an explicit end so the connection and its
+        // registered named listeners don't leak past the session.
+        (_b = this.eventSource) === null || _b === void 0 ? void 0 : _b.close();
         // console.log("this.sessionContext?.conversationId", this.sessionContext?.conversationId)
-        if ((_b = this.sessionContext) === null || _b === void 0 ? void 0 : _b.conversationId) {
-            const res = await fetch(`${(_c = this.configSettings) === null || _c === void 0 ? void 0 : _c.instanceUrl}/iamessage/api/v2/conversation/${(_d = this.sessionContext) === null || _d === void 0 ? void 0 : _d.conversationId}?esDeveloperName=${(_e = this.configSettings) === null || _e === void 0 ? void 0 : _e.messagingChannelId}`, {
+        if ((_c = this.sessionContext) === null || _c === void 0 ? void 0 : _c.conversationId) {
+            const res = await fetch(`${(_d = this.configSettings) === null || _d === void 0 ? void 0 : _d.instanceUrl}/iamessage/api/v2/conversation/${(_e = this.sessionContext) === null || _e === void 0 ? void 0 : _e.conversationId}?esDeveloperName=${(_f = this.configSettings) === null || _f === void 0 ? void 0 : _f.messagingChannelId}`, {
                 method: "DELETE",
                 headers: {
-                    "Authorization": `Bearer ${(_f = this.sessionContext) === null || _f === void 0 ? void 0 : _f.accessToken}`,
+                    "Authorization": `Bearer ${(_g = this.sessionContext) === null || _g === void 0 ? void 0 : _g.accessToken}`,
                     "Content-Type": "application/json",
                 },
             });
@@ -1262,49 +1310,51 @@ const Ai12zBot = class {
             // }
         };
         this.agentMessageCreated = (message) => {
-            if (this.currentDomId === "") {
-                // Get the last message in the messages array
-                const lastMessage = this.messages[this.messages.length - 1];
-                // check if last message is from user or agent
-                if (!lastMessage.sender || lastMessage.sender === null || lastMessage.type === "system") {
-                    // Generate a new temporary message object
-                    const tempMsg = utils.generateMessage(this.conversationId);
-                    // Generate a unique ID for the new message
-                    this.currentDomId = `chatbot-${utils.generateUUID()}`;
-                    tempMsg.id = this.currentDomId;
-                    tempMsg.isLoading = false;
-                    // Set sender to 'agent' for live agent messages
-                    this.messages = [...this.messages, tempMsg];
-                }
-                else {
-                    // If the last message is from the user or already has a sender, update its ID
-                    const { id, idChanged } = parseHelper.ensureMessageId(this.currentDomId, this.messages, "chatbot");
-                    this.currentDomId = id;
-                    if (idChanged)
-                        this.messages = [...this.messages];
-                }
-            }
+            var _a;
             const retMessage = this.liveAgentEventHandler.handleAgentMessage(message);
-            if (retMessage) {
-                this.announce("New message received from live agent");
-                // ✅ Wait for DOM to update before querying
-                requestAnimationFrame(() => {
-                    var _a;
-                    const aiMessageBubble = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.currentDomId}`);
-                    if (aiMessageBubble) {
-                        const converter = new processCarouselData.showdown.Converter();
-                        let bubbleText = aiMessageBubble.getAttribute("data-bubbleText") || "";
-                        bubbleText = `${bubbleText} \n\n ${retMessage}`;
-                        aiMessageBubble.setAttribute("data-bubbleText", bubbleText);
-                        let html = converter.makeHtml(bubbleText);
-                        this.updateConversations(html, message[0]);
-                        this.updateBotState();
-                    }
-                    setTimeout(() => {
-                        this.scrollToBottom();
-                    }, 10);
-                });
-            }
+            if (!retMessage)
+                return;
+            this.announce("New message received from live agent");
+            // Render agent messages declaratively through component state (the same way
+            // agentEventHandler renders the "agent joined" banner) instead of writing
+            // into a DOM bubble that Stencil may not have rendered yet. The old code
+            // added an empty bubble to state then, one requestAnimationFrame later,
+            // queried `#currentDomId` in the shadow DOM to write the text — but Stencil's
+            // re-render is async, so for the first agent message(s) the element didn't
+            // exist yet, the querySelector returned null, and the text was dropped
+            // entirely (never stored in state). It only "worked after" a user reply
+            // forced a re-render. Building the message in state removes that race.
+            const converter = new processCarouselData.showdown.Converter();
+            const finalHtml = converter.makeHtml(retMessage);
+            const entry = Array.isArray(message) ? message[0] : message;
+            // Behavior change vs. pre-#2493: each agent message now renders as its own
+            // bubble. The previous code concatenated consecutive agent messages that
+            // arrived before a user reply into one growing bubble (via a persistent
+            // currentDomId + string concat). One-bubble-per-message is intentional here —
+            // it matches how bot/user messages already render and avoids the DOM-append
+            // race this PR fixes. To restore merged bubbles, append to the last agent
+            // message's `text` in state (when the last message is the same sender and no
+            // user message interrupted) instead of always pushing a new entry.
+            const agentMsg = {
+                id: `chatbot-${utils.generateUUID()}`,
+                text: finalHtml,
+                isUser: false,
+                isLoading: false,
+                timestamp: new Date().toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }),
+                images: [],
+                conversationId: this.conversationId,
+                formModel: {},
+                surveyDomId: "",
+                thumbsId: `${utils.generateUUID()}`,
+                showIcon: true,
+                hideThumbsUpandDown: true,
+                insightId: null,
+                sender: (_a = entry === null || entry === void 0 ? void 0 : entry.sender) !== null && _a !== void 0 ? _a : { role: "agent", displayName: "Agent" },
+            };
+            this.messages = [...this.messages, agentMsg];
+            this.currentDomId = "";
+            this.updateBotState();
+            this.scheduleAutoScroll();
         };
         this.addEventMessage = (_message) => {
             const agentEventMessages = this.liveAgentEventHandler.addAgentEventMessage([
@@ -1356,10 +1406,42 @@ const Ai12zBot = class {
             this.announce("Live agent connection failed");
         };
         this.handleAgentConversationEnded = () => {
-            // Only show the closed message if an agent was actually connected;
-            // suppress it when the session timed out with no agent available
+            // Only notify if an agent was actually connected; suppress when the session
+            // timed out with no agent available.
+            //
+            // This can be invoked more than once — the sessionStatus="Ended" path and the
+            // delayed CloseConversation both emit CONVERSATION_CLOSED. That double-fire is
+            // handled by the isLiveAgent gate below, NOT by alreadyNotified: isLiveAgent is
+            // set false synchronously in this same call, so any later invocation skips the
+            // whole block (JS is single-threaded; no await runs in between).
+            //
+            // alreadyNotified guards a different case: when the agent leaving already
+            // produced a "<name> has left the chat" participant banner, don't stack a
+            // near-duplicate "The live agent has left the conversation." notice on top.
             if (this.isLiveAgent) {
-                this.addEventMessage("Conversation closed with Live Agent");
+                const last = this.messages[this.messages.length - 1];
+                const alreadyNotified = (last === null || last === void 0 ? void 0 : last.type) === "system" && typeof (last === null || last === void 0 ? void 0 : last.text) === "string" && last.text.toLowerCase().includes("left");
+                if (!alreadyNotified) {
+                    // Render the banner through state (like agentEventHandler) rather than
+                    // the DOM-query addEventMessage, which silently no-ops when the target
+                    // bubble isn't rendered — that's why the "ended" notice never showed.
+                    this.messages = [
+                        ...this.messages,
+                        {
+                            id: `system-${utils.generateUUID()}`,
+                            text: "The live agent has left the conversation.",
+                            type: "system",
+                            isUser: false,
+                            isLoading: false,
+                            timestamp: new Date().toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }),
+                            images: [],
+                            conversationId: this.conversationId,
+                            formModel: {},
+                            surveyDomId: "",
+                            sender: null,
+                        },
+                    ];
+                }
                 this.announce("Live agent chat ended");
             }
             this.isLiveAgent = false;
@@ -1367,7 +1449,10 @@ const Ai12zBot = class {
             this.liveAgentConversationId = "";
             this.isTypingIndicatorVisible = false;
             this.liveAgentButtonText = "Talk to a Live Agent";
+            this.currentDomId = "";
             this.clearEvents();
+            this.updateBotState();
+            this.scheduleAutoScroll();
         };
         this.agentEventHandler = event => {
             this.isTypingIndicatorVisible = false;
@@ -1394,6 +1479,10 @@ const Ai12zBot = class {
                     this.inputEl.value = "";
                 }
                 this.currentDomId = "";
+                // Scroll the new banner (e.g. "… has joined the chat") into view — but only
+                // when the user is already near the bottom (see scheduleAutoScroll), so we
+                // don't yank them down mid-scroll during a join/leave burst.
+                this.scheduleAutoScroll();
             }
         };
         this.handleAgentSessionCreated = () => {
@@ -2212,6 +2301,7 @@ const Ai12zBot = class {
             controlType: data.controlType,
             thumbsId: `${utils.generateUUID()}`,
             showIcon: !data.controlType && !this.surveyDomId,
+            hideThumbsUpandDown: this.isLiveAgent ? true : false,
             insightId: (_f = data === null || data === void 0 ? void 0 : data.insightId) !== null && _f !== void 0 ? _f : null,
             sender: (_g = data === null || data === void 0 ? void 0 : data.sender) !== null && _g !== void 0 ? _g : null,
             itemComponent: data,
@@ -2533,6 +2623,29 @@ const Ai12zBot = class {
             this.unreadCount = 0;
         }
     }
+    /** True when the chat is scrolled to (or within `threshold`px of) the bottom. */
+    isNearBottom(threshold = 150) {
+        var _a;
+        const container = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".chat-body");
+        if (!container)
+            return true;
+        return container.scrollHeight - container.scrollTop - container.clientHeight <= threshold;
+    }
+    /**
+     * Auto-scroll for the live-agent path (agent messages + join/leave banners).
+     * Unlike scrollToBottom(), this (1) only scrolls when the user is already near
+     * the bottom, so a burst never yanks the view down while they read history, and
+     * (2) coalesces rapid messages into a single scroll via a short debounce.
+     * The near-bottom check is captured now, before Stencil re-renders and grows the
+     * container — if they weren't near the bottom, their position is left alone.
+     */
+    scheduleAutoScroll() {
+        if (!this.isNearBottom())
+            return;
+        if (this.autoScrollTimer)
+            clearTimeout(this.autoScrollTimer);
+        this.autoScrollTimer = setTimeout(() => this.scrollToBottom(), 60);
+    }
     checkLiveAgentMode() {
         var _a, _b, _c, _d;
         const isLiveAgentConfigured = ((_b = (_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.liveagent) === null || _b === void 0 ? void 0 : _b.providers) && Object.keys((_d = (_c = this.botSettings) === null || _c === void 0 ? void 0 : _c.liveagent) === null || _d === void 0 ? void 0 : _d.providers).length > 0;

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

@@ -55,18 +55,10 @@ const Ai12zChatMessage = class {
         botHelpers.initializeScript(event.detail.id, this.mainObject);
     }
     componentWillLoad() {
-        var _a, _b;
         this.loadScriptsSequentially();
-        // Adopt customCSS in this shadow root using the shared CSSStyleSheet
-        // already constructed by the parent knowledge-box (zero extra fetches).
-        if ((_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.customCSS) {
-            styleSheetRegistry.adoptStyleSheet(this.kbSettings.customCSS, this.el.shadowRoot);
-        }
-        if ((_b = this.kbSettings) === null || _b === void 0 ? void 0 : _b.customJS) {
-            styleSheetRegistry.loadScriptOnce(this.kbSettings.customJS, this.el.shadowRoot);
-        }
     }
     componentDidLoad() {
+        var _a, _b;
         // Initialise the ai12z global exactly once; never overwrite an existing value.
         if (!window["ai12z"]) {
             window["ai12z"] = {};
@@ -75,6 +67,14 @@ const Ai12zChatMessage = class {
         ai12zHeading.text = `var ai12zChat = window["ai12z"] = {}`;
         this.el.shadowRoot.appendChild(ai12zHeading);
         this.checkOverflow();
+        // Adopt customCSS in this shadow root using the shared CSSStyleSheet
+        // already constructed by the parent knowledge-box (zero extra fetches).
+        if ((_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.customCSS) {
+            styleSheetRegistry.adoptStyleSheet(this.kbSettings.customCSS, this.el.shadowRoot);
+        }
+        if ((_b = this.kbSettings) === null || _b === void 0 ? void 0 : _b.customJS) {
+            styleSheetRegistry.loadScriptOnce(this.kbSettings.customJS, this.el.shadowRoot);
+        }
     }
     async loadScriptsSequentially() {
         try {
@@ -156,9 +156,9 @@ const Ai12zChatMessage = class {
     render() {
         var _a, _b, _c, _d;
         const lineClamp = (_b = (_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.numberOfLines) !== null && _b !== void 0 ? _b : 10;
-        return (index.h("div", { key: '54f51ffb7c06bbb20fc1088c0fb63a8669d7ba45', class: "chat-message" }, index.h("div", { key: '281bc75361bcfadb4611eefeb9697d525b9e2d27', ref: (el) => this.messageRef = el, class: { 'message-text': true, "custom-line-clamp": !this.isExpanded && !this.isCollapsing && this.showButton }, style: {
+        return (index.h("div", { key: '2d24739583f2f73daa28590c6c121531cf6ab4ce', class: "chat-message" }, index.h("div", { key: '9e8ca0a62a0de746f367164ff51ea9b9a22e93a0', ref: (el) => this.messageRef = el, class: { 'message-text': true, "custom-line-clamp": !this.isExpanded && !this.isCollapsing && this.showButton }, style: {
                 "--line-clamp": `${lineClamp}`,
-            }, innerHTML: this.text, onClick: this.showButton ? this.toggleExpand : undefined }), !this.isExpanded && this.showButton && this.canExpand && index.h("div", { key: 'd6e262dbca0934b97fafb3dd7723b3b9333d8e10', class: "fade-overlay" }), this.showButton && this.canExpand && index.h("button", { key: 'e1e711b71656763ecdeb1cb6f73166528f023914', class: "show-more-btn", onClick: this.toggleExpand }, this.isExpanded ? (((_c = this.kbSettings) === null || _c === void 0 ? void 0 : _c.showLessButtonLabel) || "Show less") : (((_d = this.kbSettings) === null || _d === void 0 ? void 0 : _d.showMoreButtonLabel) || "Show more"), this.isExpanded ? index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "6 9 12 15 18 9" })) : index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "18 15 12 9 6 15" })))));
+            }, innerHTML: this.text, onClick: this.showButton ? this.toggleExpand : undefined }), !this.isExpanded && this.showButton && this.canExpand && index.h("div", { key: '12f386a03fc84f97d2e585ea21cf4f8d31964c34', class: "fade-overlay" }), this.showButton && this.canExpand && index.h("button", { key: '1633be8cd35334eae64f75d7ce5fd87b30054849', class: "show-more-btn", onClick: this.toggleExpand }, this.isExpanded ? (((_c = this.kbSettings) === null || _c === void 0 ? void 0 : _c.showLessButtonLabel) || "Show less") : (((_d = this.kbSettings) === null || _d === void 0 ? void 0 : _d.showMoreButtonLabel) || "Show more"), this.isExpanded ? index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "6 9 12 15 18 9" })) : index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "18 15 12 9 6 15" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/chat-avatar_6.cjs.entry.js

@@ -228,16 +228,17 @@ const InteractionButtons = class {
                     this.audioElement = null; // Dereference the object
                 }
                 // this.isPlayed = false
-            } }, index.h("svg", { key: '7917d77a2ae82e41ecca58761b24bdd40ed901f8', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "icon-md-heavy" }, index.h("path", { key: '709788d90a11ef6e33c4b504b58f5daab0d91d6d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM9.5 8.5C8.94772 8.5 8.5 8.94772 8.5 9.5V14.5C8.5 15.0523 8.94772 15.5 9.5 15.5H14.5C15.0523 15.5 15.5 15.0523 15.5 14.5V9.5C15.5 8.94772 15.0523 8.5 14.5 8.5H9.5Z", fill: "currentColor" })))), !this.isPlayed && (index.h("button", { key: '007f1ba6c2f17d809dafb460e49e6d58cac83b2f', class: "copy-btn", tabindex: "0", onClick: () => this.speakText(utils.removeHtmlTags(this.message.text)), "aria-label": "Speak Text" }, index.h("svg", { key: 'ff62913d5c73c19b3b1bdf5b37057cc9e022fda4', class: "w-6 h-6", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8186495b322cd06040e9ea23e50d2c9ea50bebd4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11 4.9099C11 4.47485 10.4828 4.24734 10.1621 4.54132L6.67572 7.7372C6.49129 7.90626 6.25019 8.00005 6 8.00005H4C3.44772 8.00005 3 8.44776 3 9.00005V15C3 15.5523 3.44772 16 4 16H6C6.25019 16 6.49129 16.0938 6.67572 16.2629L10.1621 19.4588C10.4828 19.7527 11 19.5252 11 19.0902V4.9099ZM8.81069 3.06701C10.4142 1.59714 13 2.73463 13 4.9099V19.0902C13 21.2655 10.4142 22.403 8.81069 20.9331L5.61102 18H4C2.34315 18 1 16.6569 1 15V9.00005C1 7.34319 2.34315 6.00005 4 6.00005H5.61102L8.81069 3.06701ZM20.3166 6.35665C20.8019 6.09313 21.409 6.27296 21.6725 6.75833C22.5191 8.3176 22.9996 10.1042 22.9996 12.0001C22.9996 13.8507 22.5418 15.5974 21.7323 17.1302C21.4744 17.6185 20.8695 17.8054 20.3811 17.5475C19.8927 17.2896 19.7059 16.6846 19.9638 16.1962C20.6249 14.9444 20.9996 13.5175 20.9996 12.0001C20.9996 10.4458 20.6064 8.98627 19.9149 7.71262C19.6514 7.22726 19.8312 6.62017 20.3166 6.35665ZM15.7994 7.90049C16.241 7.5688 16.8679 7.65789 17.1995 8.09947C18.0156 9.18593 18.4996 10.5379 18.4996 12.0001C18.4996 13.3127 18.1094 14.5372 17.4385 15.5604C17.1357 16.0222 16.5158 16.1511 16.0539 15.8483C15.5921 15.5455 15.4632 14.9255 15.766 14.4637C16.2298 13.7564 16.4996 12.9113 16.4996 12.0001C16.4996 10.9859 16.1653 10.0526 15.6004 9.30063C15.2687 8.85905 15.3578 8.23218 15.7994 7.90049Z", fill: "currentColor" })))), index.h("button", { key: '73b95dd34970f896e9ad3a5641924b5cb825a6ec', id: `thumbsUp_${this.message.thumbsId}`, tabindex: "0", onClick: () => {
-                var _a;
-                thumbsUp(this.message.thumbsId, this.message.insightId, this.el, {
-                    dataKey: this.dataKey,
-                    dataMode: this.dataMode,
-                    conversationId: this.conversationId,
-                    projectId: this.projectId,
-                    questionText: ((_a = this.chatArray[this.currentIndex - 1]) === null || _a === void 0 ? void 0 : _a.text) || "",
-                });
-            }, class: "chat-thumbs-up", "aria-label": "Thumbs Up" }, index.h("svg", { key: 'ac3bd7b9dca8a7b2fe280f454bfa719aa5064bb5', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-6 h-6" }, index.h("path", { key: '24d32fb905fd8499f529f7ab8fdbb28f4428f192', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z" }))), index.h("button", { key: 'e88dacbba6d2b8d45beb06a7d5b6e60405fa11d4', id: `thumbsDown_${this.message.thumbsId}`, onClick: () => {
+            } }, index.h("svg", { key: '7917d77a2ae82e41ecca58761b24bdd40ed901f8', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "icon-md-heavy" }, index.h("path", { key: '709788d90a11ef6e33c4b504b58f5daab0d91d6d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM9.5 8.5C8.94772 8.5 8.5 8.94772 8.5 9.5V14.5C8.5 15.0523 8.94772 15.5 9.5 15.5H14.5C15.0523 15.5 15.5 15.0523 15.5 14.5V9.5C15.5 8.94772 15.0523 8.5 14.5 8.5H9.5Z", fill: "currentColor" })))), !this.isPlayed && (index.h("button", { key: '007f1ba6c2f17d809dafb460e49e6d58cac83b2f', class: "copy-btn", tabindex: "0", onClick: () => this.speakText(utils.removeHtmlTags(this.message.text)), "aria-label": "Speak Text" }, index.h("svg", { key: 'ff62913d5c73c19b3b1bdf5b37057cc9e022fda4', class: "w-6 h-6", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8186495b322cd06040e9ea23e50d2c9ea50bebd4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11 4.9099C11 4.47485 10.4828 4.24734 10.1621 4.54132L6.67572 7.7372C6.49129 7.90626 6.25019 8.00005 6 8.00005H4C3.44772 8.00005 3 8.44776 3 9.00005V15C3 15.5523 3.44772 16 4 16H6C6.25019 16 6.49129 16.0938 6.67572 16.2629L10.1621 19.4588C10.4828 19.7527 11 19.5252 11 19.0902V4.9099ZM8.81069 3.06701C10.4142 1.59714 13 2.73463 13 4.9099V19.0902C13 21.2655 10.4142 22.403 8.81069 20.9331L5.61102 18H4C2.34315 18 1 16.6569 1 15V9.00005C1 7.34319 2.34315 6.00005 4 6.00005H5.61102L8.81069 3.06701ZM20.3166 6.35665C20.8019 6.09313 21.409 6.27296 21.6725 6.75833C22.5191 8.3176 22.9996 10.1042 22.9996 12.0001C22.9996 13.8507 22.5418 15.5974 21.7323 17.1302C21.4744 17.6185 20.8695 17.8054 20.3811 17.5475C19.8927 17.2896 19.7059 16.6846 19.9638 16.1962C20.6249 14.9444 20.9996 13.5175 20.9996 12.0001C20.9996 10.4458 20.6064 8.98627 19.9149 7.71262C19.6514 7.22726 19.8312 6.62017 20.3166 6.35665ZM15.7994 7.90049C16.241 7.5688 16.8679 7.65789 17.1995 8.09947C18.0156 9.18593 18.4996 10.5379 18.4996 12.0001C18.4996 13.3127 18.1094 14.5372 17.4385 15.5604C17.1357 16.0222 16.5158 16.1511 16.0539 15.8483C15.5921 15.5455 15.4632 14.9255 15.766 14.4637C16.2298 13.7564 16.4996 12.9113 16.4996 12.0001C16.4996 10.9859 16.1653 10.0526 15.6004 9.30063C15.2687 8.85905 15.3578 8.23218 15.7994 7.90049Z", fill: "currentColor" })))), !this.message.hideThumbsUpandDown &&
+            index.h("button", { key: '6f5dff07e526e2cdc47bc44b2f58a0f89fd53cce', id: `thumbsUp_${this.message.thumbsId}`, tabindex: "0", onClick: () => {
+                    var _a;
+                    thumbsUp(this.message.thumbsId, this.message.insightId, this.el, {
+                        dataKey: this.dataKey,
+                        dataMode: this.dataMode,
+                        conversationId: this.conversationId,
+                        projectId: this.projectId,
+                        questionText: ((_a = this.chatArray[this.currentIndex - 1]) === null || _a === void 0 ? void 0 : _a.text) || "",
+                    });
+                }, class: "chat-thumbs-up", "aria-label": "Thumbs Up" }, index.h("svg", { key: '2cd7fdb5e05b9b74faeebe6eed0bca21e646f69a', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-6 h-6" }, index.h("path", { key: '3804be8337ef4725d77d371c6236d443355223e7', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6.633 10.25c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 0 1 2.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 0 0 .322-1.672V2.75a.75.75 0 0 1 .75-.75 2.25 2.25 0 0 1 2.25 2.25c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282m0 0h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 0 1-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 0 0-1.423-.23H5.904m10.598-9.75H14.25M5.904 18.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 0 1-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 9.953 4.167 9.5 5 9.5h1.053c.472 0 .745.556.5.96a8.958 8.958 0 0 0-1.302 4.665c0 1.194.232 2.333.654 3.375Z" }))), !this.message.hideThumbsUpandDown && index.h("button", { key: '6698fb5391a1fa1636461d622cbeba9b1f240a3c', id: `thumbsDown_${this.message.thumbsId}`, onClick: () => {
                 var _a;
                 return thumbsDown(this.message.thumbsId, this.message.insightId, this.el, {
                     dataKey: this.dataKey,
@@ -246,7 +247,7 @@ const InteractionButtons = class {
                     projectId: this.projectId,
                     questionText: ((_a = this.chatArray[this.currentIndex - 1]) === null || _a === void 0 ? void 0 : _a.text) || "",
                 });
-            }, class: "chat-thumbs-up", "aria-label": "Thumbs Down" }, index.h("svg", { key: 'b23d5fa5643c1e6cc6f3026385a8d7cb93bc6693', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-6 h-6" }, index.h("path", { key: '20c32a05eb6e12926ac553a1ab4bed9e45fceb7e', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54" }))), index.h("button", { key: '3c6b36fba4822583aa696ecb0554d7f21bb16ee7', class: "copy-btn", onClick: () => this.copyToClipboard(this.message.text), "aria-label": "Copy Text" }, !this.copied && (index.h("svg", { key: '8894cf516b01e42bb49103091ba8b7a79b1b28b9', class: "w-6 h-6", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9f0571488b60f8b39794c78cb962a3e0c5d0273a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z", fill: "currentColor" }))), this.copied && (index.h("svg", { key: '389e0dd0c42e6a2686a66a898b6b3727eb9f104b', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "w-6 h-6" }, index.h("path", { key: '00419fae11b47645d88eff7bc416ca20c0142d1d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.8198 6.19526C20.0601 6.45561 20.0601 6.87772 19.8198 7.13807L9.9736 17.8047C9.73328 18.0651 9.34364 18.0651 9.10332 17.8047L4.18024 12.4714C3.93992 12.2111 3.93992 11.7889 4.18024 11.5286C4.42056 11.2682 4.8102 11.2682 5.05053 11.5286L9.53846 16.3905L18.9495 6.19526C19.1898 5.93491 19.5794 5.93491 19.8198 6.19526Z", fill: "currentColor" })))), index.h("button", { key: 'bc7d7e38758231b7f146300a5f8876c6082666b3', class: "copy-btn", "aria-label": "Send Email" }, index.h("a", { key: '0d3f2e732bb670fa494b50cc2151f6770e221a57', href: `mailto:${email}?subject=${encodeURIComponent((_a = this.chatArray[this.currentIndex - 1]) === null || _a === void 0 ? void 0 : _a.text)}&body=${encodeURIComponent(utils.removeHtmlTags(this.message.text))}`, target: "_blank" }, index.h("svg", { key: '4cff30b349e567b0ddc05b7dfeef3cea54c2b1fa', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", "stroke-width": "0.3", class: "w-6 h-6" }, index.h("path", { key: 'ba202044b745f9d37b91520cff1086941f155c56', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z", fill: "currentColor" }), " ")))));
+            }, class: "chat-thumbs-up", "aria-label": "Thumbs Down" }, index.h("svg", { key: 'c9a9095c0d387c67c649d0ff66e0554d27ac25fd', xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", class: "w-6 h-6" }, index.h("path", { key: 'e7c3f597faf0cb79d2c439ac5b3cd835a681d71e', "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.498 15.25H4.372c-1.026 0-1.945-.694-2.054-1.715a12.137 12.137 0 0 1-.068-1.285c0-2.848.992-5.464 2.649-7.521C5.287 4.247 5.886 4 6.504 4h4.016a4.5 4.5 0 0 1 1.423.23l3.114 1.04a4.5 4.5 0 0 0 1.423.23h1.294M7.498 15.25c.618 0 .991.724.725 1.282A7.471 7.471 0 0 0 7.5 19.75 2.25 2.25 0 0 0 9.75 22a.75.75 0 0 0 .75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 0 0 2.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384m-10.253 1.5H9.7m8.075-9.75c.01.05.027.1.05.148.593 1.2.925 2.55.925 3.977 0 1.487-.36 2.89-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398-.306.774-1.086 1.227-1.918 1.227h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 0 0 .303-.54" }))), index.h("button", { key: '04a0db0b288f173529d8cb19ccc09c50847ec8aa', class: "copy-btn", onClick: () => this.copyToClipboard(this.message.text), "aria-label": "Copy Text" }, !this.copied && (index.h("svg", { key: '3f69ba67f017ed628c01b765d0fde102a0219edb', class: "w-6 h-6", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b721b1aff45c6f7452e77ea9eb4a86280b41273b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7 5C7 3.34315 8.34315 2 10 2H19C20.6569 2 22 3.34315 22 5V14C22 15.6569 20.6569 17 19 17H17V19C17 20.6569 15.6569 22 14 22H5C3.34315 22 2 20.6569 2 19V10C2 8.34315 3.34315 7 5 7H7V5ZM9 7H14C15.6569 7 17 8.34315 17 10V15H19C19.5523 15 20 14.5523 20 14V5C20 4.44772 19.5523 4 19 4H10C9.44772 4 9 4.44772 9 5V7ZM5 9C4.44772 9 4 9.44772 4 10V19C4 19.5523 4.44772 20 5 20H14C14.5523 20 15 19.5523 15 19V10C15 9.44772 14.5523 9 14 9H5Z", fill: "currentColor" }))), this.copied && (index.h("svg", { key: '11c6d49c31049913fe6533549abe5255cc87c27b', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "w-6 h-6" }, index.h("path", { key: '35a4885c4110d49320643a908f83e4e7138cdf0f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.8198 6.19526C20.0601 6.45561 20.0601 6.87772 19.8198 7.13807L9.9736 17.8047C9.73328 18.0651 9.34364 18.0651 9.10332 17.8047L4.18024 12.4714C3.93992 12.2111 3.93992 11.7889 4.18024 11.5286C4.42056 11.2682 4.8102 11.2682 5.05053 11.5286L9.53846 16.3905L18.9495 6.19526C19.1898 5.93491 19.5794 5.93491 19.8198 6.19526Z", fill: "currentColor" })))), index.h("button", { key: 'ed8932a55da4f4bd3aaa281390217400ae9be59b', class: "copy-btn", "aria-label": "Send Email" }, index.h("a", { key: '267d94e1d9850464820978266a97b52a07aabb7f', href: `mailto:${email}?subject=${encodeURIComponent((_a = this.chatArray[this.currentIndex - 1]) === null || _a === void 0 ? void 0 : _a.text)}&body=${encodeURIComponent(utils.removeHtmlTags(this.message.text))}`, target: "_blank" }, index.h("svg", { key: '2bb1ac9deaf577086dbbfbbf981600ff9031c46c', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "currentColor", "stroke-width": "0.3", class: "w-6 h-6" }, index.h("path", { key: '062336e4dac5379b18271bc3411d4ff2c0665895', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.75 5.25L3 6V18L3.75 18.75H20.25L21 18V6L20.25 5.25H3.75ZM4.5 7.6955V17.25H19.5V7.69525L11.9999 14.5136L4.5 7.6955ZM18.3099 6.75H5.68986L11.9999 12.4864L18.3099 6.75Z", fill: "currentColor" }), " ")))));
     }
     get el() { return index.getElement(this); }
 };