feat(#12): Add subsections to sections, fix version deletion after update

legalconsenthub/app/composables/useFormElementManagement.ts

@@ -1,18 +1,14 @@
-import type { ApplicationFormDto, CreateFormElementDto, FormElementSectionDto } from '~~/.api-client'
-import type { MaybeRefOrGetter } from 'vue'
+import type { ApplicationFormDto, CreateFormElementDto, FormElementDto } from '~~/.api-client'
 
-export function useFormElementManagement(
-  currentFormElementSection: MaybeRefOrGetter<FormElementSectionDto | undefined>,
-  applicationFormId?: string
-) {
-  const { addFormElementToSection } = useApplicationForm()
-
-  async function addInputFormToApplicationForm(position: number): Promise<ApplicationFormDto | undefined> {
-    const section = toValue(currentFormElementSection)
-    if (!section) return
-
-    const { formElements } = section
+export function useFormElementManagement() {
+  const applicationForm = useApplicationForm()
 
+  async function addFormElementToSubSection(
+    applicationFormId: string | undefined,
+    subsectionId: string,
+    formElements: FormElementDto[],
+    position: number
+  ): Promise<ApplicationFormDto | undefined> {
     const inputFormElement: CreateFormElementDto = {
       title: 'Formular ergänzen',
       description: 'Bitte fügen Sie hier Ihre Ergänzungen ein.',
@@ -29,7 +25,7 @@ export function useFormElementManagement(
 
     if (applicationFormId) {
       try {
-        return await addFormElementToSection(applicationFormId, section.id, inputFormElement, position + 1)
+        return await applicationForm.addFormElementToSubSection(applicationFormId, subsectionId, inputFormElement, position + 1)
       } catch (error) {
         console.error('Failed to add form element:', error)
         throw error
@@ -42,6 +38,6 @@ export function useFormElementManagement(
   }
 
   return {
-    addInputFormToApplicationForm
+    addFormElementToSubSection
   }
 }