ai12z 3.16.2 → 3.17.1-alpha.3

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

@@ -1,33 +1,42 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var beacon = require('./beacon-Bhd49ADQ.js');
-require('./utils-BsCPba57.js');
+var beacon = require('./beacon-DwOvY6Ne.js');
+require('./utils-DZMolZh2.js');
 
 const Ai12zBeacon = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.dataKey = index.Env.DATA_KEY || "";
         this.dataMode = index.Env.DATA_MODE || "prod";
+        this.disable = false;
     }
     componentWillLoad() {
         this.initializeBeacon();
     }
-    onDataKeyChange() {
+    onPropChange() {
         this.initializeBeacon();
     }
     initializeBeacon() {
         if (!this.dataKey) {
             return;
         }
-        beacon.initBeacon(this.dataKey, this.dataMode);
+        if (!this.disable) {
+            beacon.initBeacon(this.dataKey, this.dataMode);
+        }
     }
     render() {
-        return index.h(index.Host, { key: '48ca1fb76f87618fc7b03fd60e923a16a6cdf87f', hidden: true });
+        return index.h(index.Host, { key: '84462e1e48427855a56beeca8262cb97f6752302', hidden: true });
     }
     static get watchers() { return {
         "dataKey": [{
-                "onDataKeyChange": 0
+                "onPropChange": 0
+            }],
+        "dataMode": [{
+                "onPropChange": 0
+            }],
+        "disable": [{
+                "onPropChange": 0
             }]
     }; }
 };

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

@@ -2,20 +2,20 @@
 
 var index = require('./index-v8T1EJAJ.js');
 var responseAdapter = require('./response-adapter-CKKyyhMj.js');
-var processCarouselData = require('./processCarouselData-DVJtwUsv.js');
+var processCarouselData = require('./processCarouselData-BXglENd8.js');
 var logger$2 = require('./logger-2ZBZCKdM.js');
-var utils = require('./utils-BsCPba57.js');
-var index$1 = require('./index-CHyfwy-h.js');
+var utils = require('./utils-DZMolZh2.js');
+var index$1 = require('./index-B6xfVjPU.js');
 var globalStore = require('./global-store-R6x06KvJ.js');
