embeddedaichatux 1.0.6 → 1.0.8

package/AIChat.npm.csproj

@@ -14,5 +14,16 @@
     <Copy SourceFiles="@(_CommonWebJsFiles)" DestinationFolder="$(MSBuildProjectDirectory)" SkipUnchangedFiles="true" />
   </Target>
 
+  <ItemGroup>
+    <None Remove="EmbeddedChat.js" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <Content Include="EmbeddedChat.js">
+      <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+    </Content>
+  </ItemGroup>
+
 
 </Project>

package/AIChat.npm.csproj.user

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <ActiveDebugProfile>https</ActiveDebugProfile>
+  </PropertyGroup>
+</Project>

package/AIChat.npm.sln

@@ -0,0 +1,25 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.7.34024.191
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "AIChat.npm", "AIChat.npm.csproj", "{37DB7D9F-39C4-428D-A205-7E78FAB8BB25}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{37DB7D9F-39C4-428D-A205-7E78FAB8BB25}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{37DB7D9F-39C4-428D-A205-7E78FAB8BB25}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{37DB7D9F-39C4-428D-A205-7E78FAB8BB25}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{37DB7D9F-39C4-428D-A205-7E78FAB8BB25}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {33D9F6CE-532F-4C22-AAAD-2D8B3BB56596}
+	EndGlobalSection
+EndGlobal

package/EmbeddedChat.js

@@ -10,22 +10,25 @@ class EmbeddedChat {
         this.isPreview = this.options.isPreview || false;
         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';
+        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';
+        this.mode = options.mode || 'Chat'; // default to 'chat' if mode isn't provided
+        if (this.mode === 'ContactForm') {
+            // Adjust position style for contact form if mode is 'ContactForm'
+            this.positionStyle = 'width:100%; height:600px';
+            this.containerDiv.style.height = '600px';
+        }
         this.init();
     }
 
-    init() {
-        const cleanedServerUrl = this.serverUrl.endsWith('/') ? this.serverUrl.slice(0, -1) : this.serverUrl;
-        const baseIframeUrl = `${cleanedServerUrl}/ChatUX/${this.chatId}`;
-        const previewQueryString = this.isPreview ? "?isPreview=true" : "";
-        const minimizedQueryString = this.isPreview ? "&isMinimized=true" : "?isMinimized=true";
-
-        const minimizedPositionStyle = 'position: fixed; right: 0; bottom: 0; width: 300px; height: 70px;';
+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="${baseIframeUrl}${previewQueryString}"></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="${baseIframeUrl}${previewQueryString}${minimizedQueryString}"></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 })}"></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>
+  `;
 
         this.containerDiv.innerHTML = iframeHtml;
         this.iframe = this.containerDiv.querySelector("#embedded-chat");
@@ -35,16 +38,23 @@ class EmbeddedChat {
             // Check if the data is an object and has a message property
             if (typeof e.data === "object" && e.data.message && (!e.data.chatId || e.data.chatId === this.chatId)) {
                 if (e.data.message === "minimize") {
-                    this.iframe.style.display = "none";
-                    this.minimizedIframe.style.display = "block";
+                    if (this.mode !== 'ContactForm') {
+                        // No minimize support for ContactForm
+                        this.iframe.style.display = "none";
+                        this.minimizedIframe.style.display = "block";
+                    }
                 } else if (e.data.message === "show" || e.data.message === "maximize") {
                     this.iframe.style.display = "block";
                     this.minimizedIframe.style.display = "none";
                     // Check if the data has a scale property
                     if (e.data.scale) {
-                        // Resize the iframe according to the scale factor
-                        this.iframe.style.transform = `scale(${e.data.scale})`;
-                        this.iframe.style.transformOrigin = "bottom right";
+                        if (this.mode !== 'ContactForm') {
+                            // No scaling support for ContactForm
+
+                            // Resize the iframe according to the scale factor
+                            this.iframe.style.transform = `scale(${e.data.scale})`;
+                            this.iframe.style.transformOrigin = "bottom right";
+                        }
                     }
                 }
             }
@@ -70,8 +80,35 @@ class EmbeddedChat {
         document.body.appendChild(chatContainer);
         return chatContainer;
     }
+
+    buildIframeUrl(baseIframeUrl, params = {}) {
+        const urlParams = new URLSearchParams(params);
+
+        // Add parameters as needed, based on values in the params object
+        if (params.isPreview) {
+            urlParams.set('isPreview', 'true');
+        }
+
+        if (params.mode === 'ContactForm') {
+            urlParams.set('mode', 'ContactForm');
+        }
+
+        // Handle other parameters directly from the params object
+        for (const [key, value] of Object.entries(params)) {
+            if (key !== 'mode' && key !== 'isPreview') { // Avoid duplicates
+                urlParams.set(key, value);
+            }
+        }
+
+        return `${baseIframeUrl}?${urlParams.toString()}`;
+    }
 }
 
 export function initEmbeddedChat(containerDiv, chatId, options) {
     return new EmbeddedChat(containerDiv, chatId, options);
 }
+
+export function initContactForm(containerDiv, chatId, options) {
+    const clonedOptions = { ...options, mode: 'ContactForm' }; // Clone with spread syntax
+    return new EmbeddedChat(containerDiv, chatId, clonedOptions);
+}

package/package.json

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