@buni.ai/chatbot-core 1.0.19 → 1.0.21

package/dist/index.esm.js

@@ -1,5 +1,7 @@
 // Default BuniAI platform URL
 const BUNI_PLATFORM_URL = "https://www.buni.ai";
+const PARENT_HANDSHAKE_TYPE = "buni:parent_handshake";
+const IFRAME_HANDSHAKE_ACK_TYPE = "buni:iframe_handshake_ack";
 // Core widget loader class
 class BuniChatWidget {
     constructor() {
@@ -15,6 +17,34 @@ class BuniChatWidget {
         this.chatIframe = null;
         this.customerData = null;
         this.sessionVariables = null;
+        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;
@@ -178,6 +208,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 = `
@@ -201,52 +240,103 @@ class BuniChatWidget {
                 chatIframe.onload = () => {
                     // Set visibility hidden after iframe loads to allow content initialization
                     chatIframe.style.visibility = "hidden";
+                    // Compute the iframe origin once we know the final src.
+                    try {
+                        this.chatTargetOrigin = new URL(chatIframe.src).origin;
+                    }
+                    catch (_a) {
+                        this.chatTargetOrigin = this.getBaseUrl();
+                    }
+                    // Reset handshake state for this iframe instance.
+                    this.handshakeComplete = false;
+                    this.outboundMessageQueue = [];
                     this.setupPostMessageAPI(chatIframe);
+                    this.sendParentHandshake();
                     // Now that both iframes are loaded, resolve the promise
                     this.widgetElement = container;
                     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;
-                if (!event.data.type)
+                var _a, _b, _c, _d, _e, _f;
+                const payload = event.data;
+                if (!payload || typeof payload !== "object")
+                    return;
+                if (typeof payload.type !== "string")
                     return;
-                switch (event.data.type) {
+                switch (payload.type) {
                     case "connection_ready":
                         // Check if message is from chat iframe
-                        if (event.source === ((_a = this.chatIframe) === null || _a === void 0 ? void 0 : _a.contentWindow)) {
+                        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":
-                        this.openChat();
+                        if (event.source === ((_f = this.triggerIframe) === null || _f === void 0 ? void 0 : _f.contentWindow) &&
+                            event.origin === window.location.origin) {
+                            this.openChat();
+                        }
                         break;
                 }
             });
             // 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";
@@ -348,11 +438,15 @@ class BuniChatWidget {
   </div>
   <script>
     function handleClick() {
-      window.parent.postMessage({ type: 'trigger_clicked' }, '*');
+      // Trigger iframe is same-origin with parent (about:blank + document.write),
+      // so we can safely target the parent's origin.
+      window.parent.postMessage({ type: 'trigger_clicked' }, window.location.origin);
     }
     
     // Listen for unread count updates
     window.addEventListener('message', function(event) {
+      if (event.source !== window.parent) return;
+      if (event.origin !== window.location.origin) return;
       if (event.data.type === 'updateUnreadCount') {
         const badge = document.getElementById('badge');
         const count = event.data.count || 0;
@@ -419,6 +513,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() {
@@ -451,6 +547,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) {
@@ -500,12 +598,24 @@ class BuniChatWidget {
         // Listen for messages from the iframe
         window.addEventListener("message", (event) => {
             var _a;
+            if (event.source !== iframe.contentWindow) {
+                return;
+            }
             // Verify origin for security
             if (event.origin !== this.getBaseUrl()) {
                 return;
             }
-            const { type, data } = event.data;
+            const payload = event.data;
+            if (!payload || typeof payload !== "object")
+                return;
+            const { type, data } = payload;
+            if (typeof type !== "string")
+                return;
             switch (type) {
+                case IFRAME_HANDSHAKE_ACK_TYPE:
+                    this.handshakeComplete = true;
+                    this.flushOutboundMessageQueue();
+                    break;
                 case "ready":
                     this.state.isLoaded = true;
                     this.emit("ready", data);
@@ -530,14 +640,24 @@ 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
                     this.state.unreadCount++;
                     if ((_a = this.triggerIframe) === null || _a === void 0 ? void 0 : _a.contentWindow) {
-                        this.triggerIframe.contentWindow.postMessage({ type: "updateUnreadCount", count: this.state.unreadCount }, "*");
+                        this.triggerIframe.contentWindow.postMessage({ type: "updateUnreadCount", count: this.state.unreadCount }, window.location.origin);
                     }
                     break;
                 case "customer_data_updated":
@@ -557,17 +677,69 @@ class BuniChatWidget {
             }
         });
     }
+    sendParentHandshake() {
+        var _a, _b;
+        const iframeWindow = (_a = this.chatIframe) === null || _a === void 0 ? void 0 : _a.contentWindow;
+        if (!iframeWindow)
+            return;
+        const targetOrigin = (_b = this.chatTargetOrigin) !== null && _b !== void 0 ? _b : this.getBaseUrl();
+        try {
+            iframeWindow.postMessage({
+                type: PARENT_HANDSHAKE_TYPE,
+                data: { origin: window.location.origin },
+            }, targetOrigin);
+        }
+        catch (_c) {
+            // Best-effort; iframe may fall back to document.referrer for origin discovery.
+        }
+    }
+    flushOutboundMessageQueue() {
+        var _a, _b;
+        const iframeWindow = (_a = this.chatIframe) === null || _a === void 0 ? void 0 : _a.contentWindow;
+        if (!iframeWindow)
+            return;
+        const targetOrigin = (_b = this.chatTargetOrigin) !== null && _b !== void 0 ? _b : this.getBaseUrl();
+        const queued = this.outboundMessageQueue;
+        if (queued.length === 0)
+            return;
+        this.outboundMessageQueue = [];
+        for (const msg of queued) {
+            iframeWindow.postMessage({ type: msg.type, data: msg.data }, targetOrigin);
+        }
+    }
     postMessageToWidget(type, data) {
-        var _a;
-        if ((_a = this.chatIframe) === null || _a === void 0 ? void 0 : _a.contentWindow) {
-            this.chatIframe.contentWindow.postMessage({ type, data }, this.getBaseUrl());
+        var _a, _b;
+        const iframeWindow = (_a = this.chatIframe) === null || _a === void 0 ? void 0 : _a.contentWindow;
+        if (!iframeWindow)
+            return;
+        const targetOrigin = (_b = this.chatTargetOrigin) !== null && _b !== void 0 ? _b : this.getBaseUrl();
+        // Ensure handshake is sent before any other commands; queue until ack.
+        if (!this.handshakeComplete && type !== PARENT_HANDSHAKE_TYPE) {
+            const queue = this.outboundMessageQueue;
+            if (queue.length < 50) {
+                queue.push({ type, data });
+            }
+            else {
+                this.outboundMessageQueue = [...queue.slice(-49), { type, data }];
+            }
+            this.sendParentHandshake();
+            return;
         }
+        iframeWindow.postMessage({ type, data }, targetOrigin);
     }
     getBaseUrl() {
+        var _a, _b;
         // Return the base URL for the BuniAI platform
         // Priority: 1. config.baseUrl, 2. global BUNI_API_URL, 3. default platform URL
+        const configUrl = (_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.baseUrl;
         const globalUrl = globalThis.BUNI_API_URL;
-        return globalUrl || BUNI_PLATFORM_URL;
+        const rawUrl = configUrl || globalUrl || BUNI_PLATFORM_URL;
+        try {
+            return new URL(rawUrl).origin;
+        }
+        catch (_c) {
+            return rawUrl;
+        }
     }
     destroy() {
         this.postMessageToWidget("destroy");
@@ -614,10 +786,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 };
@@ -658,6 +841,8 @@ class BuniChatWidget {
     }
     close() {
         this.closeChat();
+        this.displayMode = "hidden";
+        this.state.displayMode = "hidden";
     }
     on(event, callback) {
         if (!this.eventListeners.has(event)) {
@@ -693,7 +878,10 @@ class BuniChatWidget {
         }
     }
     getState() {
-        return { ...this.state };
+        return {
+            ...this.state,
+            displayMode: this.displayMode,
+        };
     }
     isReady() {
         return this.state.isLoaded;