@buni.ai/chatbot-angular 1.0.25 → 1.0.26

package/dist/index.esm.js

@@ -303,7 +303,7 @@ class BuniChatWidget {
             };
             // Listen for trigger and connection events
             window.addEventListener("message", (event) => {
-                var _a, _b, _c, _d, _e, _f;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
                 const payload = event.data;
                 if (!payload || typeof payload !== "object")
                     return;
@@ -315,26 +315,35 @@ class BuniChatWidget {
                         if (event.source === ((_a = this.chatIframe) === null || _a === void 0 ? void 0 : _a.contentWindow) &&
                             event.origin === this.getBaseUrl()) {
                             this.syncServerBehaviorFromData(payload.data);
-                            // Connection is ready, show the trigger button
-                            if (container && !config.hideDefaultTrigger) {
+                            const effectiveDefaultMode = (_d = (_c = (_b = this.options.config) === null || _b === void 0 ? void 0 : _b.defaultMode) !== null && _c !== void 0 ? _c : this.serverBehavior.defaultMode) !== null && _d !== void 0 ? _d : "full";
+                            const effectiveMinimalEnabled = this.isMinimalModeEnabled();
+                            if (effectiveMinimalEnabled && effectiveDefaultMode === "minimal") {
+                                // Auto-open in minimal card mode
+                                void this.openChatInMinimalMode();
+                            }
+                            else if ((_e = this.options.config) === null || _e === void 0 ? void 0 : _e.autoOpen) {
+                                void this.openChat();
+                            }
+                            else if (container && !config.hideDefaultTrigger) {
+                                // Show the trigger button
                                 container.style.display = "block";
                             }
                             // Emit connection_ready event for consumers
                             this.emit("connection_ready", {
                                 timestamp: Date.now(),
-                                behavior: (_b = payload.data) === null || _b === void 0 ? void 0 : _b.behavior,
+                                behavior: (_f = payload.data) === null || _f === void 0 ? void 0 : _f.behavior,
                             });
                             if (this.options.onConnectionReady &&
                                 typeof this.options.onConnectionReady === "function") {
                                 this.options.onConnectionReady({
                                     timestamp: Date.now(),
-                                    behavior: (_c = payload.data) === null || _c === void 0 ? void 0 : _c.behavior,
+                                    behavior: (_g = payload.data) === null || _g === void 0 ? void 0 : _g.behavior,
                                 });
                             }
                         }
                         break;
                     case "chatbot:close":
-                        if (event.source === ((_d = this.chatIframe) === null || _d === void 0 ? void 0 : _d.contentWindow) &&
+                        if (event.source === ((_h = this.chatIframe) === null || _h === void 0 ? void 0 : _h.contentWindow) &&
                             event.origin === this.getBaseUrl()) {
                             this.closeChat();
                             this.displayMode = "hidden";
@@ -342,7 +351,7 @@ class BuniChatWidget {
                         }
                         break;
                     case "chatbot:minimize":
-                        if (event.source === ((_e = this.chatIframe) === null || _e === void 0 ? void 0 : _e.contentWindow) &&
+                        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) {
@@ -360,7 +369,7 @@ class BuniChatWidget {
                         }
                         break;
                     case "trigger_clicked":
-                        if (event.source === ((_f = this.triggerIframe) === null || _f === void 0 ? void 0 : _f.contentWindow) &&
+                        if (event.source === ((_k = this.triggerIframe) === null || _k === void 0 ? void 0 : _k.contentWindow) &&
                             event.origin === window.location.origin) {
                             this.openChat();
                         }
@@ -500,11 +509,65 @@ class BuniChatWidget {
 </body>
 </html>`;
     }
+    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.widgetElement.style.cssText = `
+      position: fixed;
+      pointer-events: none;
+      z-index: 999999;
+      width: ${chatWidth};
+      height: ${chatHeight};
+      ${isMobile ? "max-width: 100vw; max-height: 100vh;" : ""}
+      transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease;
+      ${this.getPositionStyles(config.position || "bottom-right", false)}
+      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() });
+    }
     async openChat() {
         if (!this.chatIframe || !this.widgetElement || !this.triggerIframe)
             return;
-        if (this.state.isOpen)
-            return; // Already open
+        if (this.state.isOpen && this.displayMode !== "minimal")
+            return; // Already open in full mode
         const config = this.options.config || {};
         const isMobile = window.innerWidth <= 768;
         const isTablet = window.innerWidth > 768 && window.innerWidth <= 1024;
@@ -685,6 +748,18 @@ class BuniChatWidget {
                         }
                         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%";
+                            }
+                        }
                     }
                     else {
                         // Backward-compatible behavior.