ai12z 3.13.3 → 3.14.1-alpha.0

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

@@ -66,6 +66,67 @@ class SalesforceLiveAgentProvider {
         this.configSettings = null;
         this.sessionContext = null;
         this.endpointSSE = "";
+        this.checkAgentAvailability = async (conversationId) => {
+            var _a, _b, _c;
+            this.availabilityAbort = new AbortController();
+            const { signal } = this.availabilityAbort;
+            // MIAW routing is async — poll until a RoutingResult entry appears or we time out.
+            const POLL_INTERVAL_MS = 1500;
+            const MAX_WAIT_MS = 20000;
+            const startTime = Date.now();
+            while (Date.now() - startTime < MAX_WAIT_MS) {
+                if (signal.aborted)
+                    return false;
+                const availabilityRes = await fetch(`${(_a = this.configSettings) === null || _a === void 0 ? void 0 : _a.instanceUrl}/iamessage/api/v2/conversation/${conversationId}/entries`, {
+                    method: "GET",
+                    signal,
+                    headers: {
+                        "Content-Type": "application/json",
+                        "Authorization": `Bearer ${(_b = this.sessionContext) === null || _b === void 0 ? void 0 : _b.accessToken}`,
+                    },
+                });
+                if (!availabilityRes.ok) {
+                    logger.warn(`Agent availability check failed: ${availabilityRes.status} ${availabilityRes.statusText}`);
+                    ChatEventBus.emit("AGENT_UNAVAILABLE", { reason: "request_error" });
+                    return false;
+                }
+                const availabilityData = await availabilityRes.json();
+                logger.debug("Agent availability check result:", availabilityData);
+                const entries = (_c = availabilityData === null || availabilityData === void 0 ? void 0 : availabilityData.conversationEntries) !== null && _c !== void 0 ? _c : [];
+                const routingEntry = entries.find((e) => e.entryType === "RoutingResult");
+                if (routingEntry) {
+                    // entryPayload may arrive as a JSON string — parse it if needed
+                    let entryPayload = routingEntry.entryPayload;
+                    if (typeof entryPayload === "string") {
+                        try {
+                            entryPayload = JSON.parse(entryPayload);
+                        }
+                        catch (_d) {
+                            logger.warn("Failed to parse RoutingResult entryPayload");
+                        }
+                    }
+                    const failureReason = entryPayload === null || entryPayload === void 0 ? void 0 : entryPayload.failureReason;
+                    if (failureReason) {
+                        logger.warn("Routing failed with reason:", failureReason);
+                        ChatEventBus.emit("AGENT_UNAVAILABLE", { reason: failureReason });
+                        return false;
+                    }
+                    logger.debug("Agent routed successfully");
+                    return true;
+                }
+                // conversationEntries is empty — routing hasn't completed yet, retry
+                logger.debug(`No RoutingResult yet (entries: ${entries.length}), retrying in ${POLL_INTERVAL_MS}ms…`);
+                // await new Promise(resolve => setTimeout(resolve, POLL_INTERVAL_MS))
+                await new Promise((resolve, reject) => {
+                    const t = setTimeout(resolve, POLL_INTERVAL_MS);
+                    signal.addEventListener("abort", () => { clearTimeout(t); reject(); }, { once: true });
+                }).catch(() => null);
+            }
+            // Timed out — no routing result arrived within the window
+            logger.warn("Timed out waiting for MIAW routing result");
+            ChatEventBus.emit("AGENT_UNAVAILABLE", { reason: "timeout" });
+            return false;
+        };
         this.configSettings = null;
         this.sessionContext = null;
         this.endpointSSE = utils.getEndpoint(envMode);
@@ -177,8 +238,15 @@ class SalesforceLiveAgentProvider {
             if (formatInitialMessages) {
                 this.sendMessage({ isNewSession: true, sessionId: ((_m = this.sessionContext) === null || _m === void 0 ? void 0 : _m.sessionId) || "", message: formatInitialMessages });
             }
-            // await this.pollMessages("")
-            this.listenToMessages();
+            if (await this.checkAgentAvailability(this.sessionContext.conversationId || "")) {
+                logger.debug("Agent is available, starting to listen to messages");
+                this.listenToMessages();
+            }
+            else {
+                // AGENT_UNAVAILABLE (with reason: failureReason | "timeout" | "request_error")
+                // was already emitted by checkAgentAvailability
+                logger.warn("No agent assigned — skipping SSE listener setup");
+            }
         }
     }
     /**
@@ -611,13 +679,14 @@ class SalesforceLiveAgentProvider {
      * It sends a POST request to the Salesforce MIAW API to close the conversation.
      */
     async endChat(_sessionId) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
