feat(#5): Add title-body control element that can be added dynamically, refactored sectionIndex/create

legalconsenthub/composables/applicationForm/useApplicationForm.ts

@@ -1,4 +1,9 @@
-import { type CreateApplicationFormDto, type ApplicationFormDto, type PagedApplicationFormDto } from '~/.api-client'
+import type {
+  CreateApplicationFormDto,
+  CreateFormElementDto,
+  ApplicationFormDto,
+  PagedApplicationFormDto
+} from '~/.api-client'
 import { useApplicationFormApi } from './useApplicationFormApi'
 
 export function useApplicationForm() {
@@ -71,12 +76,36 @@ export function useApplicationForm() {
     }
   }
 
+  async function addFormElementToSection(
+    applicationFormId: string,
+    sectionId: string,
+    createFormElementDto: CreateFormElementDto,
+    position: number
+  ): Promise<ApplicationFormDto> {
+    if (!applicationFormId || !sectionId) {
+      return Promise.reject(new Error('Application form ID or section ID missing'))
+    }
+
+    try {
+      return await applicationFormApi.addFormElementToSection(
+        applicationFormId,
+        sectionId,
+        createFormElementDto,
+        position
+      )
+    } catch (e: unknown) {
+      console.error(`Failed adding form element to section ${sectionId}:`, e)
+      return Promise.reject(e)
+    }
+  }
+
   return {
     createApplicationForm,
     getAllApplicationForms,
     getApplicationFormById,
     updateApplicationForm,
     deleteApplicationFormById,
-    submitApplicationForm
+    submitApplicationForm,
+    addFormElementToSection
   }
 }