@buni.ai/chatbot-angular 1.0.27 → 1.0.28

package/dist/index.esm.js

@@ -354,12 +354,12 @@ class BuniChatWidget {
                         if (event.source === ((_j = this.chatIframe) === null || _j === void 0 ? void 0 : _j.contentWindow) &&
                             event.origin === this.getBaseUrl()) {
                             if (this.isMinimalModeEnabled()) {
-                                if (!this.state.isOpen) {
-                                    void this.openChat();
-                                }
                                 this.postMessageToWidget("minimize");
+                                this.applyMinimalContainerFrame();
                                 this.displayMode = "minimal";
                                 this.state.displayMode = "minimal";
+                                this.state.isOpen = true;
+                                this.state.isMinimized = false;
                             }
                             else {
                                 this.closeChat();
@@ -512,56 +512,41 @@ class BuniChatWidget {
     async openChatInMinimalMode() {
         if (!this.chatIframe || !this.widgetElement || !this.triggerIframe)
             return;
-        const config = this.options.config || {};
-        const isMobile = window.innerWidth <= 768;
-        const isTablet = window.innerWidth > 768 && window.innerWidth <= 1024;
-        const ensureUnits = (value, defaultValue) => {
-            if (!value)
-                return defaultValue;
-            const str = String(value);
-            if (str.match(/^[\d.]+\s*(px|em|rem|%|vh|vw)$/))
-                return str;
-            if (str.match(/^[\d.]+$/))
-                return `${str}px`;
-            return str;
-        };
-        const widthValue = ensureUnits(config.width, "350px");
-        const heightValue = ensureUnits(config.height, "650px");
-        const chatWidth = isMobile
-            ? "100vw"
-            : isTablet
-                ? "min(calc(100vw - 3rem), 370px)"
-                : widthValue;
-        const chatHeight = isMobile
-            ? "100vh"
-            : isTablet
-                ? "min(calc(100vh - 3rem), 620px)"
-                : heightValue;
-        // Size container to full chat dimensions initially (iframe needs space to render)
+        this.applyMinimalContainerFrame();
+        this.state.isMinimized = false;
+        this.state.isOpen = true;
+        this.displayMode = "minimal";
+        this.state.displayMode = "minimal";
+        // Ask the iframe to enter minimal mode; it will reply with "minimized" when ready
+        this.postMessageToWidget("minimize");
+        this.emit("minimized", { timestamp: Date.now() });
+    }
+    applyMinimalContainerFrame() {
+        var _a;
+        if (!this.widgetElement || !this.chatIframe || !this.triggerIframe)
+            return;
+        const position = ((_a = this.options.config) === null || _a === void 0 ? void 0 : _a.position) || "bottom-right";
         this.widgetElement.style.cssText = `
       position: fixed;
       pointer-events: none;
       z-index: 999999;
-      width: ${chatWidth};
-      height: ${chatHeight};
-      ${isMobile ? "max-width: 100vw; max-height: 100vh;" : ""}
+      width: min(calc(100vw - 1.5rem), 390px);
+      max-width: min(calc(100vw - 1.5rem), 390px);
+      height: auto;
+      max-height: none;
+      min-height: 0;
       transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease;
-      ${this.getPositionStyles(config.position || "bottom-right", false)}
+      ${this.getPositionStyles(position, true)}
       display: block;
       overflow: visible;
       box-sizing: border-box;
     `;
-        // Hide trigger, show chat iframe
         this.triggerIframe.style.display = "none";
         this.chatIframe.style.display = "block";
         this.chatIframe.style.visibility = "visible";
-        this.state.isMinimized = false;
-        this.state.isOpen = true;
-        this.displayMode = "minimal";
-        this.state.displayMode = "minimal";
-        // Ask the iframe to enter minimal mode; it will reply with "minimized" when ready
-        this.postMessageToWidget("minimize");
-        this.emit("minimized", { timestamp: Date.now() });
+        this.chatIframe.style.width = "100%";
+        this.chatIframe.style.height = "min(calc(100vh - 1.5rem), 520px)";
+        this.chatIframe.style.maxHeight = "min(calc(100vh - 1.5rem), 520px)";
     }
     async openChat() {
         if (!this.chatIframe || !this.widgetElement || !this.triggerIframe)
@@ -698,7 +683,7 @@ class BuniChatWidget {
     setupPostMessageAPI(iframe) {
         // Listen for messages from the iframe
         window.addEventListener("message", (event) => {
-            var _a, _b;
+            var _a;
             if (event.source !== iframe.contentWindow) {
                 return;
             }
@@ -747,28 +732,7 @@ class BuniChatWidget {
                         this.state.displayMode = "minimal";
                         this.state.isOpen = true;
                         this.state.isMinimized = false;
-                        // Apply a full minimal-mode frame update to avoid stale full-mode sizing/position.
-                        if (this.widgetElement && this.chatIframe && this.triggerIframe) {
-                            const position = ((_a = this.options.config) === null || _a === void 0 ? void 0 : _a.position) || "bottom-right";
-                            this.widgetElement.style.cssText = `
-                position: fixed;
-                pointer-events: none;
-                z-index: 999999;
-                width: min(calc(100vw - 1.5rem), 390px);
-                max-width: min(calc(100vw - 1.5rem), 390px);
-                height: auto;
-                transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease;
-                ${this.getPositionStyles(position, true)}
-                display: block;
-                overflow: visible;
-                box-sizing: border-box;
-              `;
-                            this.triggerIframe.style.display = "none";
-                            this.chatIframe.style.display = "block";
-                            this.chatIframe.style.visibility = "visible";
-                            this.chatIframe.style.width = "100%";
-                            this.chatIframe.style.height = "min(calc(100vh - 1.5rem), 520px)";
-                        }
+                        this.applyMinimalContainerFrame();
                     }
                     else {
                         // Backward-compatible behavior.
@@ -778,7 +742,7 @@ class BuniChatWidget {
                 case "new_unread_message":
                     // Update unread count in trigger
                     this.state.unreadCount++;
-                    if ((_b = this.triggerIframe) === null || _b === void 0 ? void 0 : _b.contentWindow) {
+                    if ((_a = this.triggerIframe) === null || _a === void 0 ? void 0 : _a.contentWindow) {
                         this.triggerIframe.contentWindow.postMessage({ type: "updateUnreadCount", count: this.state.unreadCount }, window.location.origin);
                     }
                     break;