+        (_a = this.availabilityAbort) === null || _a === void 0 ? void 0 : _a.abort();
         // console.log("this.sessionContext?.conversationId", this.sessionContext?.conversationId)
-        if ((_a = this.sessionContext) === null || _a === void 0 ? void 0 : _a.conversationId) {
-            const res = await fetch(`${(_b = this.configSettings) === null || _b === void 0 ? void 0 : _b.instanceUrl}/iamessage/api/v2/conversation/${(_c = this.sessionContext) === null || _c === void 0 ? void 0 : _c.conversationId}?esDeveloperName=${(_d = this.configSettings) === null || _d === void 0 ? void 0 : _d.messagingChannelId}`, {
+        if ((_b = this.sessionContext) === null || _b === void 0 ? void 0 : _b.conversationId) {
+            const res = await fetch(`${(_c = this.configSettings) === null || _c === void 0 ? void 0 : _c.instanceUrl}/iamessage/api/v2/conversation/${(_d = this.sessionContext) === null || _d === void 0 ? void 0 : _d.conversationId}?esDeveloperName=${(_e = this.configSettings) === null || _e === void 0 ? void 0 : _e.messagingChannelId}`, {
                 method: "DELETE",
                 headers: {
-                    "Authorization": `Bearer ${(_e = this.sessionContext) === null || _e === void 0 ? void 0 : _e.accessToken}`,
+                    "Authorization": `Bearer ${(_f = this.sessionContext) === null || _f === void 0 ? void 0 : _f.accessToken}`,
                     "Content-Type": "application/json",
                 },
             });
@@ -1253,6 +1322,7 @@ const Ai12zBot = class {
                 if (currentDomElement) {
                     // Append the agent event messages to the current message bubble
                     currentDomElement.parentNode.appendChild(agentEventMessages);
+                    this.currentDomId = "";
                     return agentEventMessages;
                 }
             }
@@ -1302,9 +1372,6 @@ const Ai12zBot = class {
         this.agentEventHandler = event => {
             this.isTypingIndicatorVisible = false;
             if ((event === null || event === void 0 ? void 0 : event.length) > 0) {
-                if (this.isLiveAgentEnabled && this.currentDomId === "") {
-                    this.currentDomId = this.messages[this.messages.length - 1].id;
-                }
                 // Persist each system event into this.messages so they survive page reload
                 const systemMessages = event.map((evt) => ({
                     id: evt.id || `system-${utils.generateUUID()}`,
@@ -1346,6 +1413,16 @@ const Ai12zBot = class {
             this.isLiveAgent = true;
             this.updateBotState();
         };
+        this.handleAgentUnavailable = () => {
+            this.addEventMessage("Live Agent is currently unavailable. Please try again later.");
+            this.isTypingIndicatorVisible = false;
+            this.isLiveAgent = false;
+            this.liveAgentSessionId = "";
+            this.liveAgentConversationId = "";
+            this.updateBotState();
+            this.announce("Live agent is currently unavailable");
+            this.clearEvents();
+        };
         this.toggleBot = _e => {
             // e.stopPropagation()
             this.isToggled = !this.isToggled;
@@ -2017,6 +2094,9 @@ const Ai12zBot = class {
         this.socket.on(endEvent, async (rawData) => {
             // For v2, adapt the response format to match legacy expectations
             const data = protocol === "v2" ? responseAdapter.adaptCompleteToLegacy(rawData) : rawData;
+            if (data.showInput !== undefined && typeof data.showInput === "boolean") {
+                this.botSettings.showInput = data.showInput;
+            }
             this.unreadCount++;
             const { id, idChanged, orphaned } = parseHelper.ensureMessageId(this.currentDomId, this.messages, "chatbot");
             this.currentDomId = id;
@@ -2500,7 +2580,9 @@ const Ai12zBot = class {
         this.liveAgentSessionId = "";
         this.liveAgentConversationId = "";
         this.liveAgentButtonText = "Talk to a Live Agent";
-        this.sendMessage(((_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.llmMessageOnDisconnect) !== "" ? (_b = this.botSettings) === null || _b === void 0 ? void 0 : _b.llmMessageOnDisconnect : "The live agent has been disconnected. Please do not initiate the live agent directive again.", ((_c = this.botSettings) === null || _c === void 0 ? void 0 : _c.userMessageOnDisconnect) !== "" ? (_d = this.botSettings) === null || _d === void 0 ? void 0 : _d.userMessageOnDisconnect : "The live agent has ended the conversation.", { isLiveChatEnded: true });
+        this.sendMessage(((_a = this.botSettings) === null || _a === void 0 ? void 0 : _a.llmMessageOnDisconnect) !== ""
+            ? (_b = this.botSettings) === null || _b === void 0 ? void 0 : _b.llmMessageOnDisconnect
+            : "The live agent has been disconnected. Please do not initiate the live agent directive again.", ((_c = this.botSettings) === null || _c === void 0 ? void 0 : _c.userMessageOnDisconnect) !== "" ? (_d = this.botSettings) === null || _d === void 0 ? void 0 : _d.userMessageOnDisconnect : "The live agent has ended the conversation.", { isLiveChatEnded: true });
         this.announce("Live agent chat ended");
         this.clearEvents();
     }
@@ -2521,6 +2603,7 @@ const Ai12zBot = class {
         this.liveAgentListenersRegistered = true;
         ChatEventBus.on("FINDING_AGENT", this.findingAgent);
         ChatEventBus.on("AGENT_EVENT", this.agentEventHandler);
+        ChatEventBus.on("AGENT_UNAVAILABLE", this.handleAgentUnavailable);
         ChatEventBus.on("TYPING_STARTED", this.handleTypingStarted);
         ChatEventBus.on("TYPING_STOPPED", this.handleTypingStopped);
         ChatEventBus.on("AGENT_MESSAGE", this.agentMessageCreated);
@@ -2532,6 +2615,7 @@ const Ai12zBot = class {
         this.liveAgentListenersRegistered = false;
         ChatEventBus.off("FINDING_AGENT", this.findingAgent);
         ChatEventBus.off("AGENT_EVENT", this.agentEventHandler);
+        ChatEventBus.off("AGENT_UNAVAILABLE", this.handleAgentUnavailable);
         ChatEventBus.off("AGENT_MESSAGE", this.agentMessageCreated);
         ChatEventBus.off("AGENT_ERROR", this.handleAgentError);
         ChatEventBus.off("CONVERSATION_CLOSED", this.handleAgentConversationEnded);
@@ -2742,7 +2826,7 @@ const Ai12zBot = class {
         }
     }
     render() {
-        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _w, _x, _y;
+        var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _w, _x, _y, _z;
         if (!this.canRender) {
             return (index.h(index.Host, null, index.h("span", { style: { display: "none" } }, "Failed to load ai12z bot control due to insufficient fund")));
         }
@@ -2825,7 +2909,11 @@ const Ai12zBot = class {
                         "opacity-90": !this.isProse,
                         "max-w-full break-words @md:text-body2 box-border @md:pr-4 flex-1 rounded-lg text-gray-30 pr-2 text-body3": true,
                     }, innerHTML: message.text, id: message.id }, message.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" }))))))), message.text !== "" && message.showIcon && ((_c = this.botSettings.showMessageIcons) !== null && _c !== void 0 ? _c : true) && (index.h("interaction-buttons", { message: message, chatArray: this.messages, currentIndex: idx, dataKey: this.dataKey, dataMode: this.dataMode, voice: this.voice, voiceType: this.voiceType, source: "bot", conversationId: this.conversationId, projectId: ((_d = this.botSettings) === null || _d === void 0 ? void 0 : _d.pId) || "" })), index.h("div", { class: "text-gray-30 pt-2 text-body4" }, this.botSettings.botName, " \u2022 ", message.timestamp)))));
-            }), this.showHistory && (index.h("chatbot-history", { chatList: this.conversationHistory, botName: (_s = this.botSettings) === null || _s === void 0 ? void 0 : _s.botName, styles: this.customStyle, scripts: this.customJS })), index.h("div", { class: "h-px pt-2px", style: { overflowAnchor: "auto" } })), index.h("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", class: "sr-only" }, this.announceMessage)))), index.h("form", { "data-testid": "user-input", class: `relative pointer-events-auto ${this.isOpened ? "p-2.5" : ""} searchform user-input`, "aria-label": "Message Area", "aria-hidden": "false", style: { opacity: !this.isMinimized ? "1" : "0", transform: "translateX(0)", pointerEvents: !this.isMinimized ? "auto" : "none" } }, !this.isOpened && (index.h("div", { class: `absolute right-4 md:right-0 border-2 border-white border-solid rounded-full ${this.isContent ? "" : "top-0"} minimize-input` }, index.h("button", { class: "rounded-full flex items-center justify-center disabled:cursor-not-allowed bg-gray-500 bg-opacity-60 hover:bg-opacity-80 h-5 w-5 bot-btn-primary", "aria-label": "Minimize Bot", tabindex: "0", onClick: e => {
+            }), this.showHistory && (index.h("chatbot-history", { chatList: this.conversationHistory, botName: (_s = this.botSettings) === null || _s === void 0 ? void 0 : _s.botName, styles: this.customStyle, scripts: this.customJS })), index.h("div", { class: "h-px pt-2px", style: { overflowAnchor: "auto" } })), index.h("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", class: "sr-only" }, this.announceMessage)))), ((_t = this.botSettings) === null || _t === void 0 ? void 0 : _t.showInput) !== false && (index.h("form", { "data-testid": "user-input", class: `relative pointer-events-auto ${this.isOpened ? "p-2.5" : ""} searchform user-input`, "aria-label": "Message Area", "aria-hidden": "false", style: {
+                opacity: !this.isMinimized ? "1" : "0",
+                transform: "translateX(0)",
+                pointerEvents: !this.isMinimized ? "auto" : "none",
+            } }, !this.isOpened && (index.h("div", { class: `absolute right-4 md:right-0 border-2 border-white border-solid rounded-full ${this.isContent ? "" : "top-0"} minimize-input` }, index.h("button", { class: "rounded-full flex items-center justify-center disabled:cursor-not-allowed bg-gray-500 bg-opacity-60 hover:bg-opacity-80 h-5 w-5 bot-btn-primary", "aria-label": "Minimize Bot", tabindex: "0", onClick: e => {
                 e.preventDefault();
                 this.isMinimized = !this.isMinimized;
                 this.isOpened = !this.isMinimized;
@@ -2857,12 +2945,12 @@ const Ai12zBot = class {
                 .filter(Boolean)
                 .join(" "), "aria-placeholder": this.isLiveAgent
                 ? "Type a message to the agent..."
-                : ((_t = this.botSettings) === null || _t === void 0 ? void 0 : _t.botPlaceholderText) !== ""
-                    ? (_u = this.botSettings) === null || _u === void 0 ? void 0 : _u.botPlaceholderText
+                : ((_u = this.botSettings) === null || _u === void 0 ? void 0 : _u.botPlaceholderText) !== ""
+                    ? (_w = this.botSettings) === null || _w === void 0 ? void 0 : _w.botPlaceholderText
                     : "Ask me anything", "aria-label": "Type your message here", class: `resize-none overflow-hidden text-ellipsis focus:outline-none w-full custom-input ${this.hideAllButtons ? "hidden" : ""}`, "data-testid": "user-input-textarea", rows: this.rowCount, name: "userMessage", placeholder: this.isLiveAgent
                 ? "Type a message to the agent..."
-                : ((_w = this.botSettings) === null || _w === void 0 ? void 0 : _w.botPlaceholderText) !== ""
-                    ? (_x = this.botSettings) === null || _x === void 0 ? void 0 : _x.botPlaceholderText
+                : ((_x = this.botSettings) === null || _x === void 0 ? void 0 : _x.botPlaceholderText) !== ""
+                    ? (_y = this.botSettings) === null || _y === void 0 ? void 0 : _y.botPlaceholderText
                     : "Ask me anything", ref: el => (this.inputEl = el), onKeyUp: _e => {
                 this.adjustHeight();
             }, onKeyDown: e => {
@@ -2914,7 +3002,7 @@ const Ai12zBot = class {
                 this.isOpened = true;
                 this.isContent = false;
                 this.handleSend(button.label);
-            } }, button.label)))))))), index.h("div", {
+            } }, button.label))))))))), index.h("div", {
             // slot="bot"
             class: "pointer-events-auto fixed right-7 whitespace-nowrap transition-transform duration-300 ease-in-out fab", style: {
                 opacity: this.isMinimized ? "1" : "0",
@@ -2924,8 +3012,8 @@ const Ai12zBot = class {
             }, onClick: () => {
                 this.openChat();
             }
-        }, this.isBot && index.h("slot", { name: "bot" }), !this.isBot && (index.h("button", { class: "rounded-full flex cursor-pointer items-center pr-[14px]  md:gap-x-3 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-blue-focused bot-btn-primary", tabindex: "0", "aria-label": "open Bot" }, index.h("div", { class: "w-10 h-10 flex items-center justify-center bg-white rounded-full border relative" }, this.botSettings.botLaunchIcon && index.h("img", { src: this.botSettings.botLaunchIcon, alt: "bot icon", class: "w-8 h-8 rounded-lg" }), !this.botSettings.botLaunchIcon && (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "#2095ae", "aria-hidden": "true" }, index.h("g", { "stroke-width": "0" }), index.h("g", { "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", null, " ", index.h("path", { d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "#2095ae", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), " ")))), index.h("span", { class: "bot-name" }, " ", (_y = this.botSettings) === null || _y === void 0 ? void 0 :
-            _y.botName, " ")))))), index.h("keyboard-shortcuts-dialog", { show: this.showShortcutsDialog, shortcuts: this.shortcuts, onCloseDialog: () => {
+        }, this.isBot && index.h("slot", { name: "bot" }), !this.isBot && (index.h("button", { class: "rounded-full flex cursor-pointer items-center pr-[14px]  md:gap-x-3 focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-blue-focused bot-btn-primary", tabindex: "0", "aria-label": "open Bot" }, index.h("div", { class: "w-10 h-10 flex items-center justify-center bg-white rounded-full border relative" }, this.botSettings.botLaunchIcon && index.h("img", { src: this.botSettings.botLaunchIcon, alt: "bot icon", class: "w-8 h-8 rounded-lg" }), !this.botSettings.botLaunchIcon && (index.h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: "#2095ae", "aria-hidden": "true" }, index.h("g", { "stroke-width": "0" }), index.h("g", { "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", null, " ", index.h("path", { d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", stroke: "#2095ae", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), " ")))), index.h("span", { class: "bot-name" }, " ", (_z = this.botSettings) === null || _z === void 0 ? void 0 :
+            _z.botName, " ")))))), index.h("keyboard-shortcuts-dialog", { show: this.showShortcutsDialog, shortcuts: this.shortcuts, onCloseDialog: () => {
                 this.showShortcutsDialog = false;
             } }), index.h("delete-confirmation-modal", { show: this.showLiveAgentEndDialog, dialogTitle: "End live agent chat?", message: "You are about to end the current live agent conversation. You can continue chatting with the bot after ending it.", confirmButtonText: "End", onConfirmDelete: () => {
                 this.confirmEndLiveAgent();

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

@@ -2,7 +2,8 @@
 
 var index = require('./index-Ct2DwlDF.js');
 var botHelpers = require('./botHelpers-D5Dj7TRA.js');
-var utils = require('./utils-BAJarpnb.js');
+var styleSheetRegistry = require('./styleSheetRegistry-7aecMygn.js');
+require('./utils-BAJarpnb.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}`;
 
@@ -54,70 +55,40 @@ const Ai12zChatMessage = class {
         botHelpers.initializeScript(event.detail.id, this.mainObject);
     }
     componentWillLoad() {
-        var _a, _b;
-        if ((_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.customCSS) {
-            utils.insertStyles(this.kbSettings.customCSS, this.el);
-        }
-        if ((_b = this.kbSettings) === null || _b === void 0 ? void 0 : _b.customJS) {
-            this.loadScript(this.kbSettings.customJS);
-        }
         this.loadScriptsSequentially();
     }
     componentDidLoad() {
-        // Initialize ai12z global object if it doesn't exist, but DON'T reset it
+        var _a, _b;
+        // Initialise the ai12z global exactly once; never overwrite an existing value.
         if (!window["ai12z"]) {
             window["ai12z"] = {};
         }
         const ai12zHeading = document.createElement("script");
-        ai12zHeading.text = `
-      var ai12zChat = window["ai12z"] = {}
-    `;
-        document.head.appendChild(ai12zHeading);
+        ai12zHeading.text = `var ai12zChat = window["ai12z"] = {}`;
         this.el.shadowRoot.appendChild(ai12zHeading);
         this.checkOverflow();
-        this.injectCustomAssets();
-    }
-    injectCustomAssets() {
-        var _a, _b;
+        // 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) {
-            utils.insertStyles(this.kbSettings.customCSS, this.el);
+            styleSheetRegistry.adoptStyleSheet(this.kbSettings.customCSS, this.el.shadowRoot);
         }
         if ((_b = this.kbSettings) === null || _b === void 0 ? void 0 : _b.customJS) {
-            this.loadScript(this.kbSettings.customJS).catch(err => console.warn('customJS load failed:', err));
+            styleSheetRegistry.loadScriptOnce(this.kbSettings.customJS, this.el.shadowRoot);
         }
     }
     async loadScriptsSequentially() {
         try {
-            // 2. Load Survey Core
-            await this.loadScript(`${this.surveyCDNPath}/survey-core@2.3.4/survey.core.min.js`);
-            // 3. Load Survey i18n
-            await this.loadScript(`${this.surveyCDNPath}/survey-core@2.3.4/survey.i18n.min.js`);
-            // 4. Load Survey themes
-            await this.loadScript(`${this.surveyCDNPath}/survey-core@2.3.4/themes/index.min.js`);
-            // 6. Load Survey UI
-            await this.loadScript(`${this.surveyCDNPath}/survey-js-ui@2.3.4/survey-js-ui.min.js`);
-            // console.log("All Survey.js scripts loaded successfully")
+            // Survey.js scripts are loaded into shadowRoot exactly once
+            // (loadScriptOnce deduplicates across all component instances).
+            await styleSheetRegistry.loadScriptOnce(`${this.surveyCDNPath}/survey-core@2.3.4/survey.core.min.js`, this.el.shadowRoot);
+            await styleSheetRegistry.loadScriptOnce(`${this.surveyCDNPath}/survey-core@2.3.4/survey.i18n.min.js`, this.el.shadowRoot);
+            await styleSheetRegistry.loadScriptOnce(`${this.surveyCDNPath}/survey-core@2.3.4/themes/index.min.js`, this.el.shadowRoot);
+            await styleSheetRegistry.loadScriptOnce(`${this.surveyCDNPath}/survey-js-ui@2.3.4/survey-js-ui.min.js`, this.el.shadowRoot);
         }
         catch (error) {
             console.error("Failed to load Survey.js scripts:", error);
         }
     }
-    loadScript(src) {
-        return new Promise((resolve, reject) => {
-            if (document.querySelector(`script[src="${src}"]`)) {
-                resolve();
-                return;
-            }
-            const script = document.createElement("script");
-            script.src = src;
-            script.async = false;
-            script.onload = () => resolve();
-            script.onerror = () => reject(new Error(`Failed to load script: ${src}`));
-            // Load in document head for global access
-            // document.head.appendChild(script)
-            this.el.shadowRoot.appendChild(script);
-        });
-    }
     onTextChange() {
         // if (!this.isExpanded && !this.streaming) {
         //   this.updateCollapsedHeight();
@@ -185,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: 'a4fe4839e87dc21f62d4f640ae51e90f4fafe1ed', class: "chat-message" }, index.h("div", { key: '73bf7a3062733de61360dbc1d9290765898303ec', ref: (el) => this.messageRef = el, class: { 'message-text': true, "custom-line-clamp": !this.isExpanded && !this.isCollapsing && this.showButton }, style: {
+        return (index.h("div", { key: '2d24739583f2f73daa28590c6c121531cf6ab4ce', class: "chat-message" }, index.h("div", { key: '9e8ca0a62a0de746f367164ff51ea9b9a22e93a0', ref: (el) => this.messageRef = el, class: { 'message-text': true, "custom-line-clamp": !this.isExpanded && !this.isCollapsing && this.showButton }, style: {
                 "--line-clamp": `${lineClamp}`,
-            }, innerHTML: this.text, onClick: this.showButton ? this.toggleExpand : undefined }), !this.isExpanded && this.showButton && this.canExpand && index.h("div", { key: '00dfb0fb141261e775cf9188775fa4ada9591bfa', class: "fade-overlay" }), this.showButton && this.canExpand && index.h("button", { key: '4a1401b8dc7f8b23ea85e509e93b1c80ecfcea15', class: "show-more-btn", onClick: this.toggleExpand }, this.isExpanded ? (((_c = this.kbSettings) === null || _c === void 0 ? void 0 : _c.showLessButtonLabel) || "Show less") : (((_d = this.kbSettings) === null || _d === void 0 ? void 0 : _d.showMoreButtonLabel) || "Show more"), this.isExpanded ? index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "6 9 12 15 18 9" })) : index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "18 15 12 9 6 15" })))));
+            }, innerHTML: this.text, onClick: this.showButton ? this.toggleExpand : undefined }), !this.isExpanded && this.showButton && this.canExpand && index.h("div", { key: '12f386a03fc84f97d2e585ea21cf4f8d31964c34', class: "fade-overlay" }), this.showButton && this.canExpand && index.h("button", { key: '1633be8cd35334eae64f75d7ce5fd87b30054849', class: "show-more-btn", onClick: this.toggleExpand }, this.isExpanded ? (((_c = this.kbSettings) === null || _c === void 0 ? void 0 : _c.showLessButtonLabel) || "Show less") : (((_d = this.kbSettings) === null || _d === void 0 ? void 0 : _d.showMoreButtonLabel) || "Show more"), this.isExpanded ? index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "6 9 12 15 18 9" })) : index.h("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, index.h("polyline", { points: "18 15 12 9 6 15" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,6 +2,7 @@
 
 var index = require('./index-Ct2DwlDF.js');
 var utils = require('./utils-BAJarpnb.js');
+var styleSheetRegistry = require('./styleSheetRegistry-7aecMygn.js');
 var responseAdapter = require('./response-adapter-CKKyyhMj.js');
 var processCarouselData = require('./processCarouselData-YEoGs649.js');
 var globalStore = require('./global-store-R6x06KvJ.js');
@@ -38,7 +39,6 @@ const Ai12zKnowledgeBox = class {
         this.welcomeReady = true;
         this.cdnPath = "https://cdn.ai12z.net/assets/kb";
         this.initializeScript = id => {
-            console.log("Initializing script for ID:", id);
             setTimeout(() => {
                 this.initializeScripts.emit({ id });
             }, 1000);
@@ -240,7 +240,7 @@ const Ai12zKnowledgeBox = class {
         };
         utils.getConfig(payload, this.dataMode)
             .then(async (data) => {
-            var _a, _b, _c, _d, _e, _f;
+            var _a, _b, _c, _d, _e;
             if (data) {
                 this.kbSettings = data;
                 switch ((_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.questionType) {
@@ -260,10 +260,10 @@ const Ai12zKnowledgeBox = class {
                         this.addEventListeners(`.ai12z-kb-wrapper`);
                         const welcomeLoads = [];
                         if ((_d = this.kbSettings.welcome) === null || _d === void 0 ? void 0 : _d.scripts) {
-                            welcomeLoads.push(this.insertScriptAsync(this.kbSettings.welcome.scripts));
+                            welcomeLoads.push(styleSheetRegistry.loadScriptOnce(this.kbSettings.welcome.scripts, this.el.shadowRoot));
                         }
                         if ((_e = this.kbSettings.welcome) === null || _e === void 0 ? void 0 : _e.styles) {
-                            welcomeLoads.push(this.insertStylesAsync(this.kbSettings.welcome.styles));
+                            welcomeLoads.push(styleSheetRegistry.adoptStyleSheet(this.kbSettings.welcome.styles, this.el.shadowRoot));
                         }
                         if (welcomeLoads.length > 0) {
                             await Promise.all(welcomeLoads);
@@ -285,18 +285,10 @@ const Ai12zKnowledgeBox = class {
                     document.head.appendChild(linkEl);
                 }
                 if (this.kbSettings.customCSS) {
-                    this.insertStyles(this.kbSettings.customCSS);
+                    styleSheetRegistry.adoptStyleSheet(this.kbSettings.customCSS, this.el.shadowRoot);
                 }
                 if (this.kbSettings.customJS) {
-                    if (!utils.isValidHttpsUrl(this.kbSettings.customJS)) {
-                        console.warn("[ai12z] Blocked customJS injection: URL must use HTTPS.", this.kbSettings.customJS);
-                    }
-                    else {
-                        const scriptEl = document.createElement("script");
-                        scriptEl.setAttribute("type", "text/javascript");
-                        scriptEl.setAttribute("src", this.kbSettings.customJS);
-                        (_f = this.el.shadowRoot) === null || _f === void 0 ? void 0 : _f.appendChild(scriptEl);
-                    }
+                    styleSheetRegistry.loadScriptOnce(this.kbSettings.customJS, this.el.shadowRoot);
                 }
             }
         })
@@ -306,49 +298,6 @@ const Ai12zKnowledgeBox = class {
             this.errored.emit(error);
         });
     }
-    insertStyles(linkURL) {
-        const linkEl = document.createElement("link");
-        linkEl.setAttribute("rel", "stylesheet");
-        linkEl.setAttribute("href", linkURL);
-        const shadowRoot = this.el.shadowRoot;
-        if (shadowRoot) {
-            shadowRoot.appendChild(linkEl);
-        }
-    }
-    insertStylesAsync(linkURL) {
-        return new Promise(resolve => {
-            const shadowRoot = this.el.shadowRoot;
-            if (!shadowRoot) {
-                resolve();
-                return;
-            }
-            const linkEl = document.createElement("link");
-            linkEl.setAttribute("rel", "stylesheet");
-            linkEl.setAttribute("href", linkURL);
-            linkEl.addEventListener("load", () => resolve());
-            linkEl.addEventListener("error", () => resolve());
-            shadowRoot.appendChild(linkEl);
-        });
-    }
-    insertScriptAsync(scriptURL) {
-        if (!utils.isValidHttpsUrl(scriptURL)) {
-            console.warn("[ai12z] Blocked script injection: URL must use HTTPS.", scriptURL);
-            return Promise.resolve();
-        }
-        return new Promise(resolve => {
-            const shadowRoot = this.el.shadowRoot;
-            if (!shadowRoot) {
-                resolve();
-                return;
-            }
-            const scriptEl = document.createElement("script");
-            scriptEl.setAttribute("type", "text/javascript");
-            scriptEl.setAttribute("src", scriptURL);
-            scriptEl.addEventListener("load", () => resolve());
-            scriptEl.addEventListener("error", () => resolve());
-            shadowRoot.appendChild(scriptEl);
-        });
-    }
     getResults(type) {
         var _a, _b;
         // console.log("Getting results for question:", this.question)
@@ -462,9 +411,14 @@ const Ai12zKnowledgeBox = class {
         }
     }
     componentWillLoad() {
-        utils.insertStyles(`https://cdn.ai12z.net/assets/bot/v2/tailwind.min.css`, this.el);
+        styleSheetRegistry.adoptStyleSheet(`https://cdn.ai12z.net/assets/bot/v2/tailwind.min.css`, this.el.shadowRoot);
         this.socketConnection();
         this.getConfig();
+        const w = window;
+        if (!w.ai12z)
+            w.ai12z = {};
+        if (!w.ai12zChat)
+            w.ai12zChat = w.ai12z;
     }
     disconnectedCallback() {
         if (this.socket) {
@@ -653,7 +607,7 @@ const Ai12zKnowledgeBox = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '3cdd49ad1529a41420730a5e7e557c4947cd7ff5', 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: 'f26a34215a56acd7d3f393a4f0d23727c74ba40a', 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;
@@ -674,7 +628,7 @@ const Ai12zKnowledgeBox = class {
                         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: '44a9c38a2e21f6dac59d9f587deeb205db57a913', class: "ai12z-suggest-answer", innerHTML: (_b = this.kbSettings.welcome) === null || _b === void 0 ? void 0 : _b.message }))));
+        }), ((_a = this.kbSettings) === null || _a === void 0 ? void 0 : _a.questionType) === "staticHtml" && this.items.length === 0 && this.welcomeReady && (index.h("div", { key: '340c562562715563715e5a103019dd19458c994f', 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/index.cjs.js

@@ -26,6 +26,7 @@ require('./app-store-D249GRTi.js');
 require('./parseHelper-Cp45LpWl.js');
 require('./SearchResult-DirxAsMi.js');
 require('./socket-service-L0xv4YGT.js');
+require('./styleSheetRegistry-7aecMygn.js');
 require('./analyticsService-CkAva47S.js');