Fix/1101 bilan annees etape trois (#1282)

## Ticket(s) lié(s)

https://jira-mcas.atlassian.net/jira/software/c/projects/VAO/boards/336?selectedIssue=VAO-1194

https://jira-mcas.atlassian.net/jira/software/c/projects/VAO/boards/336?selectedIssue=VAO-1101

https://jira-mcas.atlassian.net/jira/software/c/projects/VAO/boards/336?selectedIssue=VAO-1086

<!-- If you have a Jira Ticket / Sentry Ticket / GitHub Issue -->

## Description

<!-- Explain the **motivation** for making this change. What existing
problem does the pull request solve? screenshot? -->

## Screenshot / liens loom 

## Check-list

 - [x] Ma branche est rebase sur main
- [ ] Des tests ont été écrits pour tous les endpoints créés ou modifiés
 - [ ] Refacto "à la volée" des parties sur lesquelles j'ai codée
 - [x] Plus de `console.log`
- [ ] J'ai ajouté une validation de schéma sur la route que j'ai ajouté
ou modifié
 - [ ] J'ai converti les fichiers vue en `<script lang="ts">`
 - [ ] Mon code est en Typescript (autant que possible)

**Testing instructions**

<!--
Explain how another dev can test this PR. Create a workflow using
checkboxes to explain how to run your code and the expected outputs:

    ${{ Test the following }}
    - [x] ${{ QA Scenario 1 }}
    - [x] ${{ QA Scenario 2 }}
    - [x] ${{ QA Scenario 3 }}
-->

Author: olivier-rabot

packages/frontend-usagers/src/components/agrement/projets/casierJudiciaire.vue

@@ -6,20 +6,19 @@
   >
     Casier judiciaire
   </TitleWithIcon>
-  <div class="fr-fieldset__element">
-    <DsfrCheckbox
-      v-model="accompRespAttestHono"
-      name="checkbox-required-custom"
-      label="J'atteste que les accompagnants et le responsable du déroulement du séjour sur le lieu de vacances n'ont pas fait l'objet d'une condamnation inscrite au bulletin n° 3 du casier judiciaire"
-      required
-      :readonly="!props.modifiable"
-      :value="true"
-      @update:model-value="onAccompRespAttestHonoChange"
-    />
-    <p v-if="accompRespAttestHonoErrorMessage" class="fr-error-text">
-      {{ accompRespAttestHonoErrorMessage }}
-    </p>
-  </div>
+
+  <DsfrCheckbox
+    v-model="accompRespAttestHono"
+    name="accompRespAttestHono"
+    label="J'atteste que les accompagnants et le responsable du déroulement du séjour sur le lieu de vacances n'ont pas fait l'objet d'une condamnation inscrite au bulletin n° 3 du casier judiciaire"
+    :error-message="
+      accompRespAttestHonoMeta.touched ? accompRespAttestHonoErrorMessage : ''
+    "
+    :readonly="!props.modifiable"
+    :required="props.initAgrement.statut !== AGREMENT_STATUT.BROUILLON"
+    :value="true"
+  />
+
   <div class="fr-fieldset__element">
     <FileUpload
       v-model="fileProjetsSejoursCasier"
@@ -34,8 +33,11 @@
 import { FileUpload, TitleWithIcon } from "@vao/shared-ui";
 import * as yup from "yup";
 import { useForm, useField } from "vee-validate";
-import { AGREMENT_STATUT, FILE_CATEGORY } from "@vao/shared-bridge";
-import type { AgrementFilesDto } from "@vao/shared-bridge";
+import {
+  AGREMENT_STATUT,
+  FILE_CATEGORY,
+  getFileByCategory,
+} from "@vao/shared-bridge";
 
 const props = defineProps({
   initAgrement: { type: Object, required: true },
@@ -44,25 +46,24 @@ const props = defineProps({
 });
 
 const fileProjetsSejoursCasier = ref(
-  props.initAgrement?.agrementFiles?.filter(
-    (file: AgrementFilesDto) =>
-      file.category === FILE_CATEGORY.PROJETSSEJOURSCASIER,
-  ) || null,
+  getFileByCategory({
+    category: FILE_CATEGORY.PROJETSSEJOURSCASIER,
+    files: props.initAgrement?.agrementFiles,
+  }),
 );
 
 const validationSchema = yup.object({
-  accompRespAttestHono: yup
-    .boolean()
-    .oneOf(
-      [true],
-      "Vous devez attester que les accompagnants et le responsable du déroulement du séjour n'ont pas fait l'objet d'une condamnation inscrite au bulletin n° 3 du casier judiciaire.",
-    )
-    .required("Ce champ est obligatoire."),
+  accompRespAttestHono: yup.boolean().when("statut", {
+    is: (val: AGREMENT_STATUT) => val !== AGREMENT_STATUT.BROUILLON,
+    then: (schema) =>
+      schema.oneOf([true], "Vous devez cocher cette case pour continuer"),
+    otherwise: (schema) => schema.notRequired(),
+  }),
 });
 
 const initialValues = {
   statut: props.initAgrement.statut || AGREMENT_STATUT.BROUILLON,
-  accompRespAttestHono: false,
+  accompRespAttestHono: !!props.initAgrement.accompRespAttestHono || false,
 };
 
 const { handleSubmit } = useForm({
@@ -74,29 +75,20 @@ const { handleSubmit } = useForm({
 const {
   value: accompRespAttestHono,
   errorMessage: accompRespAttestHonoErrorMessage,
-  handleChange: onAccompRespAttestHonoChange,
-} = useField<boolean>("accompRespAttestHono");
+  meta: accompRespAttestHonoMeta,
+} = useField<boolean>("accompRespAttestHono", undefined, {
+  type: "checkbox",
+});
 
 const validateForm = async () => {
-  try {
-    const result = await handleSubmit((values) => {
-      return values;
-    })();
-
-    if (result) {
-      const data = { ...result };
-      delete data.statut;
-      const finalData = {
-        ...data,
-        ...(fileProjetsSejoursCasier.value && {
-          filesProjetsSejoursCasier: fileProjetsSejoursCasier.value,
-        }),
-      };
-      return finalData;
-    }
-  } catch (error) {
-    console.error("Erreur lors de la validation du formulaire! :", error);
+  const result = await handleSubmit((values) => values)();
+  if (result) {
+    return {
+      ...result,
+      fileProjetsSejoursCasier: fileProjetsSejoursCasier.value,
+    };
   }
+  return result;
 };
 
 defineExpose({

packages/frontend-usagers/src/components/agrement/projets/listeSejours.vue

@@ -155,9 +155,11 @@ function onAdresseSelect(selectedAddress) {
 
 const onSubmitAddSejour = handleSubmit(
   (values) => {
+    const adresseNorm = normalizeAdresse(adresse.value);
+
     sejours.value.push({
       nomHebergement: values.nomSejour,
-      adresse: adresse.value,
+      adresse: adresseNorm,
       mois: values.mois,
       nbVacanciers: values.nbVacanciers,
       agrementId: props.agrementId,
@@ -190,6 +192,18 @@ const validateForm = async () => {
   }
 };
 
+function normalizeAdresse(adresse) {
+  if (!adresse) return adresse;
+  const coords = adresse.coordinates || [null, null];
+  return {
+    ...adresse,
+    long:
+      coords[0] !== undefined && coords[0] !== null ? String(coords[0]) : null,
+    lat:
+      coords[1] !== undefined && coords[1] !== null ? String(coords[1]) : null,
+  };
+}
+
 defineExpose({
   validateForm,
 });