@buni.ai/chatbot-angular 1.0.24 → 1.0.25

package/dist/index.esm.js

@@ -58,6 +58,31 @@ class BuniChatWidget {
         this.chatTargetOrigin = null;
         this.handshakeComplete = false;
         this.outboundMessageQueue = [];
+        this.displayMode = "hidden";
+        this.serverBehavior = {};
+    }
+    isMinimalModeEnabled() {
+        var _a, _b;
+        if (typeof ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.enableMinimalMode) === "boolean") {
+            return this.options.config.enableMinimalMode;
+        }
+        return Boolean(this.serverBehavior.enableMinimalMode);
+    }
+    syncServerBehaviorFromData(data) {
+        if (!data || typeof data !== "object") {
+            return;
+        }
+        const behaviorCandidate = data.behavior && typeof data.behavior === "object"
+            ? data.behavior
+            : data;
+        if (typeof behaviorCandidate.enableMinimalMode === "boolean") {
+            this.serverBehavior.enableMinimalMode = behaviorCandidate.enableMinimalMode;
+        }
+        if (behaviorCandidate.defaultMode === "full" ||
+            behaviorCandidate.defaultMode === "minimal" ||
+            behaviorCandidate.defaultMode === "hidden") {
+            this.serverBehavior.defaultMode = behaviorCandidate.defaultMode;
+        }
     }
     async initialize(options) {
         this.options = options;
@@ -221,6 +246,15 @@ class BuniChatWidget {
                     params.set("startButtonText", config.startButtonText);
                 if (config.preChatFormFields)
                     params.set("preChatFormFields", JSON.stringify(config.preChatFormFields));
+                if (config.enableMinimalMode !== undefined) {
+                    params.set("enableMinimalMode", String(config.enableMinimalMode));
+                }
+                if (config.defaultMode) {
+                    params.set("defaultMode", config.defaultMode);
+                }
+                if (config.autoMessages && Array.isArray(config.autoMessages)) {
+                    params.set("autoMessages", JSON.stringify(config.autoMessages));
+                }
                 chatIframe.src = `${this.getBaseUrl()}/embed/chat?${params.toString()}`;
                 // Chat iframe styling - initially hidden
                 chatIframe.style.cssText = `
@@ -261,13 +295,15 @@ class BuniChatWidget {
                     this.triggerIframe = triggerIframe;
                     this.chatIframe = chatIframe;
                     this.state.isMinimized = true;
+                    this.state.displayMode = "hidden";
+                    this.displayMode = "hidden";
                     this.state.isLoaded = true;
                     resolve();
                 };
             };
             // Listen for trigger and connection events
             window.addEventListener("message", (event) => {
-                var _a, _b;
+                var _a, _b, _c, _d, _e, _f;
                 const payload = event.data;
                 if (!payload || typeof payload !== "object")
                     return;
@@ -278,20 +314,53 @@ class BuniChatWidget {
                         // Check if message is from chat iframe
                         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) {
                                 container.style.display = "block";
                             }
                             // Emit connection_ready event for consumers
-                            this.emit("connection_ready", { timestamp: Date.now() });
+                            this.emit("connection_ready", {
+                                timestamp: Date.now(),
+                                behavior: (_b = payload.data) === null || _b === void 0 ? void 0 : _b.behavior,
+                            });
                             if (this.options.onConnectionReady &&
                                 typeof this.options.onConnectionReady === "function") {
-                                this.options.onConnectionReady({ timestamp: Date.now() });
+                                this.options.onConnectionReady({
+                                    timestamp: Date.now(),
+                                    behavior: (_c = payload.data) === null || _c === void 0 ? void 0 : _c.behavior,
+                                });
+                            }
+                        }
+                        break;
+                    case "chatbot:close":
+                        if (event.source === ((_d = this.chatIframe) === null || _d === void 0 ? void 0 : _d.contentWindow) &&
+                            event.origin === this.getBaseUrl()) {
+                            this.closeChat();
+                            this.displayMode = "hidden";
+                            this.state.displayMode = "hidden";
+                        }
+                        break;
+                    case "chatbot:minimize":
+                        if (event.source === ((_e = this.chatIframe) === null || _e === void 0 ? void 0 : _e.contentWindow) &&
+                            event.origin === this.getBaseUrl()) {
+                            if (this.isMinimalModeEnabled()) {
+                                if (!this.state.isOpen) {
+                                    void this.openChat();
+                                }
+                                this.postMessageToWidget("minimize");
+                                this.displayMode = "minimal";
+                                this.state.displayMode = "minimal";
+                            }
+                            else {
+                                this.closeChat();
+                                this.displayMode = "hidden";
+                                this.state.displayMode = "hidden";
                             }
                         }
                         break;
                     case "trigger_clicked":
-                        if (event.source === ((_b = this.triggerIframe) === null || _b === void 0 ? void 0 : _b.contentWindow) &&
+                        if (event.source === ((_f = this.triggerIframe) === null || _f === void 0 ? void 0 : _f.contentWindow) &&
                             event.origin === window.location.origin) {
                             this.openChat();
                         }
@@ -301,13 +370,11 @@ class BuniChatWidget {
             // Trigger the load event
             // if by 10 seconds the ready message is not received, we want to manually, set the container to visible
             setTimeout(() => {
-                if (!this.state.isLoaded) {
-                    if (container &&
-                        !config.hideDefaultTrigger &&
-                        container.style.display === "none" &&
-                        this.state.isOpen === false) {
-                        container.style.display = "block";
-                    }
+                if (container &&
+                    !config.hideDefaultTrigger &&
+                    container.style.display === "none" &&
+                    this.state.isOpen === false) {
+                    container.style.display = "block";
                 }
             }, 10000);
             triggerIframe.src = "about:blank";
@@ -484,6 +551,8 @@ class BuniChatWidget {
         this.chatIframe.style.visibility = "visible";
         this.state.isMinimized = false;
         this.state.isOpen = true;
+        this.displayMode = "full";
+        this.state.displayMode = "full";
         this.emit("maximized", { timestamp: Date.now() });
     }
     closeChat() {
@@ -516,6 +585,8 @@ class BuniChatWidget {
         this.triggerIframe.style.display = "block";
         this.state.isMinimized = true;
         this.state.isOpen = false;
+        this.displayMode = "hidden";
+        this.state.displayMode = "hidden";
         this.emit("minimized", { timestamp: Date.now() });
     }
     getPositionStyles(position, isMinimized = false) {
@@ -607,8 +678,18 @@ class BuniChatWidget {
                     }
                     break;
                 case "minimized":
-                    // User clicked minimize in chat - close chat and show trigger
-                    this.closeChat();
+                    this.syncServerBehaviorFromData(data);
+                    if (this.isMinimalModeEnabled()) {
+                        if (!this.state.isOpen) {
+                            void this.openChat();
+                        }
+                        this.displayMode = "minimal";
+                        this.state.displayMode = "minimal";
+                    }
+                    else {
+                        // Backward-compatible behavior.
+                        this.closeChat();
+                    }
                     break;
                 case "new_unread_message":
                     // Update unread count in trigger
@@ -743,10 +824,21 @@ class BuniChatWidget {
         }
     }
     minimize() {
+        if (this.isMinimalModeEnabled()) {
+            if (!this.state.isOpen) {
+                void this.openChat();
+            }
+            this.postMessageToWidget("minimize");
+            this.displayMode = "minimal";
+            this.state.displayMode = "minimal";
+            return;
+        }
         this.closeChat();
     }
     maximize() {
-        this.openChat();
+        void this.openChat();
+        this.displayMode = "full";
+        this.state.displayMode = "full";
     }
     setCustomerData(data) {
         this.customerData = { ...this.customerData, ...data };
@@ -787,6 +879,8 @@ class BuniChatWidget {
     }
     close() {
         this.closeChat();
+        this.displayMode = "hidden";
+        this.state.displayMode = "hidden";
     }
     on(event, callback) {
         if (!this.eventListeners.has(event)) {
@@ -822,7 +916,10 @@ class BuniChatWidget {
         }
     }
     getState() {
-        return { ...this.state };
+        return {
+            ...this.state,
+            displayMode: this.displayMode,
+        };
     }
     isReady() {
         return this.state.isLoaded;