ai12z 3.2.1-alpha.3 → 3.2.1-alpha.5

package/dist/cjs/{ai12z-bot-5158c176.js → ai12z-bot-3aba52c5.js}

@@ -4,8 +4,8 @@ const index = require('./index-171f7ecf.js');
 const index$3 = require('./index-286c64af.js');
 const showdown = require('./showdown-f472e772.js');
 const index$2 = require('./index-8a74626f.js');
-const utils = require('./utils-3d94ad95.js');
-const index$1 = require('./index-ceb18a6a.js');
+const utils = require('./utils-4ead6c2d.js');
+const index$1 = require('./index-5f933fd6.js');
 const globalStore = require('./global-store-1279b6b4.js');
 
 const ai12zBotCss = ":host{font-family:var(--ai12z-bot-font-family) !important;font-size:var(--ai12z-bot-font-size) !important}.floating-icon{position:fixed;cursor:pointer;top:90%;transform:translateY(-50%);background-color:var(--ai12z-bot-primary-bgcolor);color:var(--ai12z-bot-primary-color);padding:10px;border-radius:50%;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);z-index:1000;}.custom-floating-icon{position:fixed;cursor:pointer;top:90%;transform:translateY(-50%);z-index:1000}.left{left:10px}.right{right:10px}.minimizebtn{margin:10px}.chat-window.minimized{width:350px;height:50px;overflow:hidden}.chat-window{position:fixed;bottom:20px;background-color:var(--ai12z-bot-primary-color);border:1px solid #ccc;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);display:flex;flex-direction:column;border-radius:10px;z-index:1000;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease,\n    transform 0.3s ease}.chat-left{left:70px}.chat-right{right:70px}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(20px) scale(0.9)}}.chat-window-open{animation:fadeInSlideUp 0.4s ease-out forwards;pointer-events:auto}.chat-window-close{pointer-events:none;animation:fadeOutSlideDown 0.3s ease-in forwards}.chat-header{background-color:var(--ai12z-bot-primary-bgcolor);color:var(--ai12z-bot-primary-color);padding:10px;display:flex;align-items:center;border-top-left-radius:10px;border-top-right-radius:10px;height:56px}.chat-name{flex-grow:1}.avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.header-title{margin:0 0 0 14px;padding:1px 0;font-size:14px;line-height:14px}.chat-body{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;overflow-x:hidden;}.chat-body::-webkit-scrollbar{width:5px;height:5px;}.chat-body::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px;}.message{padding:10px;border-radius:15px;font-size:14px;line-height:1.4;word-wrap:break-word}.message-user{align-self:flex-end;color:var(--ai12z-bot-primary-color);}.message-text{max-width:100%;display:inline-block;position:relative}.message-bot{align-self:flex-start;background-color:var(--ai12z-bot-secondary-bgcolor);color:var(--ai12z-bot-secondary-color);border-top-left-radius:0;flex-direction:row;border-radius:7px}.msg-wrapper{display:flex}.bot-avatar{width:30px;height:30px;border-radius:50%;margin-right:10px}.message-content{display:flex;flex-direction:column;align-items:flex-start;max-width:fit-content}.message-timestamp{font-size:0.75rem;color:var(--ai12z-bot-text-mute);margin-top:2px;align-self:flex-end;}.chat-footer{flex-direction:column;padding:10px;display:flex;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid var(--ai12z-bot-primary-bgcolor)}.chat-footer textarea{flex-grow:1;padding:5px;border-radius:6px;margin-right:5px;resize:none;scrollbar-width:thin;overflow:hidden}.chat-footer textarea:focus{outline:none;border-color:var(--ai12z-bot-primary-bgcolor)}.chat-footer button{color:var(--ai12z-bot-primary-bgcolor)}.chat-footers button{color:var(--ai12z-bot-primary-color);border:none;padding:5px 10px;border-radius:3px;cursor:pointer}.close-btn{background:none;border:none;color:var(--ai12z-bot-primary-color);font-size:20px;cursor:pointer}.timestamp{font-size:10px;color:var(--ai12z-bot-text-mute);margin:14px 0;text-align:center;text-transform:uppercase}span.prose{font-size:14px;}.message-user span.prose{color:var(--ai12z-bot-primary-color);background-color:var(--ai12z-bot-primary-bgcolor);padding:10px;border-radius:6px}#fileInput{display:none}.custom-attachment{cursor:pointer;display:flex;align-items:center;justify-content:center}.image-Container{position:relative;display:inline-block;margin-right:10px}.delete-image{opacity:3;position:absolute;right:3px;top:0;cursor:pointer;line-height:10px}.ai12zBtn{background-color:var(--ai12z-bot-primary-bgcolor) !important;color:var(--ai12z-bot-primary-color);padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:5px}.hamburger{font-size:30px;background:none;border:none;color:white;cursor:pointer;padding-right:12px}@keyframes zoomIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.menu{position:absolute;top:55px;left:0;width:200px;background-color:var(--ai12z-bot-nav-bgcolor);color:var(--ai12z-bot-primary-color);overflow:hidden;transform-origin:top left}.menu.open{animation:zoomIn 0.5s forwards;}.menu.closed{animation:zoomOut 0.5s forwards;}.menu ul{list-style-type:none;padding:10px}.custom-privacy{color:var(--ai12z-bot-privacy-color);padding-bottom:10px;padding-left:5px;margin-top:auto;}.menu ul li{padding:10px;cursor:pointer}@media (max-width: 768px){.hide-chatbot{display:none}.chat-window{width:100% !important;height:100% !important;right:0%;bottom:0%}.pagination-controls button{padding:5px 5px}}.follow-up{display:flex;cursor:pointer;gap:0.5rem;color:var(--ai12z-bot-followup-color);font-size:var(--ai12z-bot-followup-font-size)}.custom-svg-checkbox{margin-top:0.25rem;width:1rem;height:1rem;position:absolute}.follow-up-input{appearance:none;width:1rem;height:1rem;border-width:2px;flex-shrink:0;margin-top:0.25rem;border-radius:0.125rem;border-color:rgb(59 130 246)}.follow-up-input:checked{background-color:var(--ai12z-bot-followup-bg-color);border-width:0px}.bubble-width{width:90%}";
