Eerste goed werkende versie van een formulier in de chat input.

eveai_chat_client/static/js/components/ChatMessage.js

@@ -8,10 +8,6 @@ export const ChatMessage = {
                 return message.id && message.content !== undefined && message.sender && message.type;
             }
         },
-        formValues: {
-            type: Object,
-            default: () => ({})
-        },
         isSubmittingForm: {
             type: Boolean,
             default: false
@@ -21,7 +17,7 @@ export const ChatMessage = {
             default: ''
         }
     },
-    emits: ['submit-form', 'image-loaded', 'retry-message', 'specialist-complete', 'specialist-error'],
+    emits: ['image-loaded', 'retry-message', 'specialist-complete', 'specialist-error'],
     data() {
         return {
         };
@@ -57,7 +53,11 @@ export const ChatMessage = {
             // Bubble up naar parent component voor eventuele verdere afhandeling
             this.$emit('specialist-complete', {
                 messageId: this.message.id,
-                ...eventData
+                answer: eventData.answer,
+                form_request: eventData.form_request,  // Wordt nu door ChatApp verwerkt
+                result: eventData.result,
+                interactionId: eventData.interactionId,
+                taskId: eventData.taskId
             });
         },
 
@@ -73,9 +73,6 @@ export const ChatMessage = {
                 .replace(/\n/g, '<br>');
         },
 
-        submitForm() {
-            this.$emit('submit-form', this.message.formData, this.message.id);
-        },
 
         removeMessage() {
             // Dit zou een event moeten triggeren naar de parent component
@@ -86,9 +83,6 @@ export const ChatMessage = {
         },
 
         getMessageClass() {
-            if (this.message.type === 'form') {
-                return 'form-message';
-            }
             return `message ${this.message.sender}`;
         }
     },
@@ -157,16 +151,6 @@ export const ChatMessage = {
                 </div>
             </template>
             
-            <!-- Dynamic forms -->
-            <template v-if="message.type === 'form'">
-                <dynamic-form
-                    :form-data="message.formData"
-                    :form-values="formValues[message.id] || {}"
-                    :is-submitting="isSubmittingForm"
-                    @submit="submitForm"
-                    @cancel="removeMessage"
-                ></dynamic-form>
-            </template>
             
             <!-- System messages -->
             <template v-if="message.type === 'system'">