Embed Chat Configuration Updated (FlowiseAI#3151)

BarOfSoapOnWednesday · Sep 5, 2024 · 0e30db1 · 0e30db1
1 parent 9094cf1
commit 0e30db1
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/packages/ui/src/views/chatflows/EmbedChat.jsx b/packages/ui/src/views/chatflows/EmbedChat.jsx
@@ -92,6 +92,11 @@ const buttonConfig = (isReact = false) => {
                     dragAndDrop: true,
                     iconColor: "white",
                     customIconSrc: "https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/google-messages.svg",
+                    autoWindowOpen: {
+                        autoOpen: true, //parameter to control automatic window opening
+                        openDelay: 2, // Optional parameter for delay time in seconds
+                        autoOpenOnMobile: false, //parameter to control automatic window opening in mobile
+                        },
                 }`
         : `button: {
                 backgroundColor: "#3B81F6",
@@ -101,6 +106,11 @@ const buttonConfig = (isReact = false) => {
                 dragAndDrop: true,
                 iconColor: "white",
                 customIconSrc: "https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/google-messages.svg",
+                autoWindowOpen: {
+                    autoOpen: true, //parameter to control automatic window opening
+                    openDelay: 2, // Optional parameter for delay time in seconds
+                    autoOpenOnMobile: false, //parameter to control automatic window opening in mobile
+                    },
             }`
 }
 
@@ -132,10 +142,13 @@ const chatwindowConfig = (isReact = false) => {
                     welcomeMessage: 'Hello! This is custom welcome message',
                     errorMessage: 'This is a custom error message',
                     backgroundColor: "#ffffff",
+                    backgroundImage: 'enter image path or link', // If set, this will overlap the background color of the chat window.
                     height: 700,
                     width: 400,
                     fontSize: 16,
-                    poweredByTextColor: "#303235",
+                    //starterPrompts: ['What is a bot?', 'Who are you?'], // It overrides the starter prompts set by the chat flow passed
+                    starterPromptFontSize: 15,
+                    clearChatOnReload: false, // If set to true, the chat will be cleared when the page reloads.
                     botMessage: {
                         backgroundColor: "#f7f8ff",
                         textColor: "#303235",
@@ -179,10 +192,13 @@ const chatwindowConfig = (isReact = false) => {
                 welcomeMessage: 'Hello! This is custom welcome message',
                 errorMessage: 'This is a custom error message',
                 backgroundColor: "#ffffff",
+                backgroundImage: 'enter image path or link', // If set, this will overlap the background color of the chat window.
                 height: 700,
                 width: 400,
                 fontSize: 16,
-                poweredByTextColor: "#303235",
+                //starterPrompts: ['What is a bot?', 'Who are you?'], // It overrides the starter prompts set by the chat flow passed
+                starterPromptFontSize: 15,
+                clearChatOnReload: false, // If set to true, the chat will be cleared when the page reloads.
                 botMessage: {
                     backgroundColor: "#f7f8ff",
                     textColor: "#303235",