embeddedaichatux 1.5.1 → 1.6.0

package/EmbeddedChat.js

@@ -16,13 +16,14 @@
         this.minimizedHeight = `${this.height * 0.3}px`; // 30% of the full height
         this.mouseInsideChat = false;
         this.hasRefreshed = false; // Flag to prevent endless loop
+        this.conversationId = null;
 
         // Determine transition styles
         const transitionStyle = this.enableAnimation ? 'transition: height 0.3s ease, opacity 0.3s ease;' : '';
 
         this.positionStyle = this.containerDiv.dataset.position === 'in-place' ?
             `width:100%; height:${this.height}px; ${transitionStyle}` :
-            `position: fixed; right: 0; bottom: 0; width: ${this.width}px; height: ${this.height}px; z-index: 100000; ${transitionStyle}`;
+            `position: fixed; right: 0; bottom: 0; width: ${this.width}px; height: ${this.height}px; z-index: 100000; max-height:80%; ${transitionStyle}`;
         this.mode = options.mode || 'Chat'; // default to 'chat' if mode isn't provided
         this.minimizeOnScroll = false; // Default to false
         if (this.mode === 'ContactForm') {
@@ -44,7 +45,8 @@
 
     getStoredConversationId() {
         try {
-            return localStorage.getItem(`conversationId_${this.chatId}`);
+            const storedId = localStorage.getItem(`conversationId_${this.chatId}`);
+            return storedId;
         } catch (error) {
             console.error('Error accessing localStorage:', error);
             return null;
@@ -59,6 +61,16 @@
         }
     }
 
+    setConversationId(newConversationId) {
+        const previousId = this.conversationId || 'null';
+
+        if (newConversationId !== previousId) {
+            // Separate block for changes to allow breakpoint placement
+            this.conversationId = newConversationId;
+            this.setStoredConversationId(newConversationId);
+        }
+    }
+
     init() {
         this.updateIframes();
         this.addEventListeners();
@@ -116,10 +128,11 @@
                 if (this.sessionInfo !== null) {
                     this.setSessionInfo(this.sessionInfo);
                 }
-                if (e.data.message === "show" && e.data.conversationId) {
-                    this.conversationId = e.data.conversationId;
-                    this.setStoredConversationId(this.conversationId);
-                }
+            }
+
+            // Check and update conversationId after processing other conditions
+            if (e.data.conversationId) {
+                this.setConversationId(e.data.conversationId);
             }
         } else if (typeof e.data === "string") {
             if (e.data === "minimize") {
@@ -162,6 +175,8 @@
 
         this.iframe.style.height = `${this.height}px`;
         this.iframe.style.opacity = '1';
+
+        this.iframe.contentWindow.postMessage({ message: "show" }, "*");
     }
 
     applyScale(scale) {
@@ -187,7 +202,6 @@
         const iframe = this.containerDiv.querySelector("#embedded-chat");
 
         const postMessage = () => {
-            console.log('Posting message to iframe:', { type: 'setSessionInfo', sessionInfo: sessionInfo });
             iframe.contentWindow.postMessage({ type: 'setSessionInfo', sessionInfo: sessionInfo }, "*");
         };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "embeddedaichatux",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "A lightweight and customizable embedded AI chat UI component that seamlessly integrates into web applications, offering minimized and expanded views, with iframe-based content rendering.",
   "main": "EmbeddedChat.js",
   "scripts": {