embeddedaichatux 1.0.5 → 1.0.7

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.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");
@@ -33,18 +36,25 @@ class EmbeddedChat {
 
         window.addEventListener("message", (e) => {
             // Check if the data is an object and has a message property
-            if (typeof e.data === "object" && e.data.message) {
+            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/EmbeddedChatOLD.js

@@ -0,0 +1,77 @@
+// embeddedChat.js
+class EmbeddedChat {
+    constructor(containerDiv, chatId, options) {
+        if (!containerDiv) {
+            containerDiv = this.createChatContainer();
+        }
+        this.containerDiv = containerDiv;
+        this.chatId = chatId;
+        this.options = options || {};
+        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.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;';
+
+        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>
+    `;
+
+        this.containerDiv.innerHTML = iframeHtml;
+        this.iframe = this.containerDiv.querySelector("#embedded-chat");
+        this.minimizedIframe = this.containerDiv.querySelector("#embedded-chat-minimized");
+
+        window.addEventListener("message", (e) => {
+            // 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";
+                } 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";
+                    }
+                }
+            }
+            // For backward compatibility, handle the case when the data is a string
+            else if (typeof e.data === "string") {
+                if (e.data === "minimize") {
+                    this.iframe.style.display = "none";
+                    this.minimizedIframe.style.display = "block";
+                } else if (e.data === "show" || e.data === "maximize") {
+                    this.iframe.style.display = "block";
+                    this.minimizedIframe.style.display = "none";
+                }
+            }
+        });
+    }
+
+
+
+    createChatContainer() {
+        const chatContainer = document.createElement('div');
+        chatContainer.className = 'embedded-chat-container';
+        chatContainer.style.position = 'relative';
+        document.body.appendChild(chatContainer);
+        return chatContainer;
+    }
+}
+
+export function initEmbeddedChat(containerDiv, chatId, options) {
+    return new EmbeddedChat(containerDiv, chatId, options);
+}

package/obj/Debug/net7.0/AIChat.npm.csproj.CoreCompileInputs.cache

@@ -1 +1 @@
-2a2fbdc06e3060ecc072244ebc14fc81cb280367
+071cf2c6734c65e7e6f8a119ed2e7a843e5a8ba7

package/package.json

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

package/Program.cs

@@ -1,25 +0,0 @@
-var builder = WebApplication.CreateBuilder(args);
-
-// Add services to the container.
-builder.Services.AddRazorPages();
-
-var app = builder.Build();
-
-// Configure the HTTP request pipeline.
-if (!app.Environment.IsDevelopment())
-{
-    app.UseExceptionHandler("/Error");
-    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
-    app.UseHsts();
-}
-
-app.UseHttpsRedirection();
-app.UseStaticFiles();
-
-app.UseRouting();
-
-app.UseAuthorization();
-
-app.MapRazorPages();
-
-app.Run();

package/README.md

@@ -1,14 +0,0 @@
-# EmbeddedChat
-
-A lightweight and customizable embedded chat UI component that seamlessly integrates into web applications, offering minimized and expanded views, with iframe-based content rendering.
-
-## Installation
-
-To update
-1. Modify the version in package.json
-1. NPM login
-1. npm publish
-
-NPM: https://www.npmjs.com/settings/aichatepicenter/packages 
-
-

package/appsettings.Development.json

@@ -1,9 +0,0 @@
-{
-  "DetailedErrors": true,
-  "Logging": {
-    "LogLevel": {
-      "Default": "Information",
-      "Microsoft.AspNetCore": "Warning"
-    }
-  }
-}

package/appsettings.json

@@ -1,9 +0,0 @@
-{
-  "Logging": {
-    "LogLevel": {
-      "Default": "Information",
-      "Microsoft.AspNetCore": "Warning"
-    }
-  },
-  "AllowedHosts": "*"
-}