Mettre en place la modale pour saisir SIRET & effectif

[ColineLebaratoux]

Création d'une modale intégrant les questions nécessaires à l'identification de l'entreprise

comportement :

• La modale s'affiche au clic sur "Vous êtes" dans le header ou sur les CTA présents sur la fiche dispositif #1171 et fiche projet #1169
• Les données (siret - effectif) sont enregistrées et prises en compte uniquement lorsque l'utilsiateur clique sur "enregistrer et fermer". Au clic sur "enregistrer et fermer" la modale se ferme et le header se met à jour avec le nom de l'entreprise (cf ticket #1173)
• L'utilisateur peut refermer la fenêtre en cliquant sur "vous êtes" ou sur la croix (les données ne sont pas enregistrées si l'utilisateur n'a pas cliqué sur "enregistrer et fermer)
• Sur desktop la modale s'ouvre en dessous du header, sur mobile elle s'ouvre au dessus du header. (comportement similaire à celle du site de la maison de l'emploi au clic sur "vous êtes")

---

étape choix du SIRET :

• [x] remplacement du composant actuel pour un menu déroulant avec les résultats de recherche dans la liste des choix, cf maquette Les choix affichés ne présentent que le nome de l'entreprise, le siret et le secteur d'activité.
• [x] Au clic sur un résultat, la deuxième étape s'affiche avec les données du SIRET affichés sous forme de tags
• [x] Une fois le résultat selectionné, la mention "je complète mes informations manuellement" peut disparaitre.

étape affichage et ajustement des informations :

• [ ] Votre SIRET : [nom de lentreprise + n° SIRET] s'affiche sous forme de tag. Au clic sur la croix, on retourne à l'étape de "choix du SIRET"
• [ ] Localisation : [code postal + commune] s'affiche sous forme de tag.
• Pour la V1, ce tag n'est pas modifiable
• Pour une V2, ce tag sera modifiable sous forme de barre de recherche avec autocomplétion cf réf infogreffe => https://github.com/betagouv/mission-transition-ecologique/issues/1202#issue-2578259909
• [ ] Activité : [secteur d'activité + code naf] s'affiche sous forme de tag.
• Pour la V1, ce tag n'est pas modifiable
• Pour une V2, ce tag sera modifiable sous forme de barre de recherche avec autocomplétion cf réf infogreffe => https://github.com/betagouv/mission-transition-ecologique/issues/1203#issue-2578259909
• [ ] Effectif : Le choix du nb d'employés s'effectue également sous forme de menu déroulant.

maquette

• [ ] Les 3 champs localisation, activités et effectifs sont obligatoires. Pour la V1, prévoir uniquement un message d'erreur pour ce champ effectif.

• une fois "identifié", lorsque l'utilisateur clique sur le nom de son entreprise dans le header, il visualise la vue avec le SIRET complété et l'effectif sélectionné. Il peut revenir sur ses choix s'il le souhaite en modifiant et cliquant à nouveau sur "enregistrer et fermer" (ou sur la croix )

Parcours "je complète les informations manuellement"

• [ ] Choix de l'activité, de la région puis de l'effectif en 3 étapes via 3 menus déroulants
• [ ] la mention "je complète les informations manuellement" se transforme en "je complète les informations avec mon SIRET" pour permettre à l'utilisateur de changer d'avis.

---

illustration desktop : à venir

illustration mobile : à venir

• [ ] Version mobile. à venir

### Tasks
- [ ] https://github.com/betagouv/mission-transition-ecologique/issues/1172
- [ ] https://github.com/betagouv/mission-transition-ecologique/issues/1202
- [ ] https://github.com/betagouv/mission-transition-ecologique/issues/1203
- [ ] https://github.com/betagouv/mission-transition-ecologique/issues/1204

[ColineLebaratoux]

Hello @oumeimaelisbihani, Suite à une discussion avec @jbledevehat et @ttdm, on va opter pour une autre UI pour la modale. cf ticket design

il faut qu'on en discute et que je mette à jour le ticket

[oumeimaelisbihani]

ok ! je me mets sur l'autre ticket!

[ColineLebaratoux]

@oumeimaelisbihani j'ai bien avancé sur le ticket. Il me manque les illus et les déclis mobiles. En attendant, n'hésite pas à jeter un oeil et me dire si tu as des questions