ai12z 3.3.2 → 3.3.4

package/dist/cjs/index.cjs.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const ai12zBot = require('./ai12z-bot-74f5836f.js');
+const ai12zBot = require('./ai12z-bot-f357d89d.js');
 const ai12zCta = require('./ai12z-cta-3d6f0243.js');
-const ai12zKnowledgeBox = require('./ai12z-knowledge-box-30117a83.js');
+const ai12zKnowledgeBox = require('./ai12z-knowledge-box-005b5b85.js');
 const ai12zSearchPanel = require('./ai12z-search-panel-2c065bf9.js');
 const searchResultsView = require('./search-results-view-9698b826.js');
 const ai12zInlineSearch = require('./ai12z-inline-search-5af28d9d.js');

package/dist/collection/components/ai12z-bot/ai12z-bot.js

@@ -11,10 +11,12 @@ import { ChatEventBus } from "../../utils/liveagents/chateventbus";
 export class Ai12zBot {
     constructor() {
         this.cdnPath = "https://cdn.ai12z.net/assets/bot";
+        this.surveyCDNPath = "https://cdn.ai12z.net/pkg/surveyjs";
         this.styles = [
             // `${this.cdnPath}/v1/survey.min.css`,
             // `https://unpkg.com/survey-core/defaultV2.min.css`,
             // `${this.cdnPath}/v1/survey-core.min.css`,
+            //  `https://unpkg.com/survey-core@2.3.4/survey-core.min.css`,
             `https://unpkg.com/@highlightjs/cdn-assets@11.9.0/styles/default.min.css`,
         ];
         this.liveAgentEventHandler = new LiveAgentEventHandler();
@@ -37,6 +39,7 @@ export class Ai12zBot {
             // console.log("showHistory", this.showHistory)
         };
         this.alertResults = sender => {
+            var _a, _b, _c;
             // console.log("Survey results", sender.keyName)
             this.formSubmitted.emit(sender.data);
             // console.log("survey results", sender.jsonObj)
@@ -52,7 +55,7 @@ export class Ai12zBot {
             // console.log("sender", results)
             // const query = "Here is the data you requested:" + results
             // this.query = query
-            const domId = sender.implementor.renderedElement.id;
+            const domId = (_c = (_b = (_a = sender.implementor) === null || _a === void 0 ? void 0 : _a.renderedElement) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : sender.domId;
             // const surveyDataId = domId.replace("surveyElement-", "")
             // sender.implementor.renderedElement.innerHTML = `<p><b>Thank you</b></p>`
             // console.log("messages", this.messages)
@@ -123,7 +126,9 @@ export class Ai12zBot {
             }
             const domELe = (_f = this.el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector(`#${this.surveyDomId}`);
             if (domELe) {
-                window["jQuery"](domELe).Survey({ model: survey });
+                survey.domId = this.surveyDomId;
+                survey.render(domELe);
+                // window["jQuery"](domELe).Survey({ model: survey })
             }
             else {
                 console.error("Survey Element not found");
@@ -421,35 +426,47 @@ export class Ai12zBot {
         window.addEventListener("resize", this.updateScreenSize.bind(this));
         // debugger;
         document.addEventListener("click", this.handleClickOutside.bind(this));
-        // Load jQuery first
-        const jQueryScript = document.createElement("script");
-        jQueryScript.src = this.cdnPath + "/v1/jquery.min.js"; // Path relative to the www root
-        jQueryScript.onload = () => {
-            // console.log("jQuery loaded")
-            // Load the script that loads and exposes SurveyJS
-            const loadSurveyScript = document.createElement("script");
-            loadSurveyScript.src = this.cdnPath + "/v1/survey.jquery.min.js"; // Path relative to the www root
-            loadSurveyScript.onload = () => {
-                // console.log("SurveyJS loaded and SurveyModel exposed")
-            };
-            loadSurveyScript.onerror = err => {
-                console.error("Failed to load Forms:", err);
-            };
-            document.head.appendChild(loadSurveyScript);
-            this.el.shadowRoot.appendChild(loadSurveyScript);
-        };
-        jQueryScript.onerror = err => {
-            console.error("Failed to load jQuery:", err);
-        };
-        document.head.appendChild(jQueryScript);
         const ai12zHeading = document.createElement("script");
         ai12zHeading.text = `
       var ai12zChat = window["ai12z"] = {}
     `;
         document.head.appendChild(ai12zHeading);
         this.el.shadowRoot.appendChild(ai12zHeading);
-        this.el.shadowRoot.appendChild(jQueryScript);
-        this.loadStyles();
+        // this.loadStyles()
+        this.loadScriptsSequentially();
+    }
+    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");
+            this.loadStyles();
+        }
+        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);
+        });
     }
     loadStyles() {
         for (const style of this.styles) {
@@ -1009,7 +1026,7 @@ export class Ai12zBot {
                 switch (data.controlType) {
                     case "form":
                         this.surveyDomId = "surveyElement-" + generateUUID();
-                        finalHtml = finalHtml.replace(RegExp(/\[[^>]*]/gm), `<div id=${this.surveyDomId} style="width:${this.botSettings.botVersion === "v1" ? "330px" : "100%"}"></div>`);
+                        finalHtml = finalHtml.replace(RegExp(/\[[^>]*]/gm), `<div id=${this.surveyDomId} style="width:${this.botSettings.botVersion === "v1" ? "330px" : "100%"}" class="survey-container"></div>`);
                         // finalHtml = `<div id=${this.surveyDomId} style="width:${this.botSettings.botVersion === "v1" ? "330px" : "100%"}"></div>`
                         this.el.shadowRoot.querySelector(`#${this.currentDomId}`).innerHTML = finalHtml;
                         this.updateConversations(finalHtml, data);
@@ -1112,6 +1129,7 @@ export class Ai12zBot {
             conversationId: this.conversationId,
             formModel: (_d = (_c = (_b = (_a = data.controlData) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.source) !== null && _c !== void 0 ? _c : data.controlData) !== null && _d !== void 0 ? _d : {},
             surveyDomId: this.surveyDomId,
+            controlType: data.controlType,
             thumbsId: `${generateUUID()}`,
             showIcon: data.controlType ? false : true,
             insightId: (_f = data === null || data === void 0 ? void 0 : data.insightId) !== null && _f !== void 0 ? _f : null,
@@ -1154,7 +1172,10 @@ export class Ai12zBot {
                 });
             }
             else {
-                container.classList.add("prose");
+                if (this.messages[this.messages.length - 1].controlType !== "form") {
+                    container.classList.add("prose");
+                }
+                // container.classList.add("prose")
                 // this.isProse = true
             }
         }
@@ -1844,7 +1865,7 @@ export class Ai12zBot {
                   ${message.isUser ? "justify-end" : ""} end-user-message message-item`, style: { opacity: "1", transform: "none" } }, message.isUser && (h("div", { class: "flex flex-col items-end" }, h("div", { "data-testid": "message", class: "break-words @md:text-body2 box-border @md:pr-4 flex-1 rounded-lg py-2 px-4 user-msg text-body3", innerHTML: message.text }, (_a = message === null || message === void 0 ? void 0 : message.images) === null || _a === void 0 ? void 0 : _a.map(img => {
                     return h("img", { src: img, class: "thumbnail", alt: "thumbnail" });
                 })), h("div", { class: "text-gray-30 pt-2 text-right text-body4" }, "Sent ", message.timestamp))), !message.isUser && (h("div", { class: "avatar-column" }, h("chat-avatar", { id: `la${message.id}`, senderType: (message === null || message === void 0 ? void 0 : message.sender) ? "agent" : "bot", avatarUrl: (_b = this.botSettings) === null || _b === void 0 ? void 0 : _b.botAvatar }))), !message.isUser && (h("div", { class: "flex flex-col", style: { width: "100%" } }, h("div", { "data-testid": "message", class: {
-                        "prose": true,
+                        "prose": message.controlType === "form" ? false : true,
                         "transition-all": true,
                         "duration-300": true,
                         "opacity-100": this.isProse,
@@ -1935,12 +1956,12 @@ export class Ai12zBot {
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["./ai12z-bot.css", "../../global/tailwind.min.css", "../../global/survey.min.css", "./ai12z-chatbot.css"]
+            "$": ["./ai12z-bot.css", "../../global/tailwind.min.css", "./ai12z-chatbot.css", "../../global/survey-core.min.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["ai12z-bot.css", "../../global/tailwind.min.css", "../../global/survey.min.css", "ai12z-chatbot.css"]
+            "$": ["ai12z-bot.css", "../../global/tailwind.min.css", "ai12z-chatbot.css", "../../global/survey-core.min.css"]
         };
     }
     static get properties() {