@buni.ai/chatbot-angular 1.0.26 → 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)
@@ -743,23 +728,11 @@ class BuniChatWidget {
                 case "minimized":
                     this.syncServerBehaviorFromData(data);
                     if (this.isMinimalModeEnabled()) {
-                        if (!this.state.isOpen) {
-                            void this.openChat();
-                        }
                         this.displayMode = "minimal";
                         this.state.displayMode = "minimal";
-                        // Shrink container to actual minimal card size
-                        if (this.widgetElement && this.chatIframe) {
-                            const isMobile = window.innerWidth <= 768;
-                            if (!isMobile) {
-                                this.widgetElement.style.width =
-                                    "min(calc(100vw - 1.5rem), 390px)";
-                                this.widgetElement.style.height = "auto";
-                                this.widgetElement.style.overflow = "visible";
-                                this.chatIframe.style.height = "520px";
-                                this.chatIframe.style.width = "100%";
-                            }
-                        }
+                        this.state.isOpen = true;
+                        this.state.isMinimized = false;
+                        this.applyMinimalContainerFrame();
                     }
                     else {
                         // Backward-compatible behavior.