Conversation Starter: Changes to ensure that the chatbotConfig is not overwritten between the starter prompts and share chatbot dialogs

packages/ui/src/ui-component/button/FlowListMenu.js

@@ -106,6 +106,11 @@ export default function FlowListMenu({ chatflow, updateFlowsApi }) {
         setConversationStartersDialogOpen(true)
     }
 
+    const saveFlowStarterPrompts = async () => {
+        setConversationStartersDialogOpen(false)
+        await updateFlowsApi.request()
+    }
+
     const saveFlowRename = async (chatflowName) => {
         const updateBody = {
             name: chatflowName,
@@ -301,6 +306,7 @@ export default function FlowListMenu({ chatflow, updateFlowsApi }) {
             <StarterPromptsDialog
                 show={conversationStartersDialogOpen}
                 dialogProps={conversationStartersDialogProps}
+                onConfirm={saveFlowStarterPrompts}
                 onCancel={() => setConversationStartersDialogOpen(false)}
             />
         </div>

packages/ui/src/ui-component/dialog/StarterPromptsDialog.js

@@ -29,7 +29,7 @@ import useNotifier from 'utils/useNotifier'
 // API
 import chatflowsApi from 'api/chatflows'
 
-const StarterPromptsDialog = ({ show, dialogProps, onCancel }) => {
+const StarterPromptsDialog = ({ show, dialogProps, onCancel, onConfirm = undefined }) => {
     const portalElement = document.getElementById('portal')
     const dispatch = useDispatch()
 
@@ -44,6 +44,8 @@ const StarterPromptsDialog = ({ show, dialogProps, onCancel }) => {
         }
     ])
 
+    const [chatbotConfig, setChatbotConfig] = useState({})
+
     const addInputField = () => {
         setInputFields([
             ...inputFields,
@@ -72,8 +74,9 @@ const StarterPromptsDialog = ({ show, dialogProps, onCancel }) => {
                     ...inputFields
                 }
             }
+            chatbotConfig.starterPrompts = value.starterPrompts
             const saveResp = await chatflowsApi.updateChatflow(dialogProps.chatflow.id, {
-                chatbotConfig: JSON.stringify(value)
+                chatbotConfig: JSON.stringify(chatbotConfig)
             })
             if (saveResp.data) {
                 enqueueSnackbar({
@@ -90,7 +93,9 @@ const StarterPromptsDialog = ({ show, dialogProps, onCancel }) => {
                 })
                 dispatch({ type: SET_CHATFLOW, chatflow: saveResp.data })
             }
-            onCancel()
+            if (onConfirm) {
+                onConfirm()
+            }
         } catch (error) {
             const errorData = error.response.data || `${error.response.status}: ${error.response.statusText}`
             enqueueSnackbar({
@@ -113,6 +118,7 @@ const StarterPromptsDialog = ({ show, dialogProps, onCancel }) => {
         if (dialogProps.chatflow && dialogProps.chatflow.chatbotConfig) {
             try {
                 let chatbotConfig = JSON.parse(dialogProps.chatflow.chatbotConfig)
+                setChatbotConfig(chatbotConfig || {})
                 if (chatbotConfig.starterPrompts) {
                     let inputFields = []
                     Object.getOwnPropertyNames(chatbotConfig.starterPrompts).forEach((key) => {
@@ -222,7 +228,8 @@ const StarterPromptsDialog = ({ show, dialogProps, onCancel }) => {
 StarterPromptsDialog.propTypes = {
     show: PropTypes.bool,
     dialogProps: PropTypes.object,
-    onCancel: PropTypes.func
+    onCancel: PropTypes.func,
+    onConfirm: PropTypes.func
 }
 
 export default StarterPromptsDialog

packages/ui/src/views/chatflows/ShareChatbot.js

@@ -135,6 +135,8 @@ const ShareChatbot = ({ isSessionMemory }) => {
 
         if (isSessionMemory) obj.overrideConfig.generateNewSession = generateNewSession
 
+        if (chatbotConfig?.starterPrompts) obj.starterPrompts = chatbotConfig.starterPrompts
+
         return obj
     }