embeddedaichatux 1.2.1 → 1.3.2

package/EmbeddedChat.js

@@ -8,6 +8,7 @@ class EmbeddedChat {
         this.chatId = chatId;
         this.options = options || {};
         this.isPreview = this.options.isPreview || false;
+        this.locale = options.locale || 'en';
         this.previewParam = this.isPreview ? "?isPreview=true" : "";
         this.serverUrl = this.options.serverUrl || 'https://embedgpt.chat/';
         this.positionStyle = this.containerDiv.dataset.position === 'in-place' ? 'width:100%; height:600px' : 'position: fixed; right: 0; bottom: 0; width: 300px; height: 600px; z-index: 100000';
@@ -17,17 +18,18 @@ class EmbeddedChat {
             this.positionStyle = 'width:100%; height:600px';
             this.containerDiv.style.height = '600px';
         }
+        this.sessionInfo = options.sessionInfo || null;
         this.init();
     }
 
-init() {
-    const cleanedServerUrl = this.serverUrl.endsWith('/') ? this.serverUrl.slice(0, -1) : this.serverUrl;
-    const baseIframeUrl = `${cleanedServerUrl}/ChatUX/${this.chatId}`;
-    const minimizedPositionStyle = 'position: fixed; right: 0; bottom: 0; width: 300px; height: 70px; z-index: 100000';
+    init() {
+        const cleanedServerUrl = this.serverUrl.endsWith('/') ? this.serverUrl.slice(0, -1) : this.serverUrl;
+        const baseIframeUrl = `${cleanedServerUrl}/ChatUX/${this.chatId}`;
+        const minimizedPositionStyle = 'position: fixed; right: 0; bottom: 0; width: 300px; height: 70px; z-index: 100000';
 
-    const iframeHtml = `
-    <iframe id="embedded-chat" style="${this.positionStyle}; display: none; border:none; overflow:hidden;" frameborder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="${this.buildIframeUrl(baseIframeUrl, { isPreview: this.isPreview, mode: this.mode })}"></iframe>
-    <iframe id="embedded-chat-minimized" style="${minimizedPositionStyle}; display: none; border:none; overflow:hidden;" frameborder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="${this.buildIframeUrl(baseIframeUrl, { isPreview: this.isPreview, isMinimized: true })}"></iframe>
+        const iframeHtml = `
+    <iframe id="embedded-chat" style="${this.positionStyle}; display: none; border:none; overflow:hidden;" frameborder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="${this.buildIframeUrl(baseIframeUrl, { isPreview: this.isPreview, mode: this.mode, locale: this.locale })}"></iframe>
+    <iframe id="embedded-chat-minimized" style="${minimizedPositionStyle}; display: none; border:none; overflow:hidden;" frameborder="0" sandbox="allow-same-origin allow-scripts allow-popups allow-forms" src="${this.buildIframeUrl(baseIframeUrl, { isPreview: this.isPreview, isMinimized: true, locale: this.locale })}"></iframe>
   `;
 
         this.containerDiv.innerHTML = iframeHtml;
@@ -56,6 +58,10 @@ init() {
                             this.iframe.style.transformOrigin = "bottom right";
                         }
                     }
+                    // Send sessionInfo if available
+                    if (this.sessionInfo !== null) {
+                        this.setSessionInfo(this.sessionInfo);
+                    }
                 }
             }
             // For backward compatibility, handle the case when the data is a string
@@ -71,7 +77,26 @@ init() {
         });
     }
 
+    setSessionInfo(sessionInfo) {
+        console.log('setSessionInfo called with sessionInfo:', sessionInfo);
+
+        // Store the new sessionInfo
+        this.sessionInfo = sessionInfo;
+
+        // Obtain the iframe element
+        const iframe = this.containerDiv.querySelector("#embedded-chat");
+
+        // Function to post the message with a structured object
+        const postMessage = () => {
+            console.log('Posting message to iframe:', { type: 'setSessionInfo', sessionInfo: sessionInfo });
+            iframe.contentWindow.postMessage({ type: 'setSessionInfo', sessionInfo: sessionInfo }, "*");
+        };
 
+        // If the iframe is visible, post the message
+        if (iframe.style.display !== "none") {
+            postMessage();
+        }
+    }
 
     createChatContainer() {
         const chatContainer = document.createElement('div');
@@ -93,6 +118,10 @@ init() {
             urlParams.set('mode', 'ContactForm');
         }
 
+        if (params.locale) {
+            urlParams.set('locale', params.locale);
+        }
+
         // Handle other parameters directly from the params object
         for (const [key, value] of Object.entries(params)) {
             if (key !== 'mode' && key !== 'isPreview') { // Avoid duplicates

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "embeddedaichatux",
-  "version": "1.2.1",
+  "version": "1.3.2",
   "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": {