@@ -669,7 +669,7 @@ const Ai12zBot = class {
             configType: "bot",
         };
         utils.getConfig(payload, this.dataMode).then(data => {
-            var _a;
+            var _a, _b;
             if (data) {
                 console.log("bot settings", data);
                 this.botSettings = data;
@@ -684,7 +684,7 @@ const Ai12zBot = class {
                 if (this.botSettings.isExpanded && !this.isBot) {
                     this.isExpanded = true;
                     this.isMinimized = false;
-                    if (data.v3.siteKey) {
+                    if ((_a = data.v3) === null || _a === void 0 ? void 0 : _a.siteKey) {
                         this.executeRecaptcha(data._id, data.v3.siteKey)
                             .then(response => {
                             if (response) {
@@ -720,7 +720,7 @@ const Ai12zBot = class {
                     const scriptEl = document.createElement("script");
                     scriptEl.setAttribute("type", "text/javascript");
                     scriptEl.setAttribute("src", this.botSettings.customJS);
-                    (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(scriptEl);
+                    (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.appendChild(scriptEl);
                 }
                 this.isRendered = true; // Set the flag to true after rendering
             }
@@ -897,13 +897,13 @@ const Ai12zBot = class {
             data.controlData.data.source.customCss = this.customStyle || "";
             data.controlData.data.source.customJs = this.customJS || "";
         }
+        data.isExpanded = this.isExpanded;
         // Step 2: Get the control element based on control type
         const controlElement = utils.getComponentByControlType(data, "bot");
         const tmpControlType = (_g = (_f = (_d = (_c = data.controlData) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.source) === null || _f === void 0 ? void 0 : _f.carousel) === null || _g === void 0 ? void 0 : _g.type;
         // Step 3: Append the control element if both it and the target container exist
         const targetContainer = this.el.shadowRoot.querySelector(`#${chatData.id}`);
         if (targetContainer && controlElement) {
-            // console.log("controlElement", targetContainer)
             targetContainer.appendChild(controlElement);
             targetContainer["style"].width = "98%";
             if (tmpControlType === "custom" || tmpControlType === "list" || tmpControlType === "slider") {
@@ -958,28 +958,63 @@ const Ai12zBot = class {
                     case "carousel":
                     case "list":
                     case "template":
-                        if (data.controlType && data.controlType !== null) {
+                        // if (data.controlType && data.controlType !== null) {
+                        //   const newContent = splitContent(finalHtml)
+                        //   finalHtml = newContent.before
+                        //   this.updateConversations(finalHtml, data)
+                        //   const newMessage = this.generateMessage()
+                        //   this.messages = [...this.messages, newMessage]
+                        //   setTimeout(() => {
+                        //     data.controlType === "template" ? this.processTemplateData(newMessage, data) : this.processChatData(newMessage, data)
+                        //   }, 2000)
+                        //   if (newContent.after.trim().length > 0) {
+                        //     const afterMessage = this.generateMessage()
+                        //     afterMessage.text = newContent.after
+                        //     this.messages = [...this.messages, afterMessage]
+                        //     setTimeout(() => {
+                        //       if (afterMessage.id) {
+                        //         const bubbleEle = this.el.shadowRoot.querySelector(`#${afterMessage.id}`)
+                        //         if (bubbleEle && (bubbleEle.querySelector("#spinner") as HTMLElement)) {
+                        //           ;(bubbleEle.querySelector("#spinner") as HTMLElement).style.display = "none"
+                        //         }
+                        //       }
+                        //     }, 500)
+                        //   }
+                        // }
+                        if (data.controlType) {
                             const newContent = utils.splitContent(finalHtml);
                             finalHtml = newContent.before;
                             this.updateConversations(finalHtml, data);
                             const newMessage = this.generateMessage();
-                            this.messages = [...this.messages, newMessage];
-                            setTimeout(() => {
-                                data.controlType === "template" ? this.processTemplateData(newMessage, data) : this.processChatData(newMessage, data);
-                            }, 2000);
-                            if (newContent.after.trim().length > 0) {
+                            const messagesToAdd = [newMessage];
+                            // Add after message if any
+                            if (newContent.after.trim()) {
                                 const afterMessage = this.generateMessage();
                                 afterMessage.text = newContent.after;
-                                this.messages = [...this.messages, afterMessage];
+                                afterMessage.id = afterMessage.id || `chatbot-${utils.generateUUID()}`;
+                                messagesToAdd.push(afterMessage);
+                            }
+                            // 🔥 Single batched update
+                            this.messages = [...this.messages, ...messagesToAdd];
+                            // 🔁 Wait for DOM update (1 frame + microtask delay)
+                            requestAnimationFrame(() => {
                                 setTimeout(() => {
-                                    if (afterMessage.id) {
+                                    if (data.controlType === "template") {
+                                        this.processTemplateData(newMessage, data);
+                                    }
+                                    else {
+                                        this.processChatData(newMessage, data);
+                                    }
+                                    // Hide spinner for afterMessage if exists
+                                    const afterMessage = messagesToAdd[1];
+                                    if (afterMessage === null || afterMessage === void 0 ? void 0 : afterMessage.id) {
                                         const bubbleEle = this.el.shadowRoot.querySelector(`#${afterMessage.id}`);
-                                        if (bubbleEle && bubbleEle.querySelector("#spinner")) {
-                                            bubbleEle.querySelector("#spinner").style.display = "none";
-                                        }
+                                        const spinner = bubbleEle === null || bubbleEle === void 0 ? void 0 : bubbleEle.querySelector("#spinner");
+                                        if (spinner)
+                                            spinner.style.display = "none";
                                     }
-                                }, 500);
-                            }
+                                }, 0);
+                            });
                         }
                 }
             }
@@ -1610,4 +1645,4 @@ Ai12zBot.style = Ai12zBotStyle0 + (Ai12zBotStyle1 + (Ai12zBotStyle2 + Ai12zBotSt
 
 exports.Ai12zBot = Ai12zBot;
 
-//# sourceMappingURL=ai12z-bot-5158c176.js.map
+//# sourceMappingURL=ai12z-bot-3aba52c5.js.map