-var reCaptchaHelpers = require('./reCaptchaHelpers-Djq71pt4.js');
+var reCaptchaHelpers = require('./reCaptchaHelpers-DIDQT22p.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var surveyHelpers = require('./surveyHelpers-D0AfNAN8.js');
+var surveyHelpers = require('./surveyHelpers-B9t5lxy4.js');
 var scriptStyleLoader = require('./scriptStyleLoader-D-bqKqSb.js');
-var keyboardShortcuts = require('./keyboard-shortcuts-BfEhZKK-.js');
-var ctaHelpers = require('./ctaHelpers-DL-PGlAx.js');
+var keyboardShortcuts = require('./keyboard-shortcuts-CBUd9KfQ.js');
+var ctaHelpers = require('./ctaHelpers-CdztrD6A.js');
 var appStore = require('./app-store-BtkiHvcw.js');
-var parseHelper = require('./parseHelper-B8pslVtS.js');
-var beacon = require('./beacon-Bhd49ADQ.js');
+var parseHelper = require('./parseHelper-BuoIRCbd.js');
+var beacon = require('./beacon-DwOvY6Ne.js');
 var bodyScrollLock = require('./bodyScrollLock-C7gKTAfx.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 
@@ -1092,6 +1092,7 @@ const Ai12zBot = class {
         // finding-agent placeholder is tracked via data-finding-agent attribute in the DOM
         // private originalTitle: string = document.title
         this.unreadCount = 0;
+        this.hasPersistedConversationId = false;
         this.liveAgentButtonText = "Talk to a Live Agent";
         this.isLiveAgentEnabled = false;
         this.isTypingIndicatorVisible = false;
@@ -1807,7 +1808,9 @@ const Ai12zBot = class {
         this.timestamp = utils.formatTimestamp(new Date());
         this.updateScreenSize();
         await this.configBot();
-        beacon.initBeacon(this.dataKey, this.dataMode);
+        if (!this.botSettings.disableBeacon) {
+            void beacon.initBeacon(this.dataKey, this.dataMode);
+        }
         this.visitorID = "ai12z-" + localStorage.getItem(`ai12z-visitorId`);
         // Now safely read state with valid pId
         this.hydrateStateFromStorage();
@@ -1835,6 +1838,7 @@ const Ai12zBot = class {
             }
             this.isExpanded = botState.isExpanded;
             this.conversationId = botState.conversationId;
+            this.hasPersistedConversationId = Boolean(botState.conversationId);
             if (!botState.newChat) {
                 this.messages = [...(botState.messages || [])];
             }
@@ -2019,6 +2023,9 @@ const Ai12zBot = class {
             this.announceMessage = "";
         }, 1000);
     }
+    isFirstExchange() {
+        return !this.hasPersistedConversationId;
+    }
     syncBodyScrollLock(shouldOpen, wasOpen = this.isOpened) {
         if (shouldOpen && !wasOpen) {
             bodyScrollLock.bodyScrollLock.acquire("ai12z-bot");
@@ -2261,10 +2268,12 @@ const Ai12zBot = class {
             this.currentDomId = id;
             if (idChanged)
                 this.messages = [...this.messages];
-            // capture once, before handleEndResponse mutates this.messages
-            const isFirstExchange = this.messages.length === 2;
-            if (isFirstExchange) {
+            // capture once, before handleEndResponse mutates this.messages and the submit flow advances.
+            const isFirstExchange = this.isFirstExchange();
+            if (isFirstExchange && !this.botSettings.disableBeacon) {
+                // Persist before emitting so downstream listeners see the conversation id as already stored.
                 beacon.setConversationId(this.dataKey, this.dataMode, data.conversationId);
+                this.hasPersistedConversationId = true;
             }
             if (!orphaned) {
                 this.messageReceived.emit({ data, domId: this.currentDomId });
@@ -2732,8 +2741,14 @@ const Ai12zBot = class {
             clearTimeout(this.autoScrollTimer);
         this.autoScrollTimer = setTimeout(() => this.scrollToBottom(), 60);
     }
+    checkLiveAgentBusinessHours() {
+        var _a, _b, _c, _d, _f, _g;
+        const businessHours = (_c = (_b = (_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.liveagent) === null || _b === void 0 ? void 0 : _b.businessHours) !== null && _c !== void 0 ? _c : null;
+        const timezone = (_g = (_f = (_d = this.botSettings) === null || _d === void 0 ? void 0 : _d.liveagent) === null || _f === void 0 ? void 0 : _f.timezone) !== null && _g !== void 0 ? _g : null;
+        return businessHours && timezone ? botHelpers.checkBusinessHours(businessHours, timezone) : true;
+    }
     checkLiveAgentMode() {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l;
+        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;
         /**
          * Check if live agent is enabled
@@ -2743,9 +2758,7 @@ const Ai12zBot = class {
          * and there is a conversation history to refer to.
          * This prevents the live agent from being connected immediately when the chat is opened.
          */
-        const bh = (_h = (_g = (_f = this.botSettings) === null || _f === void 0 ? void 0 : _f.liveagent) === null || _g === void 0 ? void 0 : _g.businessHours) !== null && _h !== void 0 ? _h : null;
-        const tz = (_l = (_k = (_j = this.botSettings) === null || _j === void 0 ? void 0 : _j.liveagent) === null || _k === void 0 ? void 0 : _k.timezone) !== null && _l !== void 0 ? _l : null;
-        const withinHours = bh && tz ? botHelpers.checkBusinessHours(bh, tz) : true;
+        const withinHours = this.checkLiveAgentBusinessHours();
         this.isLiveAgentEnabled = isLiveAgentConfigured && this.messages.length > 1 && withinHours;
     }
     openEndLiveAgentDialog() {
@@ -2818,7 +2831,7 @@ const Ai12zBot = class {
         ChatEventBus.off("AGENT_SESSION_INFO", this.handleAgentSessionInfo);
     }
     async connectLiveChat() {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o;
         this.announce("Connecting to live agent");
         this.clearEvents();
         const liveAgentProviderNames = Object.keys((_c = (_b = (_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.liveagent) === null || _b === void 0 ? void 0 : _b.providers) !== null && _c !== void 0 ? _c : {});
@@ -2831,8 +2844,6 @@ const Ai12zBot = class {
             console.warn("Multiple live agent providers found, using the first one");
         }
         let liveAgentSettings = (_h = (_g = (_f = (_d = this.botSettings) === null || _d === void 0 ? void 0 : _d.liveagent) === null || _f === void 0 ? void 0 : _f.providers) === null || _g === void 0 ? void 0 : _g[liveAgentProviderNames[0]]) !== null && _h !== void 0 ? _h : null;
-        let liveAgentBusinessHours = (_l = (_k = (_j = this.botSettings) === null || _j === void 0 ? void 0 : _j.liveagent) === null || _k === void 0 ? void 0 : _k.businessHours) !== null && _l !== void 0 ? _l : null;
-        let liveAgentTimezone = (_p = (_o = (_m = this.botSettings) === null || _m === void 0 ? void 0 : _m.liveagent) === null || _o === void 0 ? void 0 : _o.timezone) !== null && _p !== void 0 ? _p : null;
         if (!liveAgentSettings) {
             console.error("No live agent settings found for the provider", liveAgentProviderNames[0]);
             this.announce("Live agent settings are unavailable");
@@ -2856,25 +2867,23 @@ const Ai12zBot = class {
                 extraPrechatFormDetails,
             };
             this.liveAgentProviderName = liveAgentProviderNames[0];
-            if (liveAgentBusinessHours && liveAgentTimezone) {
-                let isWithinBusinessHours;
-                try {
-                    isWithinBusinessHours = botHelpers.checkBusinessHours(liveAgentBusinessHours, liveAgentTimezone);
-                }
-                catch (e) {
-                    console.error("AI12Z: unexpected error evaluating business hours — blocking live agent connection", e);
-                    this.announce("Unexpected error evaluating business hours. Live agent connection blocked.");
-                    this.addEventMessage("Unexpected error evaluating business hours. Please try again later.");
-                    this.isTypingIndicatorVisible = false;
-                    return;
-                }
-                if (!isWithinBusinessHours) {
-                    const outsideHoursMsg = (_r = (_q = liveAgentSettings.config) === null || _q === void 0 ? void 0 : _q.outsideBusinessHoursMessage) !== null && _r !== void 0 ? _r : "Our live agents are currently offline. Please try again during our business hours.";
-                    this.addEventMessage(outsideHoursMsg);
-                    this.announce("Live agents are currently offline");
-                    this.isTypingIndicatorVisible = false;
-                    return;
-                }
+            let isWithinBusinessHours;
+            try {
+                isWithinBusinessHours = this.checkLiveAgentBusinessHours();
+            }
+            catch (e) {
+                console.error("AI12Z: unexpected error evaluating business hours — blocking live agent connection", e);
+                this.announce("Unexpected error evaluating business hours. Live agent connection blocked.");
+                this.addEventMessage("Unexpected error evaluating business hours. Please try again later.");
+                this.isTypingIndicatorVisible = false;
+                return;
+            }
+            if (!isWithinBusinessHours) {
+                const outsideHoursMsg = (_k = (_j = liveAgentSettings.config) === null || _j === void 0 ? void 0 : _j.outsideBusinessHoursMessage) !== null && _k !== void 0 ? _k : "Our live agents are currently offline. Please try again during our business hours.";
+                this.addEventMessage(outsideHoursMsg);
+                this.announce("Live agents are currently offline");
+                this.isTypingIndicatorVisible = false;
+                return;
             }
             if (liveAgentProviderNames[0] === "liveagent") {
                 if (!this.liveAgentRef) {
@@ -2891,7 +2900,7 @@ const Ai12zBot = class {
             else {
                 // Coerce to number; enforce minimum of 5 s to prevent misconfigured values;
                 // fall back to 30 s when unset, non-numeric, or below the minimum.
-                const rawWait = Number((_s = liveAgentSettings === null || liveAgentSettings === void 0 ? void 0 : liveAgentSettings.config) === null || _s === void 0 ? void 0 : _s.maxWaitTime);
+                const rawWait = Number((_l = liveAgentSettings === null || liveAgentSettings === void 0 ? void 0 : liveAgentSettings.config) === null || _l === void 0 ? void 0 : _l.maxWaitTime);
                 const waitSeconds = Number.isFinite(rawWait) && rawWait >= 5 ? rawWait : 300;
                 const timeoutMs = waitSeconds * 1000;
                 // Step 1: register all listeners before connecting so no events are missed
@@ -2933,7 +2942,7 @@ const Ai12zBot = class {
                     this.liveAgentConversationId = "";
                     this.isLiveAgent = false;
                     this.isTypingIndicatorVisible = false;
-                    const timeoutMsg = (_u = (_t = liveAgentSettings.config) === null || _t === void 0 ? void 0 : _t.maxWaitMessage) !== null && _u !== void 0 ? _u : "Sorry, no agents are available at the moment.";
+                    const timeoutMsg = (_o = (_m = liveAgentSettings.config) === null || _m === void 0 ? void 0 : _m.maxWaitMessage) !== null && _o !== void 0 ? _o : "Sorry, no agents are available at the moment.";
                     this.removeFindingAgentPlaceholder();
                     this.addEventMessage(timeoutMsg);
                     this.liveAgentEventHandler.disconnectLiveAgent();

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

@@ -2,11 +2,11 @@
 
 var index = require('./index-v8T1EJAJ.js');
 var SearchResult = require('./SearchResult-CvTJr55G.js');
-var utils = require('./utils-BsCPba57.js');
+var utils = require('./utils-DZMolZh2.js');
 var _commonjsHelpers = require('./_commonjsHelpers-MBWFX2dn.js');
 var appStore = require('./app-store-BtkiHvcw.js');
-var parseHelper = require('./parseHelper-B8pslVtS.js');
-require('./ctaHelpers-DL-PGlAx.js');
+var parseHelper = require('./parseHelper-BuoIRCbd.js');
+require('./ctaHelpers-CdztrD6A.js');
 require('./logger-2ZBZCKdM.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)}`;
@@ -19,11 +19,10 @@ const Category = class {
     clearResultsHandler(_state) {
         this.categories = {};
     }
-    componentShouldUpdate() {
-        // console.log("componentShouldUpdate", this.categoryList)
-        if (this.categoryList && this.categoryList.length > 0) {
+    watchCategoryList(newValue) {
+        if (newValue && newValue.length > 0) {
             /*group by category*/
-            let grouped = this.categoryList.reduce((result, currentValue) => {
+            let grouped = newValue.reduce((result, currentValue) => {
                 (result[currentValue["category"]] = result[currentValue["category"]] || []).push(currentValue);
                 return result;
             }, {});
@@ -33,11 +32,19 @@ const Category = class {
             this.categories = {};
         }
     }
+    componentWillLoad() {
+        this.watchCategoryList(this.categoryList);
+    }
     render() {
         return Object.entries(this.categories).map(([key, value], _index) => {
             return (index.h(index.Fragment, null, index.h("div", null, index.h("h1", { class: "custom-title" }, key)), index.h(SearchResult.SearchResult, { results: value, linkTarget: this.linkTarget })));
         });
     }
+    static get watchers() { return {
+        "categoryList": [{
+                "watchCategoryList": 0
+            }]
+    }; }
 };
 Category.style = categoryCss();
 
@@ -6543,8 +6550,9 @@ const AudioRecorder = class {
             this.record = this.wavesurfer.registerPlugin(n.create({
                 renderRecordedAudio: false,
                 scrollingWaveform: true,
-                continuousWaveform: true,
-                continuousWaveformDuration: 30, // optional
+                // continuousWaveform: true,
+                continuousWaveform: false,
+                // continuousWaveformDuration: 30, // optional
                 mimeType: "audio/wav",
             }));
             // Render recorded audio
@@ -6669,17 +6677,17 @@ const AudioRecorder = class {
     render() {
         const minutes = Math.floor(this.time / 60);
         const seconds = this.time % 60;
-        return (index.h("div", { key: '5626c6e1b72ed0acfc37fbf49f42ee1f623b5386', class: "flex w-full" }, (this.isRecording || this.isProcessing) && (index.h("div", { key: '7eadd53123bab1262c427f7f2e22d62b150dcac0', class: `relative flex items-center w-full rounded-full` }, this.isRecording && (index.h("button", { key: 'f42b43d4c6c613d7739e1048d319913e12aa6333', "aria-label": "Cancel Recording", onClick: e => {
+        return (index.h("div", { key: 'c381efb6f2754190186c3dce1bc87e7087ccf596', class: "flex w-full" }, (this.isRecording || this.isProcessing) && (index.h("div", { key: 'e9d618072d84648011e7c4740042685508312a2d', class: `relative flex items-center w-full rounded-full` }, this.isRecording && (index.h("button", { key: 'd291a135e07fb3caa77eafbca64e8fef837d440b', "aria-label": "Cancel Recording", onClick: e => {
                 e.preventDefault();
                 this.stopRecording("cancel");
-            }, class: "w-10 h-10 rounded-full  flex items-center justify-center text-white" }, "\u274C")), index.h("div", { key: '7884f7722100fe4284d5557b3c234b0cb2dae5a8', id: "mic", style: { width: "100%" } }), this.isRecording && !this.isProcessing ? (index.h("div", { class: "ml-auto text-blue-600 font-semibold" }, String(minutes).padStart(2, "0"), ":", String(seconds).padStart(2, "0"))) : null, (this.isRecording || this.isProcessing) && (index.h("button", { key: 'b3d675595adc6c7d0bc8efa2f6cd09e7493dffde', "aria-label": "Confirm Recording", disabled: this.isProcessing, onClick: e => {
+            }, class: "w-10 h-10 rounded-full  flex items-center justify-center text-white" }, "\u274C")), index.h("div", { key: '9d018b5a3b0a450d67a88de1745337830519eb36', id: "mic", style: { width: "100%" } }), this.isRecording && !this.isProcessing ? (index.h("div", { class: "ml-auto text-blue-600 font-semibold" }, String(minutes).padStart(2, "0"), ":", String(seconds).padStart(2, "0"))) : null, (this.isRecording || this.isProcessing) && (index.h("button", { key: 'b55a697513fb7de3c4087f933e03403e6f6a381e', "aria-label": "Confirm Recording", disabled: this.isProcessing, onClick: e => {
                 e.preventDefault();
                 if (!this.isProcessing)
                     this.stopRecording("stop");
-            }, class: `w-10 h-10 ml-2 rounded-full flex items-center justify-center ${this.isProcessing ? "cursor-not-allowed" : "text-blue-600"}` }, this.isProcessing ? (index.h("svg", { class: "activity-spinner", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("line", { x1: "12", y1: "2", x2: "12", y2: "5", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "0" } }), index.h("line", { x1: "16.24", y1: "3.76", x2: "14.12", y2: "5.88", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "1" } }), index.h("line", { x1: "19", y1: "7.76", x2: "16.24", y2: "9.24", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "2" } }), index.h("line", { x1: "20", y1: "12", x2: "17", y2: "12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "3" } }), index.h("line", { x1: "19", y1: "16.24", x2: "16.24", y2: "14.76", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "4" } }), index.h("line", { x1: "16.24", y1: "20.24", x2: "14.12", y2: "18.12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "5" } }), index.h("line", { x1: "12", y1: "22", x2: "12", y2: "19", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "6" } }), index.h("line", { x1: "7.76", y1: "20.24", x2: "9.88", y2: "18.12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "7" } }), index.h("line", { x1: "5", y1: "16.24", x2: "7.76", y2: "14.76", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "8" } }), index.h("line", { x1: "4", y1: "12", x2: "7", y2: "12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "9" } }), index.h("line", { x1: "5", y1: "7.76", x2: "7.76", y2: "9.24", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "10" } }), index.h("line", { x1: "7.76", y1: "3.76", x2: "9.88", y2: "5.88", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "11" } }))) : (index.h("span", { class: "text-blue-600 font-sans" }, "\u2714")))))), !this.isRecording && !this.isProcessing && (index.h("button", { key: '411d1cda58be052173e846d685a6c45196443d71', "aria-label": "Start Recording", title: "Start Recording", onClick: e => {
+            }, class: `w-10 h-10 ml-2 rounded-full flex items-center justify-center ${this.isProcessing ? "cursor-not-allowed" : "text-blue-600"}` }, this.isProcessing ? (index.h("svg", { class: "activity-spinner", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, index.h("line", { x1: "12", y1: "2", x2: "12", y2: "5", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "0" } }), index.h("line", { x1: "16.24", y1: "3.76", x2: "14.12", y2: "5.88", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "1" } }), index.h("line", { x1: "19", y1: "7.76", x2: "16.24", y2: "9.24", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "2" } }), index.h("line", { x1: "20", y1: "12", x2: "17", y2: "12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "3" } }), index.h("line", { x1: "19", y1: "16.24", x2: "16.24", y2: "14.76", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "4" } }), index.h("line", { x1: "16.24", y1: "20.24", x2: "14.12", y2: "18.12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "5" } }), index.h("line", { x1: "12", y1: "22", x2: "12", y2: "19", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "6" } }), index.h("line", { x1: "7.76", y1: "20.24", x2: "9.88", y2: "18.12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "7" } }), index.h("line", { x1: "5", y1: "16.24", x2: "7.76", y2: "14.76", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "8" } }), index.h("line", { x1: "4", y1: "12", x2: "7", y2: "12", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "9" } }), index.h("line", { x1: "5", y1: "7.76", x2: "7.76", y2: "9.24", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "10" } }), index.h("line", { x1: "7.76", y1: "3.76", x2: "9.88", y2: "5.88", "stroke-width": "2", "stroke-linecap": "round", style: { "--n": "11" } }))) : (index.h("span", { class: "text-blue-600 font-sans" }, "\u2714")))))), !this.isRecording && !this.isProcessing && (index.h("button", { key: '0a321fb59ced6d858534e5817a2a0ac9f5c7a4a1', "aria-label": "Start Recording", title: "Start Recording", onClick: e => {
                 e.preventDefault();
                 this.startRecording();
-            }, class: `flex ${this.componentType === "search" || this.componentType === "cta" ? "p-1.5 mr-0.5 self-center mt-0.5" : "w-10 h-8 p-0 mt-4"}` }, index.h("svg", { key: '6de627834c92b3a29ef269eb8dd381dbb4bcb48b', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", class: `w-5 h-5 translate-y-[0.5px] ${this.componentType === "search" || this.componentType === "cta" ? "mic-icon" : "mic-botIcon"}` }, index.h("path", { key: '194062cca39e2828f6bfd5fc21aec8a88d67b64f', d: "M7 4a3 3 0 016 0v6a3 3 0 11-6 0V4z" }), index.h("path", { key: 'aad6fd0e90339c57ade1ffd7f394a5cff3390aaa', d: "M5.5 9.643a.75.75 0 00-1.5 0V10c0 3.06 2.29 5.585 5.25 5.954V17.5h-1.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-1.5v-1.546A6.001 6.001 0 0016 10v-.357a.75.75 0 00-1.5 0V10a4.5 4.5 0 01-9 0v-.357z" }))))));
+            }, class: `flex ${this.componentType === "search" || this.componentType === "cta" ? "p-1.5 mr-0.5 self-center mt-0.5" : "w-10 h-8 p-0 mt-4"}` }, index.h("svg", { key: '48882741d3a1bcfaded9cbaf5094f0b89c73cb78', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", class: `w-5 h-5 translate-y-[0.5px] ${this.componentType === "search" || this.componentType === "cta" ? "mic-icon" : "mic-botIcon"}` }, index.h("path", { key: 'e344d7404f71e5fd86246e3422b5f826abb4b85c', d: "M7 4a3 3 0 016 0v6a3 3 0 11-6 0V4z" }), index.h("path", { key: '797aac54042925a574342e203114e9c133fc9f95', d: "M5.5 9.643a.75.75 0 00-1.5 0V10c0 3.06 2.29 5.585 5.25 5.954V17.5h-1.5a.75.75 0 000 1.5h4.5a.75.75 0 000-1.5h-1.5v-1.546A6.001 6.001 0 0016 10v-.357a.75.75 0 00-1.5 0V10a4.5 4.5 0 01-9 0v-.357z" }))))));
     }
     get element() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 var index = require('./index-v8T1EJAJ.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var styleSheetRegistry = require('./styleSheetRegistry-CsHfoS0d.js');
-require('./utils-BsCPba57.js');
+var styleSheetRegistry = require('./styleSheetRegistry-kcL2qS1d.js');
+require('./utils-DZMolZh2.js');
 
 const ai12zChatMessageCss = () => `.show-more-btn{background:none;color:var(--ai12z-knowledge-box-show-more-color, #4a8aff);font-size:16px;cursor:pointer;font-weight:500;border-radius:6px;transition:color 0.2s ease,     background 0.2s ease;border:1px solid var(--ai12z-knowledge-box-show-more-border, blue);padding:10px;border-radius:20px;align-items:center;justify-content:center;margin:auto;display:block;z-index:20;position:relative;width:30%}.show-more-btn:hover{color:var(--ai12z-knowledge-box-show-more-hover-color, #1a73e8);background:rgba(74, 138, 255, 0.08)}.show-more-btn:active{background:rgba(74, 138, 255, 0.15)}.show-more-btn svg{vertical-align:middle;gap:5px;transition:transform 0.3s ease-in-out;display:inline-block;margin-left:10px;font-size:20}.message-text{line-height:1.55;font-size:15px;color:var(--ai12z-knowledge-box-text-color, #1e1e1e);transition:max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.fade-overlay{position:absolute;bottom:0;left:0;right:0;height:100px;z-index:10;pointer-events:none;opacity:1;transition:opacity 0.3s ease-in-out;background:linear-gradient(     to bottom,     rgba(255, 255, 255, 0) 0%,      var(--ai12z-knowledge-box-bg-color, #ffffff) 85%    )}.chat-message{position:relative;}.custom-line-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp);line-clamp:var(--line-clamp)}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.ai12zBtn{background-color:var(--ai12z-knowledge-box-primary-color);color:white;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}`;
 

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

@@ -1,17 +1,17 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var processCarouselData = require('./processCarouselData-DVJtwUsv.js');
-var parseHelper = require('./parseHelper-B8pslVtS.js');
-var utils = require('./utils-BsCPba57.js');
-var ctaHelpers = require('./ctaHelpers-DL-PGlAx.js');
-var index$1 = require('./index-CHyfwy-h.js');
-var socketService = require('./socket-service-Dqfi4_qU.js');
-var surveyHelpers = require('./surveyHelpers-D0AfNAN8.js');
-var keyboardShortcuts = require('./keyboard-shortcuts-BfEhZKK-.js');
+var processCarouselData = require('./processCarouselData-BXglENd8.js');
+var parseHelper = require('./parseHelper-BuoIRCbd.js');
+var utils = require('./utils-DZMolZh2.js');
+var ctaHelpers = require('./ctaHelpers-CdztrD6A.js');
+var index$1 = require('./index-B6xfVjPU.js');
+var socketService = require('./socket-service-j9VBg1pS.js');
+var surveyHelpers = require('./surveyHelpers-B9t5lxy4.js');
+var keyboardShortcuts = require('./keyboard-shortcuts-CBUd9KfQ.js');
 var analyticsService = require('./analyticsService-CkAva47S.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var beacon = require('./beacon-Bhd49ADQ.js');
+var beacon = require('./beacon-DwOvY6Ne.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 require('./logger-2ZBZCKdM.js');
 require('./response-adapter-CKKyyhMj.js');
@@ -400,7 +400,7 @@ const MyChat = class {
         }
         this.scrollToLatestBubble();
         this.isProcessingEndResponse = true;
-        if (this.chats.length === 2) {
+        if (this.chats.length === 2 && !this.settings.disableBeacon) {
             beacon.setConversationId(this.apiKey, this.env, event.detail.conversationId);
         }
         // const idx = this.chats.findIndex(item => item.id === this.aiMessageId)
@@ -1142,7 +1142,7 @@ const MyChat = class {
     render() {
         var _a;
         const email = "";
-        return (index.h("div", { key: '0ffe4268143c465bfd5b0ef098680d355aa49527' }, index.h("ul", { key: '2ca1aaa847f8cd9a184a70bbd833f75d148cbd18', id: "main-content", tabindex: "-1", class: {
+        return (index.h("div", { key: '5883ac798ea9966385dc63a39f5e4bc2afb4c866' }, index.h("ul", { key: 'f46ac1484464dac37be35530bd44f4702ddbdb97', id: "main-content", tabindex: "-1", class: {
                 "chat-list": true,
                 "custom-list": this.componentType === "search",
                 // "custom-chat-top-height": this.componentType === "search",
@@ -1171,7 +1171,7 @@ const MyChat = class {
                         let popup = e.target.querySelector(".non-user-container");
                         if (popup)
                             popup.style.display = "none";
-                    } }, chat.status !== "pending" && !(chat.type === "user" && chat.isHide) && (index.h("div", { class: {
+                    }, style: { width: chat.type !== "user" ? "90%" : "auto" } }, chat.status !== "pending" && !(chat.type === "user" && chat.isHide) && (index.h("div", { class: {
                         "p-4": true,
                         "max-w-full": this.componentType === "search" ? true : false,
                         "prose": true,
@@ -1186,7 +1186,16 @@ const MyChat = class {
                     }, id: chat.id, innerHTML: chat.message }, (_c = chat === null || chat === void 0 ? void 0 : chat.images) === null || _c === void 0 ? void 0 :
                     _c.map(img => {
                         return index.h("img", { src: img, class: "thumbnail", alt: "thumbnail", width: "70", height: "50" });
-                    }), chat.type !== "user" && (index.h("svg", { class: "animate-spin h-5 w-5 text-gray-400", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", id: "spinner" }, index.h("circle", { class: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "4" }), index.h("path", { class: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" }))))), chat.type !== "user" && chat.clipboard && ((_d = this.settings.showMessageIcons) !== null && _d !== void 0 ? _d : true) && !chat.surveyDomId && (index.h("div", { class: "non-user-container", style: { display: "none" } }, this.isPlayed && (index.h("button", { class: "copy-btn", "aria-label": "Stop", tabindex: "0", onClick: () => {
+                    }), chat.type !== "user" && (
+                // <svg class="animate-spin h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" id="spinner">
+                //   <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                //   <path
+                //     class="opacity-75"
+                //     fill="currentColor"
+                //     d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                //   ></path>
+                // </svg>
+                index.h("div", { class: "w-full rounded-md", id: "spinner" }, index.h("div", { class: "flex animate-pulse space-x-4" }, index.h("div", { class: "flex-1 space-y-3 py-1" }, index.h("div", { class: "h-4 rounded bg-gray-200" }), index.h("div", { class: "space-y-3" }, index.h("div", { class: "grid grid-cols-3 gap-4" }, index.h("div", { class: "col-span-2 h-4 rounded bg-gray-200" }), index.h("div", { class: "col-span-1 h-4 rounded bg-gray-200" })), index.h("div", { class: "h-4 rounded bg-gray-200" })))))))), chat.type !== "user" && chat.clipboard && ((_d = this.settings.showMessageIcons) !== null && _d !== void 0 ? _d : true) && !chat.surveyDomId && (index.h("div", { class: "non-user-container", style: { display: "none" } }, this.isPlayed && (index.h("button", { class: "copy-btn", "aria-label": "Stop", tabindex: "0", onClick: () => {
                         this.isPlayed = false;
                         window.speechSynthesis.cancel();
                         if (this.audioElement) {
@@ -1209,7 +1218,7 @@ const MyChat = class {
                         projectId: this.getProjectId(),
                         questionText: analyticsService.getQuestionText(this.chats, chat.insightId) || "",
                     }), class: "chat-thumbs-up", "aria-label": "Thumbs Down", tabindex: "0" }, index.h("svg", { 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", { "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", { class: "copy-btn", tabindex: "0", "aria-label": "Send Email" }, index.h("a", { href: `mailto:${email}?subject=${encodeURIComponent((_e = this.chats[idx - 1]) === null || _e === void 0 ? void 0 : _e.message)}&body=${encodeURIComponent(this.removeHtmlTags(chat.clipboard))}`, target: "_blank", "aria-label": "Send Email" }, index.h("svg", { 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", { "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" }), " "))))))));
-            }), index.h("div", { key: '9786756a0b61d0f64e57dd3518dd48f6531345ae', class: "scroll-bottom" }))));
+            }), index.h("div", { key: '53802e68891a2c65e85f5df2086b129bcd15fb04', class: "scroll-bottom" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -1220,7 +1229,7 @@ const MyChat = class {
 };
 MyChat.style = ai12zChatCss();
 
-const inputCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important}.input-form{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.input-container{margin-right:16px;position:relative;border-radius:64px;border-width:1px;align-items:stretch;display:flex;}.inner-container{flex-grow:1;padding:12px}.custom-input{color:black;border-width:0;max-height:300px;resize:none;overflow:hidden;background-color:inherit}.custom-input::-moz-placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input::placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input:focus{outline:none;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--ai12z-border-color)}.input-focus-color{border-color:rgb(59 130 246) !important}.plus-icon{color:var(--ai12z-plus-icon-color)}.ai12z-plus-anchor{position:relative;display:inline-block}.ai12z-plus-menu{position:absolute;top:100%;left:0;margin-top:0.5rem;width:var(--ai12z-menu-width, 15rem);z-index:30;padding:0.375rem;background-color:var(--ai12z-menu-bg, #fff);border:1px solid var(--ai12z-menu-border-color, rgba(17, 24, 39, 0.08));border-radius:var(--ai12z-menu-radius, 0.875rem);box-shadow:var(     --ai12z-menu-shadow,     0 12px 28px -12px rgba(17, 24, 39, 0.28),     0 4px 10px -6px rgba(17, 24, 39, 0.15)   );transform-origin:top left;transition:opacity 0.16s ease,     transform 0.16s ease}.ai12z-plus-menu[data-open="false"]{opacity:0;transform:scale(0.95);pointer-events:none}.ai12z-plus-menu[data-open="true"]{opacity:1;transform:scale(1);pointer-events:auto}.ai12z-menu-list{display:flex;flex-direction:column;gap:0.125rem;margin:0;padding:0;list-style:none}.ai12z-menu-item,.ai12z-menu-item--uploader .image-uploader>button{display:flex;align-items:center;gap:0.625rem;width:100%;padding:0.5rem 0.625rem;border:0;background:transparent;border-radius:0.5rem;font-family:inherit;font-size:var(--ai12z-menu-item-font-size, 0.875rem);line-height:1.25rem;color:var(--ai12z-menu-item-color, #374151);text-align:left;cursor:pointer;transition:background-color 0.15s ease,     color 0.15s ease}.ai12z-menu-item:hover:not([disabled]):not([aria-disabled="true"]),.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:hover:not([disabled]){background-color:var(--ai12z-menu-item-hover-bg, #f3f4f6)}.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px var(--ai12z-menu-focus-ring, rgba(59, 130, 246, 0.55))}.ai12z-menu-item[disabled],.ai12z-menu-item[aria-disabled="true"]{opacity:0.45;cursor:not-allowed}.ai12z-menu-item__icon,.ai12z-menu-item--uploader .image-uploader>button svg{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--ai12z-menu-icon-color, #6b7280)}.ai12z-menu-item__label{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ai12z-menu-item--uploader{padding:0}.ai12z-menu-item--uploader .image-uploader,.ai12z-menu-item--uploader .image-uploader>button{width:100%}@media (prefers-color-scheme: dark){.ai12z-plus-menu{--ai12z-menu-bg:#1f2937;--ai12z-menu-border-color:rgba(255, 255, 255, 0.08);--ai12z-menu-shadow:0 14px 34px -12px rgba(0, 0, 0, 0.65),       0 4px 12px -6px rgba(0, 0, 0, 0.5);--ai12z-menu-item-color:#e5e7eb;--ai12z-menu-item-hover-bg:rgba(55, 65, 81, 0.7);--ai12z-menu-icon-color:#9ca3af}}.ai-button{border-left-width:1px;padding-left:16px;padding-right:16px;white-space:nowrap;display:inline-flex;place-items:center;color:var(--ai12z-button-font-color);font-size:var(--ai12z-button-font-size);}.ai-button:hover{background-color:var(--ai12z-primary-color);color:rgb(255 255 255)}.custom-svg-checkbox{margin-top:4px;width:16px;height:16px;position:absolute}.hide-svg{display:none}.icon-width{width:28px}.custom-attachment{border-right-width:1px;padding-top:10px;padding-left:16px;padding-right:32px;cursor:pointer;width:5%}#fileInput{display:none}.error-msg{color:red;font-size:12px;margin-top:4px;text-align:center}.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}.btn-bg-color{background-color:var(--ai12z-button-bgcolor)}.searchbar-bgcolor{background-color:var(--ai12z-searchbar-bgcolor)}.inline-searchbar-bgcolor{border-color:var(--ai12z-inlinesearchbar-border-color);background-color:var(--ai12z-inlinesearchbar-bgcolor);border-width:1px}.enter-tip{font-size:12px;color:#666;margin-left:10px}#message-error{margin-left:10px}`;
+const inputCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important}.input-form{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.input-container{margin-right:16px;position:relative;border-radius:64px;border-width:1px;align-items:stretch;display:flex;}.inner-container{flex-grow:1;padding:12px}.custom-input{color:black;border-width:0;max-height:300px;resize:none;overflow:hidden;background-color:inherit}.custom-input::-moz-placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input::placeholder{color:var(--ai12z-input-placeholder-color);opacity:1;font-size:var(--ai12z-input-placeholder-font-size)}.custom-input:focus{outline:none;box-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--ai12z-border-color)}.input-focus-color{border-color:black !important}.plus-icon{color:#fff;background-color:var(--ai12z-plus-icon-color)}.ai12z-plus-anchor{position:relative;display:inline-block}.ai12z-plus-menu{position:absolute;top:100%;left:0;margin-top:0.5rem;width:var(--ai12z-menu-width, 15rem);z-index:30;padding:0.375rem;background-color:var(--ai12z-menu-bg, #fff);border:1px solid var(--ai12z-menu-border-color, rgba(17, 24, 39, 0.08));border-radius:var(--ai12z-menu-radius, 0.875rem);box-shadow:var(     --ai12z-menu-shadow,     0 12px 28px -12px rgba(17, 24, 39, 0.28),     0 4px 10px -6px rgba(17, 24, 39, 0.15)   );transform-origin:top left;transition:opacity 0.16s ease,     transform 0.16s ease}.ai12z-plus-menu[data-open="false"]{opacity:0;transform:scale(0.95);pointer-events:none}.ai12z-plus-menu[data-open="true"]{opacity:1;transform:scale(1);pointer-events:auto}.ai12z-menu-list{display:flex;flex-direction:column;gap:0.125rem;margin:0;padding:0;list-style:none}.ai12z-menu-item,.ai12z-menu-item--uploader .image-uploader>button{display:flex;align-items:center;gap:0.625rem;width:100%;padding:0.5rem 0.625rem;border:0;background:transparent;border-radius:0.5rem;font-family:inherit;font-size:var(--ai12z-menu-item-font-size, 0.875rem);line-height:1.25rem;color:var(--ai12z-menu-item-color, #374151);text-align:left;cursor:pointer;transition:background-color 0.15s ease,     color 0.15s ease}.ai12z-menu-item:hover:not([disabled]):not([aria-disabled="true"]),.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:hover:not([disabled]){background-color:var(--ai12z-menu-item-hover-bg, #f3f4f6)}.ai12z-menu-item:focus-visible,.ai12z-menu-item--uploader .image-uploader>button:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px var(--ai12z-menu-focus-ring, rgba(59, 130, 246, 0.55))}.ai12z-menu-item[disabled],.ai12z-menu-item[aria-disabled="true"]{opacity:0.45;cursor:not-allowed}.ai12z-menu-item__icon,.ai12z-menu-item--uploader .image-uploader>button svg{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--ai12z-menu-icon-color, #6b7280)}.ai12z-menu-item__label{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ai12z-menu-item--uploader{padding:0}.ai12z-menu-item--uploader .image-uploader,.ai12z-menu-item--uploader .image-uploader>button{width:100%}@media (prefers-color-scheme: dark){.ai12z-plus-menu{--ai12z-menu-bg:#1f2937;--ai12z-menu-border-color:rgba(255, 255, 255, 0.08);--ai12z-menu-shadow:0 14px 34px -12px rgba(0, 0, 0, 0.65),       0 4px 12px -6px rgba(0, 0, 0, 0.5);--ai12z-menu-item-color:#e5e7eb;--ai12z-menu-item-hover-bg:rgba(55, 65, 81, 0.7);--ai12z-menu-icon-color:#9ca3af}}.ai-button{border-left-width:1px;padding-left:16px;padding-right:16px;white-space:nowrap;display:inline-flex;place-items:center;color:var(--ai12z-button-font-color);font-size:var(--ai12z-button-font-size);}.ai-button:hover{background-color:var(--ai12z-primary-color);color:rgb(255 255 255)}.custom-svg-checkbox{margin-top:4px;width:16px;height:16px;position:absolute}.hide-svg{display:none}.icon-width{width:28px}.custom-attachment{border-right-width:1px;padding-top:10px;padding-left:16px;padding-right:32px;cursor:pointer;width:5%}#fileInput{display:none}.error-msg{color:red;font-size:12px;margin-top:4px;text-align:center}.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}.btn-bg-color{background-color:var(--ai12z-button-bgcolor)}.searchbar-bgcolor{background-color:var(--ai12z-searchbar-bgcolor)}.searchbar-bordercolor{border:1px solid grey}.inline-searchbar-bgcolor{border-color:var(--ai12z-inlinesearchbar-border-color);background-color:var(--ai12z-inlinesearchbar-bgcolor);border-width:1px}.enter-tip{font-size:12px;color:#666;margin-left:10px}#message-error{margin-left:10px}`;
 
 const InputForm = class {
     constructor(hostRef) {
@@ -1567,21 +1576,21 @@ const InputForm = class {
         //   this.icon_width = url.searchParams.get("w") || "28"
         //   this.icon_height = url.searchParams.get("h") || "28"
         // }
-        return (index.h("div", { key: 'c59679b3a11b641402f5c2b328356ad114b43833' }, index.h("form", { key: 'a804577f24fc37e7da8fbec9fae402122c72ac89', class: "w-full flex flex-col gap-1.5 sticky", onSubmit: this.handleFormSubmit }, index.h("div", { key: 'a4f7f67ea5dd97304c37063449e3016e9325cff4', class: `flex-1 flex flex-col relative w-full rounded-3xl px-1 ${this.componentType === "inline" ? "inline-searchbar-bgcolor" : "searchbar-bgcolor"}`, dir: "LTR", ref: el => (this.searchFormElem = el) }, index.h("div", { key: '5f6c83186194cdf41dcd0c70c15b4d08dbcfa8c7', class: "flex items-center" }, index.h("div", { key: '181e649b6e7c6e6a733e04138f1b5701e26c39fe', class: "ml-1 self-center flex space-x-1" }, !this.hideAllButtons && (index.h("div", { key: 'edf78436e60151de6667d9c7f49d127a3712c79d', class: "ai12z-plus-anchor relative inline-block", style: { width: "5%" } }, index.h("button", { key: 'fb754f5f59db7558fcbac0e291b644e3783f4c73', class: "plus-icon", "aria-label": "Options", title: "Add images or capture screen", tabindex: "0", "aria-haspopup": "menu", "aria-expanded": this.isOpen ? "true" : "false", "aria-controls": `ai12z-options-menu-${this.instanceId}`, ref: el => (this.plusButtonElem = el), onKeyDown: this.handleTriggerKeyDown, onClick: e => {
+        return (index.h("div", { key: 'c59679b3a11b641402f5c2b328356ad114b43833' }, index.h("form", { key: 'a804577f24fc37e7da8fbec9fae402122c72ac89', class: "w-full flex flex-col gap-1.5 sticky", onSubmit: this.handleFormSubmit }, index.h("div", { key: '7aa25122583eb481fc813803409e1d7f8f341b11', class: `flex-1 flex flex-col relative w-full rounded-3xl px-1 ${this.componentType === "inline" ? "inline-searchbar-bgcolor" : "searchbar-bgcolor searchbar-bordercolor"}`, dir: "LTR", ref: el => (this.searchFormElem = el) }, index.h("div", { key: '8a023eb115800c83962d191caaff210154a7d6a0', class: "flex items-center" }, index.h("div", { key: 'f4faaf4508c2e2a56b890af2d173352edffcb99f', class: "ml-1 self-center flex space-x-1" }, !this.hideAllButtons && (index.h("div", { key: '4300e90cc7256a0b799b910b7e452d3cd4c6830f', class: "ai12z-plus-anchor relative inline-block", style: { width: "5%" } }, index.h("button", { key: 'abfeb315a8bbb5be023bd5dde8eccdfa691ff7a9', class: "plus-icon rounded-full p-1.5", "aria-label": "Options", title: "Add images or capture screen", tabindex: "0", "aria-haspopup": "menu", "aria-expanded": this.isOpen ? "true" : "false", "aria-controls": `ai12z-options-menu-${this.instanceId}`, ref: el => (this.plusButtonElem = el), onKeyDown: this.handleTriggerKeyDown, onClick: e => {
                 e.stopPropagation();
                 this.toggleBox(e);
-            } }, index.h("svg", { key: 'd3bbddad1e48e53347e7296ef4ffe6d1f4da79d3', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: 'cde6032d137abaff123b533a7f939cdfe33f0b24', d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" }))), index.h("div", { key: '4ee0895730f92471a0f4936c3bea12da4942c9d8', class: "ai12z-plus-menu", id: `ai12z-options-menu-${this.instanceId}`, "data-open": this.isOpen ? "true" : "false", role: "menu", "aria-orientation": "vertical", "aria-label": "Input options", onKeyDown: this.handleMenuKeyDown, ref: el => (this.menuElem = el) }, index.h("ul", { key: 'bfd324d5fe04b12c1511163ca8c6f07ba27aff3f', class: "ai12z-menu-list" }, this.isImageUpload && (index.h("li", { key: 'f51da79f9d2e311e1b51ba16940219f861117532', role: "none", class: "ai12z-menu-item--uploader" }, index.h("image-uploader", { key: 'd85e868285e40437f7c3c66409091ce384037de8', maxImages: 10, images: this.imagesBase64List, targetElement: this.searchInputElem, onImagesChange: this.handleImageChange, onError: this.handleImageError, ref: el => (this.imageUploaderRef = el) }))), index.h("li", { key: '26a0f104f9542ae583046266281312539aaf8e92', role: "none" }, index.h("button", { key: '88e04508a9e7455f3bed682fa11c86b75144fcaf', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "Capture screen", onClick: () => {
+            } }, index.h("svg", { key: '5300f423cada715d556a1694b170090e58465b06', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: '6a6de741c48a4984384af07a7f10088bed4afe01', d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z" }))), index.h("div", { key: 'c42e95662bd835bfa39b89a9de4f6c1e460d62fe', class: "ai12z-plus-menu", id: `ai12z-options-menu-${this.instanceId}`, "data-open": this.isOpen ? "true" : "false", role: "menu", "aria-orientation": "vertical", "aria-label": "Input options", onKeyDown: this.handleMenuKeyDown, ref: el => (this.menuElem = el) }, index.h("ul", { key: 'ba781458c49fa5060751cf5790cbec739dbe1f3b', class: "ai12z-menu-list" }, this.isImageUpload && (index.h("li", { key: '1fd2ddff8bc73553a645388a0a7d967c9fe2e8da', role: "none", class: "ai12z-menu-item--uploader" }, index.h("image-uploader", { key: 'bc61d3d1789184cbc612a122be4a8e3529f6091e', maxImages: 10, images: this.imagesBase64List, targetElement: this.searchInputElem, onImagesChange: this.handleImageChange, onError: this.handleImageError, ref: el => (this.imageUploaderRef = el) }))), index.h("li", { key: '010ceb2b8240d4f4cf35a37ef5899efbee9f4fd1', role: "none" }, index.h("button", { key: '47699e693a3b731896294ef7d74027d2c0f475f7', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "Capture screen", onClick: () => {
                 this.captureScreen();
                 this.closeMenu(true);
-            } }, index.h("span", { key: '501845e1bf7e056ee0ce01efec34d77008a173d3', class: "ai12z-menu-item__icon" }, index.h("svg", { key: 'd28860ca91c219f0b44054957cdcc7d3fab362e9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: '362d5bead2a93cda0b6ceaa5ee2b542de15250be', d: "M12 9a3.75 3.75 0 1 0 0 7.5A3.75 3.75 0 0 0 12 9Z" }), index.h("path", { key: 'bebcf2f170a160102ae6ae934b04bf46dd00cd2e', "fill-rule": "evenodd", d: "M9.344 3.071a49.52 49.52 0 0 1 5.312 0c.967.052 1.83.585 2.332 1.39l.821 1.317c.24.383.645.643 1.11.71.386.054.77.113 1.152.177 1.432.239 2.429 1.493 2.429 2.909V18a3 3 0 0 1-3 3h-15a3 3 0 0 1-3-3V9.574c0-1.416.997-2.67 2.429-2.909.382-.064.766-.123 1.151-.178a1.56 1.56 0 0 0 1.11-.71l.822-1.315a2.942 2.942 0 0 1 2.332-1.39ZM6.75 12.75a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0Zm12-1.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", "clip-rule": "evenodd" }))), index.h("span", { key: '8a3f37c7234e6924e7b346ab5174b82ff5e79c9c', class: "ai12z-menu-item__label" }, "Capture"))), index.h("li", { key: '078c1e2b8eeaf8f99b411783d1220cf2d4e8fd1e', role: "none" }, index.h("button", { key: '351d09656ee0b89e50cae13303f3af5cfeb78182', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "Start Over", "aria-disabled": this.chatLength === 0 ? "true" : "false", onClick: e => {
+            } }, index.h("span", { key: 'b1afc23600c64684093f19b19b03c63a212254c6', class: "ai12z-menu-item__icon" }, index.h("svg", { key: '91e5aa67bcd8732f82a07504a65542304a8119a9', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", width: "20", height: "20" }, index.h("path", { key: '3ca1688a7176f77357daa3d4ea25583f1be09c96', d: "M12 9a3.75 3.75 0 1 0 0 7.5A3.75 3.75 0 0 0 12 9Z" }), index.h("path", { key: '4819afb3d8e7fd2234bc3cbbc7b2eb9b36740509', "fill-rule": "evenodd", d: "M9.344 3.071a49.52 49.52 0 0 1 5.312 0c.967.052 1.83.585 2.332 1.39l.821 1.317c.24.383.645.643 1.11.71.386.054.77.113 1.152.177 1.432.239 2.429 1.493 2.429 2.909V18a3 3 0 0 1-3 3h-15a3 3 0 0 1-3-3V9.574c0-1.416.997-2.67 2.429-2.909.382-.064.766-.123 1.151-.178a1.56 1.56 0 0 0 1.11-.71l.822-1.315a2.942 2.942 0 0 1 2.332-1.39ZM6.75 12.75a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0Zm12-1.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z", "clip-rule": "evenodd" }))), index.h("span", { key: 'd74e0d316d7aae01343ff52f5285fab133ee01eb', class: "ai12z-menu-item__label" }, "Capture"))), index.h("li", { key: '704863f7e0fea6036380d88359715c3b4613ca84', role: "none" }, index.h("button", { key: '96386341f068862e5f9017a1efe81f8145bfe693', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "Start Over", "aria-disabled": this.chatLength === 0 ? "true" : "false", onClick: e => {
                 if (this.chatLength === 0)
                     return;
                 this.handleFollowUp(e);
                 this.closeMenu(true);
-            } }, index.h("span", { key: 'f93f061c42f5bde3c3c415d83b532728fee76632', class: "ai12z-menu-item__icon" }, index.h("svg", { key: '6f3f2f768b6606e1dfcf74b7a3ddd82dfd91776e', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '0930d675d2c39a26663575fb36b1487f3ae0d637', d: "M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2" }))), index.h("span", { key: '242ba220f66a1e933c5ab6f989f80d3222965cb1', class: "ai12z-menu-item__label" }, "Start Over"))), index.h("li", { key: 'd24d0f8d45cb36aec05903d84633f4cd0affe40d', role: "none" }, index.h("button", { key: '41c7adcc5378248b686b67ab5d0439752f0c0e61', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "View Recent Chat", onClick: e => {
+            } }, index.h("span", { key: 'a0cbeeeaacf902ddfd505e3fb0488b1139fc14bf', class: "ai12z-menu-item__icon" }, index.h("svg", { key: 'a67d1363c4db34efc0ef8a1efceed2794746b9e9', width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '8bad81e7ac00aff9de9a5f481f30cba394b3492c', d: "M21.5 2v6h-6M2.5 22v-6h6M2 11.5a10 10 0 0 1 18.8-4.3M22 12.5a10 10 0 0 1-18.8 4.2" }))), index.h("span", { key: '923ff23c54c4da16eb354cb814938aad7dbe3848', class: "ai12z-menu-item__label" }, "Start Over"))), index.h("li", { key: 'edcef70bd7c4eaed65b22948a8893d046b5c22b4', role: "none" }, index.h("button", { key: '9dffd637d14f75a836be0586fec2757dbf9ec1bd', type: "button", role: "menuitem", tabindex: -1, class: "ai12z-menu-item", "aria-label": "View Recent Chat", onClick: e => {
                 this.handleRecentChat(e);
                 this.closeMenu(true);
-            } }, index.h("span", { key: '15135c5061642e51af5c900f29a68bd8d0718fb1', class: "ai12z-menu-item__icon" }, index.h("svg", { key: 'fb7f8f9fdb4b26e3da650a68d8d19774bc932c78', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: '86b827ea8735c233f2638c3d07f8a39803fca8b6', d: "M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z" }), index.h("path", { key: '654543de6686773be76bc683a22564b6cbd74a16', d: "M12 7v5l3 2" }))), index.h("span", { key: '935e612bc16debc5648b49736cc2a0542b6f09e7', class: "ai12z-menu-item__label" }, "View Recent Chat")))))))), !this.hideAllButtons && (index.h("div", { key: '9c57a1b9a0d588b18621afd3036c6c6a1b394acc', class: "scrollbar-hidden text-left bg-transparent dark:text-gray-100 outline-none w-full rounded-xl resize-none h-fit max-h-80 overflow-auto" }, index.h("div", { key: 'f9e62ead50cdb64610843c7a4b00105f4b509482', class: "relative w-full min-w-full h-full min-h-fit flex items-center input-prose" }, index.h("div", { key: '783c6a4e828e9b62e7035176d37c895a9ae2e323', id: `previewContainer-${this.instanceId}`, draggable: true }), index.h("label", { key: '26c177e01fea3199f94851ba565a38f0f8e7e5ce', htmlFor: `searchInput-${this.instanceId}`, class: "sr-only" }, "Your message"), index.h("textarea", { key: '4c2a9b868335a5da7c73eccbba9f1b217b8698ec', readOnly: this.submitted, "aria-describedby": this.emptyMessageError ? `message-error-${this.instanceId} search-hint-${this.instanceId}` : `search-hint-${this.instanceId}`, "aria-invalid": this.emptyMessageError, id: `searchInput-${this.instanceId}`, ref: el => {
+            } }, index.h("span", { key: 'fa76c265e229a4c967540ff10204d8c801ed29ab', class: "ai12z-menu-item__icon" }, index.h("svg", { key: 'bf3363b0ece370dd5aa5b6e3fedfebc4fed2dc04', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("path", { key: 'c1de8f7a7ecc3663430c0eda0aef7596a4bfe024', d: "M21 15a4 4 0 0 1-4 4H7l-4 4V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z" }), index.h("path", { key: 'c70b69583d3568feea22746e53aafc2e126c515b', d: "M12 7v5l3 2" }))), index.h("span", { key: 'dbe600795088274027d6ae7d9b9659e7dc877a9e', class: "ai12z-menu-item__label" }, "View Recent Chat")))))))), !this.hideAllButtons && (index.h("div", { key: '46bb01b59bc75941717b29336ca135b78da02ba4', class: "scrollbar-hidden text-left bg-transparent dark:text-gray-100 outline-none w-full rounded-xl resize-none h-fit max-h-80 overflow-auto" }, index.h("div", { key: '8316ebe388c800d2749f48a373eed18f4d8cc12f', class: "relative w-full min-w-full h-full min-h-fit flex items-center input-prose" }, index.h("div", { key: '5233d660b64cbce8b5b1d4531a442a277001608b', id: `previewContainer-${this.instanceId}`, draggable: true }), index.h("label", { key: '17fbc8d286e714c7aa3032910c947b59974c5cb0', htmlFor: `searchInput-${this.instanceId}`, class: "sr-only" }, "Your message"), index.h("textarea", { key: '9a527bf5e1157553950b803928dd7e35b2c63647', readOnly: this.submitted, "aria-describedby": this.emptyMessageError ? `message-error-${this.instanceId} search-hint-${this.instanceId}` : `search-hint-${this.instanceId}`, "aria-invalid": this.emptyMessageError, id: `searchInput-${this.instanceId}`, ref: el => {
                 this.searchInputElem = el;
                 // Autofocus once on first mount, and never while the
                 // options menu is open — otherwise unrelated re-renders
@@ -1593,7 +1602,7 @@ const InputForm = class {
                 }
             }, placeholder: this.placeholder, autoComplete: "off", class: "w-full p-1 custom-input", value: this.searchInput, rows: 1, onInput: utils.debounce(e => this.handleInputChange(e), 500), onKeyUp: this.adjustHeight, onKeyDown: this.handleKeyDown, onFocus: () => this.searchFormElem.classList.add("input-focus-color"), onBlur: () => this.searchFormElem.classList.remove("input-focus-color"), onPaste: e => {
                 this.handlePaste(e);
-            } }), index.h("div", { key: 'f5363f4a1db7284bce15a2d585a3837cd3b1c2e8', role: "status", "aria-live": "polite", "aria-atomic": "true", class: "sr-only" }, this.announceMessage), index.h("span", { key: '3342654330f342a027ddc12b458968496816a2ee', id: `search-hint-${this.instanceId}`, class: "sr-only" }, "Press Enter to send, Shift+Enter for new line")))), index.h("div", { key: 'b1778e8eda74184d30bdd52bca4b8615e69ca117', class: "p-1 self-end flex space-x-1 flex-row", style: { width: this.hideAllButtons ? "100%" : "auto" } }, index.h("div", { key: 'ae77103f8726fa24c390930eaa7c5589000db22c', "aria-label": "Record voice", class: "flex self-center", style: { width: this.hideAllButtons ? "100%" : "auto" } }, this.isEnableMic && (index.h("audio-recorder", { key: '6e1f7bb56486dee11d4d34cdd8d434480459ce19', "component-type": "cta", onStartRecord: _ev => {
+            } }), index.h("div", { key: '54d33e51786f35610bcafd28a5df672479601cf0', role: "status", "aria-live": "polite", "aria-atomic": "true", class: "sr-only" }, this.announceMessage), index.h("span", { key: 'a71eb1d8a69ff19ad0a25c109a10ad131b057da9', id: `search-hint-${this.instanceId}`, class: "sr-only" }, "Press Enter to send, Shift+Enter for new line")))), index.h("div", { key: 'c48bea326d1664fc38eeca340367e0a3e162705a', class: "p-1 self-end flex space-x-1 flex-row", style: { width: this.hideAllButtons ? "100%" : "auto" } }, index.h("div", { key: 'b6fd11d68b22ee353231a2992922d1c0d992a068', "aria-label": "Record voice", class: "flex self-center", style: { width: this.hideAllButtons ? "100%" : "auto" } }, this.isEnableMic && (index.h("audio-recorder", { key: '53cdabee4d2bfa8ca2722b986485c6120663dc2c', "component-type": "cta", onStartRecord: _ev => {
                 // console.log("test", ev)
                 this.hideAllButtons = true;
             }, onStopRecord: _ev => {
@@ -1611,14 +1620,14 @@ const InputForm = class {
                         });
                     }
                 }, 1000);
-            }, style: { width: "100%" } }))), " ", !this.hideAllButtons && (index.h("div", { key: '16148cb1ab92798a41cf4e962ef13902ecb54813', class: "flex items-center" }, index.h("div", { key: '420045449b1356b9396f8e3e57aa062014adfc03', "aria-label": "Send message", class: "flex" }, index.h("button", { key: 'a5541ab413d33af01f3f38cd7c37875e813e44b0', id: `send-message-button-${this.instanceId}`, class: "btn-bg-color text-white transition rounded-full p-1.5 self-center",
+            }, style: { width: "100%" } }))), " ", !this.hideAllButtons && (index.h("div", { key: 'a3c6d7e8f5d52dbe6d2d6cc182829b91ce8b8466', class: "flex items-center" }, index.h("div", { key: '2d6c1e44fcd211cbb7927decc8ebc1a58e2c2ee2', "aria-label": "Send message", class: "flex" }, index.h("button", { key: '4f886d15573c290c41daf52fcd0a2e82ef12fbd8', id: `send-message-button-${this.instanceId}`, class: "btn-bg-color text-white transition rounded-full p-1.5 self-center",
             // type="submit"
-            disabled: this.submitted, onClick: this.handleAskAI, tabindex: "0", "aria-label": "Send Message", title: "Send Message" }, index.h("svg", { key: '0dbb11a7181f3c9ba01cd3590a82638989671525', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-6" }, index.h("path", { key: '6e9065e4a5c6fc43a9c7e9781463bd8c64a91796', "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.imagesBase64List.length > 0 && (index.h("div", { key: 'adeb8fb85f6d64701a491d1edddc29192c2f88de', class: "flex flex-wrap gap-2 mx-1 mt-2.5 mb-1" }, this.imagesBase64List.map((img, idx) => (index.h("div", { class: "image-Container sc-ai12z-input-form", key: idx }, index.h("img", { src: img, style: { width: "70px", height: "50px", borderRadius: "12px" } }), index.h("span", { class: "delete-image sc-ai12z-input-form cursor-pointer ml-1", onClick: () => {
+            disabled: this.submitted, onClick: this.handleAskAI, tabindex: "0", "aria-label": "Send Message", title: "Send Message" }, index.h("svg", { key: '720a1bf26391041ae0093ad226eeeb7c791cdf1d', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-6" }, index.h("path", { key: 'e910efa1cb7e905fb734d32007f18eec13c8f97a', "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.imagesBase64List.length > 0 && (index.h("div", { key: 'd47b58901e9518deddb8d3d65d4e4179eec4a05c', class: "flex flex-wrap gap-2 mx-1 mt-2.5 mb-1" }, this.imagesBase64List.map((img, idx) => (index.h("div", { class: "image-Container sc-ai12z-input-form", key: idx }, index.h("img", { src: img, style: { width: "70px", height: "50px", borderRadius: "12px" } }), index.h("span", { class: "delete-image sc-ai12z-input-form cursor-pointer ml-1", onClick: () => {
                 this.imagesBase64List = this.imagesBase64List.filter((_, i) => i !== idx);
                 if (this.imageUploaderRef && typeof this.imageUploaderRef.removeImageAtIndex === "function") {
                     this.imageUploaderRef.removeImageAtIndex(idx);
                 }
-            } }, "\u00D7"))))))), this.showErrorMessage && (index.h("div", { key: '196052af3d5b7e7e6a42e35110389ad2b4dbf19b', class: "flex" }, " ", index.h("p", { key: '0945d62e1cb8be174cb15c10aac0d85f27df5275', class: "error-msg", innerHTML: this.errorMessage }))), this.emptyMessageError && (index.h("div", { key: '866e6097d5702b07e732336a88d1270e18c519d5', class: "flex" }, index.h("p", { key: '2c69fbb67aa29cefd47d0eb946a5759a718d1650', id: `message-error-${this.instanceId}`, class: "error-msg", role: "alert" }, "Message cannot be empty. Please enter a message to send."))), this.chatLength === 0 && (index.h("div", { key: 'e0875b87186c4e1563fc4fba2e8402bc14bff56c', class: "enter-tip", role: "tooltip" }, "Tip: Press Enter to send, Shift+Enter for new line", " ", index.h("button", { key: '82a1b8c0e8fc21371bbdf6b3e87a98780f675f92', onClick: () => (this.showShortcutsDialog = true), class: "keyboard-shortcuts-btn", "aria-label": "Show keyboard shortcuts", title: "Keyboard shortcuts (?)", tabindex: "0" }, index.h("svg", { key: 'b87b8836fa6dd0ee32c5119c2a7d513ce6753ca6', width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("circle", { key: '35bbcd699ca8d24b0ebb0329d152e325cf40b9d9', cx: "12", cy: "12", r: "10" }), index.h("path", { key: '41f746e74e99d75c86cc12428cc1ce7ed365e517', d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), index.h("line", { key: 'f3a017805a0dce706d2ec090e819e8e3cf470ed1', x1: "12", y1: "17", x2: "12.01", y2: "17" })))))), this.showShortcutsDialog && (index.h("keyboard-shortcuts-dialog", { key: 'a743e9d555fc1ac52bd00d333f22eab1356c1711', show: this.showShortcutsDialog, shortcuts: this.shortcuts, onCloseDialog: () => (this.showShortcutsDialog = false) }))));
+            } }, "\u00D7"))))))), this.showErrorMessage && (index.h("div", { key: 'a5ce72356cc4b4f4ffa3a7e753d6cc07143ebd46', class: "flex" }, " ", index.h("p", { key: '40640b98780fe7bc5b2e32c1e5f4a61ae8094bbc', class: "error-msg", innerHTML: this.errorMessage }))), this.emptyMessageError && (index.h("div", { key: '09840c296e46ab20ad4f2863cc089f5e597da9b5', class: "flex" }, index.h("p", { key: 'ad516e2b0b3da9e88055c4828719fd973d4ba971', id: `message-error-${this.instanceId}`, class: "error-msg", role: "alert" }, "Message cannot be empty. Please enter a message to send."))), this.chatLength === 0 && (index.h("div", { key: '32e488697d98f2af9d9ef9644c416e84823b3fe4', class: "enter-tip", role: "tooltip" }, "Tip: Press Enter to send, Shift+Enter for new line", " ", index.h("button", { key: 'a75ede4a71ba3dabb9b6707308c1b56207428085', onClick: () => (this.showShortcutsDialog = true), class: "keyboard-shortcuts-btn", "aria-label": "Show keyboard shortcuts", title: "Keyboard shortcuts (?)", tabindex: "0" }, index.h("svg", { key: 'bfe8d8b5d91b51ecd381cf74d198832e5156d083', width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("circle", { key: '8de67ac0fe02ddd576060c1a565db44b186292b9', cx: "12", cy: "12", r: "10" }), index.h("path", { key: 'dd220b97f809b0786bfa608539ad6b9ccad97eb1', d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), index.h("line", { key: '020e811e75544f5ab872b296160923cc6141403d', x1: "12", y1: "17", x2: "12.01", y2: "17" })))))), this.showShortcutsDialog && (index.h("keyboard-shortcuts-dialog", { key: '339cb22eba5f5256eabd3c59761a7da96fb03a9b', show: this.showShortcutsDialog, shortcuts: this.shortcuts, onCloseDialog: () => (this.showShortcutsDialog = false) }))));
     }
     get el() { return index.getElement(this); }
 };