ai12z 3.16.1-alpha.3 → 3.16.1-alpha.5

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

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var beacon = require('./beacon-BXbtC1CF.js');
-require('./utils-C2m26j54.js');
+var beacon = require('./beacon-CHsypFIj.js');
+require('./utils-BsCPba57.js');
 
 const Ai12zBeacon = class {
     constructor(hostRef) {
@@ -20,10 +20,10 @@ const Ai12zBeacon = class {
         if (!this.dataKey) {
             return;
         }
-        beacon.initBeacon(this.dataKey);
+        beacon.initBeacon(this.dataKey, this.dataMode);
     }
     render() {
-        return index.h(index.Host, { key: '0c87acbc61ff504f2cc6406be2e255e92f9e3220', hidden: true });
+        return index.h(index.Host, { key: '48ca1fb76f87618fc7b03fd60e923a16a6cdf87f', hidden: true });
     }
     static get watchers() { return {
         "dataKey": [{

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-Dl_WYwVE.js');
+var processCarouselData = require('./processCarouselData-DVJtwUsv.js');
 var logger$2 = require('./logger-2ZBZCKdM.js');
-var utils = require('./utils-C2m26j54.js');
-var index$1 = require('./index-DbNk7qkZ.js');
+var utils = require('./utils-BsCPba57.js');
+var index$1 = require('./index-CHyfwy-h.js');
 var globalStore = require('./global-store-R6x06KvJ.js');
-var reCaptchaHelpers = require('./reCaptchaHelpers-mbTvATH6.js');
+var reCaptchaHelpers = require('./reCaptchaHelpers-Djq71pt4.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var surveyHelpers = require('./surveyHelpers-DFh4q1hj.js');
+var surveyHelpers = require('./surveyHelpers-D0AfNAN8.js');
 var scriptStyleLoader = require('./scriptStyleLoader-D-bqKqSb.js');
-var keyboardShortcuts = require('./keyboard-shortcuts-BpiAXzLW.js');
-var ctaHelpers = require('./ctaHelpers-CmoXzyRy.js');
+var keyboardShortcuts = require('./keyboard-shortcuts-BfEhZKK-.js');
+var ctaHelpers = require('./ctaHelpers-DL-PGlAx.js');
 var appStore = require('./app-store-BtkiHvcw.js');
-var parseHelper = require('./parseHelper-CbA81TvP.js');
-var beacon = require('./beacon-BXbtC1CF.js');
+var parseHelper = require('./parseHelper-B8pslVtS.js');
+var beacon = require('./beacon-CHsypFIj.js');
 var bodyScrollLock = require('./bodyScrollLock-C7gKTAfx.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 
@@ -1231,10 +1231,11 @@ const Ai12zBot = class {
             }
         };
         this.handleMessage = (data, aiMessageId) => {
+            var _a;
             const converter = new processCarouselData.showdown.Converter();
             // const aiMessageBubble = document.getElementById(aiMessageId);
             // const aiMessageBubble = await waitForElement(`#${aiMessageId}`, this.el)
-            const aiMessageBubble = this.el.shadowRoot.querySelector(`#${aiMessageId}`);
+            const aiMessageBubble = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${aiMessageId}`);
             if (!aiMessageBubble) {
                 console.error(`Message bubble with ID ${aiMessageId} not found.`);
                 return;
@@ -1258,6 +1259,7 @@ const Ai12zBot = class {
             }
         };
         this.handleSend = async (eleValue, options = {}) => {
+            var _a;
             const { isHide = false, isLiveChatEnded = false } = options;
             this.emptyMessageError = false;
             this.surveyDomId = "";
@@ -1319,7 +1321,6 @@ const Ai12zBot = class {
             ];
             if (this.messages.length === 2) {
                 this.visitorID = utils.getOrCreateVisitorId();
-                beacon.setConversationId(this.dataKey, this.conversationId);
             }
             this.checkHistory();
             setTimeout(() => {
@@ -1348,7 +1349,7 @@ const Ai12zBot = class {
                 }
             }
             // this.invokeSocket()
-            const parent = this.el.shadowRoot.querySelector("#previewContainer");
+            const parent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector("#previewContainer");
             if (parent) {
                 parent.innerHTML = "";
             }
@@ -1405,6 +1406,7 @@ const Ai12zBot = class {
             this.scheduleAutoScroll();
         };
         this.addEventMessage = (_message) => {
+            var _a;
             const agentEventMessages = this.liveAgentEventHandler.addAgentEventMessage([
                 {
                     text: _message,
@@ -1416,7 +1418,7 @@ const Ai12zBot = class {
                 }
             }
             if (agentEventMessages && this.currentDomId) {
-                const currentDomElement = this.el.shadowRoot.querySelector(`#${this.currentDomId}`);
+                const currentDomElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.currentDomId}`);
                 if (currentDomElement) {
                     // Append the agent event messages to the current message bubble
                     currentDomElement.parentNode.appendChild(agentEventMessages);
@@ -1805,7 +1807,7 @@ const Ai12zBot = class {
         this.timestamp = utils.formatTimestamp(new Date());
         this.updateScreenSize();
         await this.configBot();
-        beacon.initBeacon(this.dataKey);
+        beacon.initBeacon(this.dataKey, this.dataMode);
         this.visitorID = "ai12z-" + localStorage.getItem(`ai12z-visitorId`);
         // Now safely read state with valid pId
         this.hydrateStateFromStorage();
@@ -1887,6 +1889,7 @@ const Ai12zBot = class {
         }
     }
     componentDidLoad() {
+        var _a;
         globalStore.setBotElement(this.el); // register globally
         if (typeof window !== "undefined" && !window.Handlebars) {
             window.Handlebars = index$1.Handlebars;
@@ -1901,7 +1904,7 @@ const Ai12zBot = class {
       var ai12zChat = window["ai12z"] = {}
     `;
         document.head.appendChild(ai12zHeading);
-        this.el.shadowRoot.appendChild(ai12zHeading);
+        (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(ai12zHeading);
         // ✅ Initialize asset loader if not already done (configBot may have initialized it)
         if (!this.assetLoader) {
             this.initializeAssetLoader();
@@ -2201,7 +2204,8 @@ const Ai12zBot = class {
     hideSpinner(chatData) {
         // Logic for hiding the spinner (assumed to return a Promise if async is needed)
         return new Promise(resolve => {
-            const renderedBubble = this.el.shadowRoot.querySelector(`#${chatData.id}`);
+            var _a;
+            const renderedBubble = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`#${chatData.id}`);
             if (renderedBubble) {
                 const spinner = renderedBubble.querySelector("#spinner");
                 if (spinner) {
@@ -2327,6 +2331,9 @@ const Ai12zBot = class {
                     }
                     // ✅ Common cleanup
                     this.conversationId = data.conversationId;
+                    if (this.messages.length === 2) {
+                        beacon.setConversationId(this.dataKey, this.dataMode, this.conversationId);
+                    }
                     // this.saveConversation()
                     ctaHelpers.saveConversation((_b = this.botSettings) === null || _b === void 0 ? void 0 : _b.pId, this.messages, this.conversationId, (_d = (_c = this.botSettings._id) === null || _c === void 0 ? void 0 : _c.$oid) !== null && _d !== void 0 ? _d : "", this.visitorID, "bot", {
                         isMinimized: this.isMinimized,
@@ -2458,7 +2465,8 @@ const Ai12zBot = class {
         }
     }
     addEventListeners(msgId) {
-        const container = this.el.shadowRoot.querySelector(msgId);
+        var _a;
+        const container = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(msgId);
         if (container) {
             this.buttons.forEach(button => {
                 const buttonElement = container.querySelector(`#${button.id}`);
@@ -2723,7 +2731,7 @@ const Ai12zBot = class {
         this.autoScrollTimer = setTimeout(() => this.scrollToBottom(), 60);
     }
     checkLiveAgentMode() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l;
         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
@@ -2733,7 +2741,10 @@ 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.
          */
-        this.isLiveAgentEnabled = isLiveAgentConfigured && this.messages.length > 1;
+        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;
+        this.isLiveAgentEnabled = isLiveAgentConfigured && this.messages.length > 1 && withinHours;
     }
     openEndLiveAgentDialog() {
         this.isToggled = false;

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-C2m26j54.js');
+var utils = require('./utils-BsCPba57.js');
 var _commonjsHelpers = require('./_commonjsHelpers-MBWFX2dn.js');
 var appStore = require('./app-store-BtkiHvcw.js');
-var parseHelper = require('./parseHelper-CbA81TvP.js');
-require('./ctaHelpers-CmoXzyRy.js');
+var parseHelper = require('./parseHelper-B8pslVtS.js');
+require('./ctaHelpers-DL-PGlAx.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)}`;

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-BmpJ3hCP.js');
-require('./utils-C2m26j54.js');
+var styleSheetRegistry = require('./styleSheetRegistry-CsHfoS0d.js');
+require('./utils-BsCPba57.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}`;
 
@@ -55,10 +55,18 @@ 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"] = {};
@@ -67,14 +75,6 @@ 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: '9ca973f77573d9d8c35819187627bf138467adb6', class: "chat-message" }, index.h("div", { key: 'e93fe238107177d064eea2f8473a62c98f4296b2', ref: (el) => this.messageRef = el, class: { 'message-text': true, "custom-line-clamp": !this.isExpanded && !this.isCollapsing && this.showButton }, style: {
+        return (index.h("div", { key: '678e7290618485a7a59f60642a2a7774c84ff87e', class: "chat-message" }, index.h("div", { key: '6b47a9bfeec40b41d1dcbbe026f3553f5950815e', 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: 'dfee9acb322edeeccb2a2922f7cda8428ebbbc77', class: "fade-overlay" }), this.showButton && this.canExpand && index.h("button", { key: '703b97095285eb0748bdc89ca806c460f34c0e73', 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: 'dc643873c5d998735c11d318dd65adf974abf4be', class: "fade-overlay" }), this.showButton && this.canExpand && index.h("button", { key: '7bbd87c7c71796a4b7e43d290536c13fc39254cc', 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/ai12z-chat_2.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var processCarouselData = require('./processCarouselData-Dl_WYwVE.js');
-var parseHelper = require('./parseHelper-CbA81TvP.js');
-var utils = require('./utils-C2m26j54.js');
-var ctaHelpers = require('./ctaHelpers-CmoXzyRy.js');
-var index$1 = require('./index-DbNk7qkZ.js');
-var socketService = require('./socket-service-Cx-4DSqu.js');
-var surveyHelpers = require('./surveyHelpers-DFh4q1hj.js');
-var keyboardShortcuts = require('./keyboard-shortcuts-BpiAXzLW.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 analyticsService = require('./analyticsService-CkAva47S.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var beacon = require('./beacon-BXbtC1CF.js');
+var beacon = require('./beacon-CHsypFIj.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 require('./logger-2ZBZCKdM.js');
 require('./response-adapter-CKKyyhMj.js');
@@ -456,7 +456,7 @@ const MyChat = class {
                 // ✅ Common cleanup
                 this.conversationId = event.detail.conversationId;
                 if (this.chats.length === 2) {
-                    beacon.setConversationId(this.apiKey, this.conversationId);
+                    beacon.setConversationId(this.apiKey, this.env, this.conversationId);
                 }
                 ctaHelpers.saveConversation(this.getProjectId(), this.chats, this.conversationId, (_d = (_c = (_b = this.settings) === null || _b === void 0 ? void 0 : _b._id) === null || _c === void 0 ? void 0 : _c.$oid) !== null && _d !== void 0 ? _d : "", "ai12z-cta-history", "search");
                 this.aiMessageId = "";
@@ -1142,7 +1142,7 @@ const MyChat = class {
     render() {
         var _a;
         const email = "";
-        return (index.h("div", { key: '7f55750f55253ad15662a90c60415379eab1dbf5' }, index.h("ul", { key: 'd957e635cd6f1c0179eda2e65f3cf25386c4d4b8', id: "main-content", tabindex: "-1", class: {
+        return (index.h("div", { key: 'f831dd4187ff1bf14c6d841cef5497e2f1286649' }, index.h("ul", { key: '408075b0d4bb3131c867c020dcc3e00b16cc22c2', id: "main-content", tabindex: "-1", class: {
                 "chat-list": true,
                 "custom-list": this.componentType === "search",
                 // "custom-chat-top-height": this.componentType === "search",
@@ -1209,7 +1209,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: '3df0615a75073d76ef5097a2eb2642d18b9f4a02', class: "scroll-bottom" }))));
+            }), index.h("div", { key: 'd1bb0335acf2e6aa3e732a3733b1a20cbf9b0180', class: "scroll-bottom" }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,10 +1,10 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var utils = require('./utils-C2m26j54.js');
-var processCarouselData = require('./processCarouselData-Dl_WYwVE.js');
+var utils = require('./utils-BsCPba57.js');
+var processCarouselData = require('./processCarouselData-DVJtwUsv.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var index$1 = require('./index-DbNk7qkZ.js');
+var index$1 = require('./index-CHyfwy-h.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 
 /*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */

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

@@ -1,13 +1,13 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var utils = require('./utils-C2m26j54.js');
+var utils = require('./utils-BsCPba57.js');
 var SearchResult = require('./SearchResult-CvTJr55G.js');
-var socketService = require('./socket-service-Cx-4DSqu.js');
+var socketService = require('./socket-service-Dqfi4_qU.js');
 var globalStore = require('./global-store-R6x06KvJ.js');
-var reCaptchaHelpers = require('./reCaptchaHelpers-mbTvATH6.js');
-var ctaHelpers = require('./ctaHelpers-CmoXzyRy.js');
-var beacon = require('./beacon-BXbtC1CF.js');
+var reCaptchaHelpers = require('./reCaptchaHelpers-Djq71pt4.js');
+var ctaHelpers = require('./ctaHelpers-DL-PGlAx.js');
+var beacon = require('./beacon-CHsypFIj.js');
 var appStore = require('./app-store-BtkiHvcw.js');
 var bodyScrollLock = require('./bodyScrollLock-C7gKTAfx.js');
 require('./response-adapter-CKKyyhMj.js');
@@ -344,7 +344,7 @@ const Ai12zCta = class {
         appStore.setParentComponentState("cta", this.dataKey, this.dataMode);
         await this.configCtaSettings();
         // Initialize global beacon for session tracking
-        beacon.initBeacon(this.dataKey);
+        beacon.initBeacon(this.dataKey, this.dataMode);
         // console.log("componentWillLoad ai12z-cta.tsx")
         // this.socket = this.socketService.getSocket()
         // this.socketService = SocketService.createInstance(this.dataMode)

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

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var utils = require('./utils-C2m26j54.js');
-var surveyHelpers = require('./surveyHelpers-DFh4q1hj.js');
+var utils = require('./utils-BsCPba57.js');
+var surveyHelpers = require('./surveyHelpers-D0AfNAN8.js');
 var scriptStyleLoader = require('./scriptStyleLoader-D-bqKqSb.js');
 
 const ai12zFormCss = () => `.ai12z-form-wrapper{width:100%}.ai12z-form-status,.ai12z-form-error{font-size:14px;margin-bottom:8px}.ai12z-form-error{color:#b91c1c}.ai12z-form-container{width:100%}.ai12z-form-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@keyframes ai12z-form-spin{to{transform:rotate(360deg)}}@keyframes ai12z-form-bounce{0%,80%,100%{opacity:0.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}`;

package/dist/cjs/ai12z-inline-search.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var utils = require('./utils-C2m26j54.js');
+var utils = require('./utils-BsCPba57.js');
 var SearchResult = require('./SearchResult-CvTJr55G.js');
-var socketService = require('./socket-service-Cx-4DSqu.js');
+var socketService = require('./socket-service-Dqfi4_qU.js');
 require('./response-adapter-CKKyyhMj.js');
 
 const ai12zInlineSearchCss = () => `:host{font-family:var(--ai12z-font-family) !important;font-size:var(--ai12z-font-size) !important;color:var(--ai12z-font-color, black);text-align:var(--ai12z-text-align, left)}`;

package/dist/cjs/ai12z-knowledge-box.cjs.entry.js

@@ -1,15 +1,16 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var utils = require('./utils-C2m26j54.js');
-var styleSheetRegistry = require('./styleSheetRegistry-BmpJ3hCP.js');
+var utils = require('./utils-BsCPba57.js');
+var styleSheetRegistry = require('./styleSheetRegistry-CsHfoS0d.js');
 var responseAdapter = require('./response-adapter-CKKyyhMj.js');
-var processCarouselData = require('./processCarouselData-Dl_WYwVE.js');
+var processCarouselData = require('./processCarouselData-DVJtwUsv.js');
 var globalStore = require('./global-store-R6x06KvJ.js');
-var index$1 = require('./index-DbNk7qkZ.js');
-var surveyHelpers = require('./surveyHelpers-DFh4q1hj.js');
+var index$1 = require('./index-CHyfwy-h.js');
+var surveyHelpers = require('./surveyHelpers-D0AfNAN8.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
 var analyticsService = require('./analyticsService-CkAva47S.js');
+var beacon = require('./beacon-CHsypFIj.js');
 require('./_commonjsHelpers-MBWFX2dn.js');
 
 const ai12zKnowledgeBoxCss = () => `:host{font-family:var(--ai12z-knowledge-box-font-family) !important;font-size:var(--ai12z-knowledge-box-font-size) !important;color:var(--ai12z-knowledge-box-font-color, black);text-align:var(--ai12z-knowledge-box-text-align, left)}.ai12z-kb-wrapper{background-color:var(--ai12z-knowledge-box-bg-color)}.ai12z-suggest-container{padding:32px 32px 32px 32px;flex:none}.ai12z-suggest-answer{font-size:var(--ai12z-knowledge-box-font-size)}.ai12z-suggest-title{font-weight:700}.ai12z-suggest-align{float:left}.ai12z-suggest-relevance{text-align:end}.ai12z-suggest-error-msg{color:rgb(239 68 68)}.ai12z-suggest-hide{display:none}.ai12z-suggest-thumbs{margin-left:90%}.ai12z-suggest-thumbs-up{fill:var(--ai12z-feedback-selected);width:24px}.ai12z-suggest-thumbs-down{fill:var(--ai12z-feedback-selected);width:24px}.not-allowed{cursor:not-allowed}.ai12zBtn{background-color:var(--ai12z-knowledge-box-button-bgcolor);color:var(--ai12z-knowledge-box-button-color) !important;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none !important;margin:5px}.custom-privacy{color:var(--ai12z-knowledge-box-privacy-color);text-align:center;font-size:var(--ai12z-knowledge-box-privacy-font-size);margin-top:10px}button:focus-visible{outline:2px solid var(--ai12z-knowledge-box-focus-visible-color, #0A2A43);outline-offset:2px}button.kb-btn-primary:focus-visible{outline:2px solid var(--ai12z-knowledge-box-focus-visible-color-primary, --ai12z-knowledge-box-focus-visible-color);outline-offset:2px}button.kb-btn-secondary:focus-visible{outline:2px solid var(--ai12z-knowledge-box-focus-visible-color-secondary, --ai12z-knowledge-box-focus-visible-color)}.diamond-icon{color:var(--ai12z-knowledge-box-icon-color, #a5e6e6);width:28px;height:28px;transform-origin:center;}.diamond-icon.loading{animation:rotate 2s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}`;
@@ -44,15 +45,15 @@ const Ai12zKnowledgeBox = class {
             }, 1000);
         };
         this.updateResponseContent = (htmlContent) => {
-            var _a, _b;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
             const newTodo = {
                 id: this.domId,
                 answer: htmlContent,
-                title: (_a = this.kbSettings.title) !== null && _a !== void 0 ? _a : this.question,
-                relevanceScore: this.searchResults["relevanceScore"],
-                isRelevance: this.kbSettings.relevanceScore,
-                insightId: this.searchResults["insightId"],
-                thumbsUpDown: (_b = this.kbSettings.showMessageIcons) !== null && _b !== void 0 ? _b : true,
+                title: (_b = (_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : this.question,
+                relevanceScore: (_d = (_c = this.searchResults) === null || _c === void 0 ? void 0 : _c["relevanceScore"]) !== null && _d !== void 0 ? _d : "",
+                isRelevance: (_e = this.kbSettings) === null || _e === void 0 ? void 0 : _e.relevanceScore,
+                insightId: (_f = this.searchResults) === null || _f === void 0 ? void 0 : _f["insightId"],
+                thumbsUpDown: (_h = (_g = this.kbSettings) === null || _g === void 0 ? void 0 : _g.showMessageIcons) !== null && _h !== void 0 ? _h : true,
             };
             this.items = this.items.map(item => (item.id === this.domId ? newTodo : item));
             this.currentStreamingText = htmlContent; // set final answer
@@ -299,7 +300,7 @@ const Ai12zKnowledgeBox = class {
         });
     }
     getResults(type) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         // console.log("Getting results for question:", this.question)
         try {
             if (this.question) {
@@ -310,9 +311,9 @@ const Ai12zKnowledgeBox = class {
                     answer: " ",
                     title: "",
                     relevanceScore: "",
-                    isRelevance: this.kbSettings.relevanceScore,
+                    isRelevance: (_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.relevanceScore,
                     insightId: "",
-                    thumbsUpDown: (_a = this.kbSettings.showMessageIcons) !== null && _a !== void 0 ? _a : true,
+                    thumbsUpDown: (_c = (_b = this.kbSettings) === null || _b === void 0 ? void 0 : _b.showMessageIcons) !== null && _c !== void 0 ? _c : true,
                 };
                 if (type === "add" || (this.items && this.items.length === 0)) {
                     this.socket.off("response");
@@ -325,7 +326,7 @@ const Ai12zKnowledgeBox = class {
                     const updatedId = this.items[0].id;
                     this.items = [...this.items, newTodo];
                     this.items = this.items.filter(item => item.id !== updatedId);
-                    if ((_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`#${updatedId}`)) {
+                    if ((_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector(`#${updatedId}`)) {
                         this.el.shadowRoot.querySelector(`#${updatedId}`).innerHTML = "";
                         this.el.shadowRoot.querySelector(`#${updatedId}`).setAttribute("data-bubbleText", "");
                     }
@@ -364,6 +365,7 @@ const Ai12zKnowledgeBox = class {
             this.handleMessage(messageData, `${this.domId}`); // Use the unique ID to handle messages
         });
         this.socket.on(endEvent, async (rawData) => {
+            var _a, _b;
             const data = protocol === "v2" ? responseAdapter.adaptCompleteToLegacy(rawData) : rawData;
             this.isStreaming = false;
             this.messageReceived.emit({ data, domId: this.domId });
@@ -374,6 +376,19 @@ const Ai12zKnowledgeBox = class {
             this.isLoading = false;
             this.searchResults = data;
             this.error = null;
+            // Save conversation id from response for later use
+            this.questionId = (_b = (_a = data.conversationId) !== null && _a !== void 0 ? _a : data.conversation_id) !== null && _b !== void 0 ? _b : this.questionId;
+            // If this is the very first conversation, inform the beacon util
+            if (this.questionId) {
+                // `setConversationId` is idempotent and will no-op if already stored
+                try {
+                    // Call asynchronously, don't await to avoid blocking UI
+                    void beacon.setConversationId(this.dataKey, this.dataMode, this.questionId);
+                }
+                catch (e) {
+                    console.error("Failed to set beacon conversation id:", e);
+                }
+            }
             const controlMatches = finalHtml.match(/\[control[^\]]*\]/g) || [];
             if (finalHtml.indexOf("[control") > -1 && controlMatches.length > 0) {
                 this.showButton = false;
@@ -385,19 +400,6 @@ const Ai12zKnowledgeBox = class {
             }
         });
     }
-    // invokeSurvey = chat => {
-    //   const formModel = chat.controlData.form_model
-    //   const survey = new window["Survey"].Model(formModel)
-    //   const domELe = this.element.shadowRoot.querySelector(`#${this.domId}`).shadowRoot.querySelector(`#${this.surveyDomId}`)
-    //   if (domELe) {
-    //     survey.render(domELe)
-    //     // window["jQuery"](domELe).Survey({ model: survey })
-    //   } else {
-    //     console.error("Survey Element not found")
-    //   }
-    //   survey.showCompletedPage = false
-    //   survey.onComplete.add(this.alertResults)
-    // }
     addEventListeners(msgId) {
         const container = this.el.shadowRoot.querySelector(msgId);
         if (container) {
@@ -410,10 +412,13 @@ const Ai12zKnowledgeBox = class {
             });
         }
     }
-    componentWillLoad() {
+    async componentWillLoad() {
         styleSheetRegistry.adoptStyleSheet(`https://cdn.ai12z.net/assets/bot/${index.Env.CDN_PATH}/tailwind.min.css`, this.el.shadowRoot);
         this.socketConnection();
-        this.getConfig();
+        await this.getConfig();
+        // initialize beacon asynchronously so slow/blocked beacon endpoints
+        // don't delay component rendering
+        void beacon.initBeacon(this.dataKey, this.dataMode);
         const w = window;
         if (!w.ai12z)
             w.ai12z = {};
@@ -607,7 +612,7 @@ const Ai12zKnowledgeBox = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: 'c31a4219d05067e80e11380affc8be5808d8d505', class: "ai12z-kb-wrapper" }, this.error ? index.h("p", { class: "ai12z-suggest-error-msg" }, "Error please try again!") : null, this.items.map(item => {
+        return (index.h("div", { key: '9d747b9e61054dd6ca9c0ccbe0395375fd500344', class: "ai12z-kb-wrapper" }, this.error ? index.h("p", { class: "ai12z-suggest-error-msg" }, "Error please try again!") : null, this.items.map(item => {
             var _a, _b, _c, _d;
             return (index.h("div", { class: "prose max-w-none ai12z-suggest-container" }, index.h("div", null, index.h("div", null, index.h("div", { class: "flex flex-row gap-1" }, index.h("div", { class: "flex items-center gap-2 mb-3", style: { width: "90%" } }, ((_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.showTitle) && (index.h("svg", { width: "28", height: "28", viewBox: "0 0 48 48", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", class: "diamond-icon" + (this.isLoading && !this.finalResponse ? " loading" : "") }, index.h("path", { d: "M24 2c-3 8-8 13-16 16 8 3 13 8 16 16 3-8 8-13 16-16-8-3-13-8-16-16z" }))), ((_b = this.kbSettings) === null || _b === void 0 ? void 0 : _b.showTitle) && (index.h("h5", { class: "text-lg font-semibold text-gray-800 m-0" }, !this.finalResponse ? "Generating..." : (_c = this.kbSettings.title) !== null && _c !== void 0 ? _c : "AI Overview"))), item.thumbsUpDown && !this.isLoading && (index.h("div", null, index.h("button", { id: `thumbsUp_${item.insightId}`, onClick: () => {
                     var _a;
@@ -627,8 +632,8 @@ const Ai12zKnowledgeBox = class {
                         projectId: (_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.pId,
                         questionText: this.question,
                     });
-                }, class: "chat-thumbs-down", "aria-label": "Thumbs Down" }, 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" }))))))), !this.isLoading && (index.h("div", null, ((_d = this.searchResults) === null || _d === void 0 ? void 0 : _d.controlType) !== "form" && (index.h("ai12z-chat-message", { id: item.id, text: this.currentStreamingText, kbSettings: this.kbSettings, "show-button": this.showButton, streaming: this.isStreaming && item.id === this.domId })), index.h("div", { class: { "ai12z-suggest-relevance": true, "ai12z-suggest-hide": !item["isRelevance"] } }, index.h("a", { href: "" }, item["relevanceScore"])), index.h("div", { class: "custom-privacy" }, index.h("slot", { name: "custom-privacy" })))), this.isLoading && (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" })))))))));
-        }), ((_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.questionType) === "staticHtml" && this.items.length === 0 && this.welcomeReady && (index.h("div", { key: 'd893adcba892e17f3ed2d155d84faa2e2453178b', class: "ai12z-suggest-answer", innerHTML: (_b = this.kbSettings.welcome) === null || _b === void 0 ? void 0 : _b.message }))));
+                }, class: "chat-thumbs-down", "aria-label": "Thumbs Down" }, 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" }))))))), !this.isLoading && (index.h("div", null, ((_d = this.searchResults) === null || _d === void 0 ? void 0 : _d.controlType) !== "form" && (index.h("ai12z-chat-message", { id: item.id, text: this.currentStreamingText, kbSettings: this.kbSettings, "show-button": this.showButton, streaming: this.isStreaming && item.id === this.domId })), index.h("div", { class: { "ai12z-suggest-relevance": true, "ai12z-suggest-hide": !item["isRelevance"] } }, index.h("a", { href: "" }, item === null || item === void 0 ? void 0 : item["relevanceScore"])), index.h("div", { class: "custom-privacy" }, index.h("slot", { name: "custom-privacy" })))), this.isLoading && (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" })))))))));
+        }), ((_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.questionType) === "staticHtml" && this.items.length === 0 && this.welcomeReady && (index.h("div", { key: 'a3f629f01085a549c76ca8c19baaf93431e4b255', class: "ai12z-suggest-answer", innerHTML: (_b = this.kbSettings.welcome) === null || _b === void 0 ? void 0 : _b.message }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

package/dist/cjs/ai12z-search-panel.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-v8T1EJAJ.js');
-var utils = require('./utils-C2m26j54.js');
+var utils = require('./utils-BsCPba57.js');
 var SearchResult = require('./SearchResult-CvTJr55G.js');
 
 const ai12zSearchPanelCss = () => `:host{display:block;width:100%;font-family:var(--ai12z-font-family);font-size:var(--ai12z-font-size)}.input-focus-color{border:1px solid var(--ai12z-search-panel-focus-color)}.search-btn-bg-color{background-color:var(--ai12z-search-panel-button-bgcolor)}.input-border{border-bottom:1px solid var(--ai12z-search-panel-input-border-color)}.search-container{background-color:var(--ai12z-search-panel-bg)}.search-icon svg{width:20px;height:20px;color:var(--ai12z-search-panel-icon-color);}.search-input::-moz-placeholder{color:#999}.search-input::placeholder{color:#999}.search-results{width:100%;text-align:left}.cta-search-results{border-top-width:1px;border-bottom-width:0px;border-color:rgb(243 244 246)}.cta-search-results-list{position:relative;padding-bottom:20px;padding-top:20px}.cta-search-results-list:hover{background-color:var(--ai12z-hover-bg-color)}.cta-search-container{margin-left:auto;margin-right:auto;display:flex;max-width:896px;justify-content:space-between;-moz-column-gap:24px;column-gap:24px}.cta-search-container-two{display:flex;min-width:0px;-moz-column-gap:16px;column-gap:16px}.cta-search-container-three{min-width:0px;flex:1 1 auto}.cta-search-text{font-weight:600;line-height:24px;font-size:var(--ai12z-search-result-title-font-size);color:var(--ai12z-search-result-title-color)}.cta-search-text-position{position:absolute;left:0px;right:0px;top:-1px;bottom:0px}.cta-search-description{margin-top:4px;display:flex;font-size:var(--ai12z-search-result-description-font-size);line-height:16px;line-height:20px;color:var(--ai12z-search-result-description-color)}.cta-search-list-arrow{display:flex;align-items:center;flex-shrink:0;-moz-column-gap:16px;column-gap:16px}.custom-icon-width{width:64px}.results-icon svg{width:24px;height:24px}`;