feat(#13): Show form elements depending on other form element values

legalconsenthub/app/pages/application-forms/[id]/[sectionIndex].vue

@@ -75,6 +75,7 @@ const {
 
 const { updateApplicationForm: updateForm, submitApplicationForm } = useApplicationForm()
 const { validateFormElements, getHighestComplianceStatus } = useApplicationFormValidator()
+const { evaluateVisibility } = useFormElementVisibility()
 const { canWriteApplicationForms } = usePermissions()
 const userStore = useUserStore()
 const { user } = storeToRefs(userStore)
@@ -100,10 +101,14 @@ const allFormElements = computed(() => {
   )
 })
 
+const visibilityMap = computed(() => {
+  return evaluateVisibility(allFormElements.value)
+})
+
 watch(
   () => allFormElements.value,
   (updatedFormElements: FormElementDto[]) => {
-    validationMap.value = validateFormElements(updatedFormElements)
+    validationMap.value = validateFormElements(updatedFormElements, visibilityMap.value)
     validationStatus.value = getHighestComplianceStatus()
   },
   { deep: true }