DDE — 01. Tronc commun¶

Après la phase 1 (sélection « Dégâts des eaux » + « Le sinistre provient de chez moi… »), le parcours dégât des eaux démarre par une série de questions communes. Ce document couvre la séquence avant la divergence selon l'origine du sinistre (chantier, phénomène naturel, etc.).

Implémentation mobile — mise à jour 2026-05-22

L'écran « Type de bien sinistré » regroupe, sur un seul écran scrollable à affichage progressif : type de bien → adresse → qualité (Propriétaire / Locataire) → sous-parcours statut occupant inline (la situation et le type de location apparaissent sous le toggle, ne sont pas un parcours séparé).

Logique inline retenue (sous-parcours occupant) :

Propriétaire → situation (overlay « Dans lequel de ces situations êtes-vous ? », 3 cas) :
- Résidence principale / Résidence secondaire, non placée en location → fin (rien d'autre) ;
- Résidence locative → type de location :
  - Courte durée : durée du séjour (plage) + type de résidence (Appartement / Immeuble de rapport) + plateforme (Oui/Non → Laquelle ? Airbnb/Booking/Autre + encart d'information orange) + bien occupé par un locataire ? (Oui/Non) ;
  - Longue durée : date de location (plage) + type de résidence.
Locataire → type de location directement (pas de situation) :
- Courte durée : durée du séjour + type de résidence + plateforme (sans encart orange) ;
- Longue durée : date de location + type de résidence.

Divergences avec 01a-proprio.md / 01b-locataire.md (ces docs décrivent le flow complet/ancien) : les coordonnées, la résiliation du bail et la durée de vacance ne sont pas dans le sous-parcours inline mais dans l'étape « Contact » dédiée ci-dessous.

Étape « Contact » (implémentée — entre l'écran context et Blessures), aiguillée selon la qualité + le statut occupant :

Propriétaire → « Mes coordonnées » ; puis si résidence locative : occupant présent → coordonnées du locataire + résiliation du bail ; logement vacant → durée de vacance ; longue durée (occupant non demandé inline) → résiliation (supposé occupé). Résidence principale/secondaire → coordonnées seules.
Locataire → « Mes coordonnées » + coordonnées du propriétaire (certif RGPD + encart bleu de notification) + coordonnées de l'agence/gestionnaire (idem) + résiliation du bail.
Coordonnées : Nom / Prénom / Téléphone (sélecteur d'indicatif +33) / Email. Résiliation : Oui/Non + encart orange systématique ; Oui → situation (préavis en cours / départ déjà effectué / départ lié au sinistre) ; départ effectué → date puis raison (facultatives). Vacance : plage de dates.

Décisions UI : état sélectionné = bleu de marque #066BFF (pills/tuiles/radio/cards) ; alertes « warning » = design glow orange ; encart d'information bleu (glow marine + icône info) pour les notifications d'action automatique ; le bouton « Enregistrer » du header persiste l'écran courant avant retour dashboard. Données hydratées à la reprise d'un brouillon (GET /claims/{id}).

Ordre confirmé des étapes : écran context (avec occupant) → Contact → Blessures → Pièces sinistrées. (Le sort de l'écran « Date de constatation » reste à statuer.)

Source de vérité¶

Mind map = source de la logique et des questions exhaustives.
Maquette = source de l'UI et du wording final. Sur cette phase, la maquette regroupe plusieurs questions du mind map sur un seul écran scrollable avec affichage progressif (les champs s'affichent à mesure que l'utilisateur répond), au lieu d'un assistant pas-à-pas.

Vue d'ensemble¶

flowchart LR
    E[Entrée parcours] --> A[Type de bien]
    A --> B[Adresse]
    B --> C[Qui effectue la déclaration ?]
    C -->|Propriétaire| P[01a-proprio.md]
    C -->|Locataire| L[01b-locataire.md]
    P --> D[Blessures]
    L --> D
    D --> F[Date de constatation]
    F --> G[Lieu du sinistre]
    G --> H((Routage origine))

Pill d'entrée¶

MM:19:2684 — pill noire d'entrée du parcours.

Libellé : « Le sinistre provient de chez moi et/ou d'un phénomène naturel et m'impacte directement »

Reprise du wording de l'option 1 de l'écran 3 phase 1 (MM:15:3407). Sert de rappel et de fil d'Ariane.

Layout maquette du tronc¶

L'utilisateur voit un seul écran intitulé « De quel type de bien s'agit-il ? » (étape 1/4 - Comprendre le sinistre) qui contient les questions Q1 à Q3 et qui se poursuit dynamiquement selon les réponses.

Alignement maquette 2026-05-19 : le titre de l'écran réutilise la question Q1 (« De quel type de bien s'agit-il ? ») au lieu d'une formulation plus dense (« Type de bien sinistré ») — la maquette Figma est désormais la source de vérité pour les textes utilisateur.

État initial vide	Après sélection Locataire (toggle)

L'écran est étiqueté « Étape 1/4 - Comprendre le sinistre » dans l'en-tête (tiret simple, pas em dash — convention typo retenue 2026-05-19). Le parcours global compte 4 étapes — détail à valider côté client.

Q1 — Type de bien sinistré¶

Mind map¶

Pill fil d'Ariane : MM:29:267 Panneau écran : MM:29:303

Q1 mind map

Question : « De quel type de bien s'agit-il ? » MM:29:277
Champ : pill « Type de bien » MM:19:6382
Options MM:19:6383 : Maison / Appartement / Local commercial / Bureau / Autre

Maquette¶

Sur l'écran tronc, le champ s'ouvre dans un modal plein écran (panneau bas).

Frame modal : MK:12007:17796

Modal type de bien

5 options, sélection unique, bouton « Suivant » en bas du modal.

Note — ne pas confondre avec le « Type de bien » de la phase 1 (Habitation / Auto). Cette question est plus fine et n'apparaît qu'après le choix Habitation en amont.

Q2 — Adresse du logement sinistré¶

Mind map¶

Pill fil d'Ariane : MM:19:6341 Panneau écran : MM:19:6348

Q2 mind map

Question : « Où se situe le logement sinistré ? » MM:19:6351
Mention : « Cette déclaration ne concerne que les biens situés en France métropolitaine ou en Corse. » MM:19:6352
Champ : saisie « Adresse » MM:19:6396

Maquette¶

Sur le même écran tronc, sous Q1, on a 3 champs : Adresse, Code postal, Ville. La mention apparaît en sous-titre de l'en-tête de l'étape.

Spécifications complémentaires¶

Validation côté front : restreindre les suggestions et valider que l'adresse saisie est en France métropolitaine ou en Corse (DOM-TOM exclus).
Remplissage automatique MM:59:4195 : si l'utilisateur déclare un nouveau sinistre sur un bien déjà enregistré (ou dont le contrat d'assurance est déjà intégré dans l'application), les champs adresse doivent être pré-remplis.

Q3 — Qualité du déclarant¶

Mind map¶

Pill fil d'Ariane : MM:90:3283 Panneau écran : MM:19:6476

Q3 mind map

Question : « Quelle est la qualité de la personne effectuant la déclaration ? » MM:90:3323
Options :
Je suis propriétaire MM:90:3324
Je suis locataire MM:90:3325

Maquette¶

Sur le même écran tronc, juste sous l'adresse : un toggle Propriétaire / Locataire qui déclenche la suite des questions selon le choix.

Routage - Propriétaire → 01a-proprio.md (sous-parcours dédié, 3 sous-cas selon la situation du bien) - Locataire → 01b-locataire.md (sous-parcours dédié, ajoute coordonnées propriétaire / agence + résiliation du bail)

Les deux sous-parcours convergent ensuite sur Q4 (blessures).

Q4 — Déclaration de blessures éventuelles¶

Pill fil d'Ariane : MM:48:3464 Panneau écran : MM:48:3465

Contenu¶

Question : « Le sinistre a-t-il causé des blessures à vous ou à un tiers ? »
Réponses :

Réponse	Ref	Suite
Oui	`MM:48:3466`	Sous-formulaire détaillé
Non	`MM:48:3467`	Continue le tronc
Je ne sais pas	`MM:48:3468`	Continue le tronc

Sous-formulaire (réponse « Oui »)¶

Type de blessures MM:48:3469
Gravité des blessures MM:48:3470
Qui est blessé ? MM:48:3472
Moi MM:48:3473
Un tiers MM:48:3474
Coordonnées du tiers blessé (facultatif) MM:48:3471

Maquette¶

Écran « Déclaration de blessures éventuelles » avec affichage progressif :

Init (Oui / Non / Sais pas)	Oui — sous-formulaire	« Un tiers » → coordonnées tiers

Sous-formulaire (Oui) — champs visibles :

Quel est le type de blessure (les options affichées sont des valeurs provisoires « 1 / 2 / 2 / Autre » — à finaliser avec le client)
Quelle est la gravité de vos blessures ? : Blessures légères / Soins médicaux nécessaires / Hospitalisation / Autre (boutons radio)
Qui est blessé ? : Moi / Un tiers (toggle)
Si « Un tiers » → Renseigner les coordonnées du tiers blessé (facultatif) → bouton « Remplir le formulaire » qui ouvre un sous-écran de saisie

Refs maquette : - État initial : MK:12065:27038 - Oui sélectionné (Moi) : MK:12065:27145 - Oui + Un tiers : MK:12065:28326 - Variante avec coordonnées étendues : MK:12065:28522

Q5 — Date de constat du sinistre¶

Pill fil d'Ariane : MM:29:542

Titre écran : « Date de constat du sinistre » (aligné maquette Figma 2026-05-19)
Sous-titre / question : « Quand avez-vous constaté les dommages ? »
Pill date picker : placeholder « Choisir la date »
Champ : date de constatation MM:29:549
Validation : la date ne peut pas être dans le futur (max = jour courant). Étape facultative — l'utilisateur peut passer Suivant sans saisir.

Composant : AppDatePicker single, modal full-screen overlay (rootNavigator). Voir aussi MK:12104:14609 pour le visuel de référence du calendrier.

Q6 — À quel endroit se situe le sinistre ?¶

Pill fil d'Ariane : MM:26:6940 Panneau écran : MM:27:6983

Q6 mind map

Contenu¶

Titre : « Précisez où se situe le sinistre dans le logement » MM:27:6984
Question principale : « Dans quelle(s) pièce(s) avez-vous constaté des dommages ? » MM:27:6985
Champ : « Sélectionner les pièces concernées » MM:27:6986 (sélection multiple)

Sous-questions associées (par pièce concernée)¶

Mur / sol / plafond / électroménager MM:27:7127 — qualifier les zones touchées
Précision des zones touchées MM:27:7053
Longueur / largeur de la pièce en mètres MM:27:7075
Longueur / largeur de la zone sinistrée en mètres MM:27:7089

Pièces jointes¶

Téléversement de fichier MM:27:6999
Photos / Vidéos du sinistre MM:27:7000
et / ou LIDAR MM:27:7046 — capture LIDAR (iOS) supportée comme alternative aux photos / vidéos pour relever les dimensions

Maquette¶

Le flow se décompose en plusieurs écrans (modaux) successifs.

Écran principal — liste des pièces¶

L'utilisateur ajoute les pièces sinistrées une par une via un bouton « + Ajouter une pièce ».

Écran principal

Ref maquette : MK:12065:30979

Modale « Sélectionnez une pièce »¶

Liste de pièces prédéfinies : Salon / Chambre / Cuisine / Salle de bain / Buanderie / Salle de jeu / Garage / Cave / Grenier / Extérieur (terrasse, balcon, jardin…).

Modale sélection pièce

Ref maquette : MK:12065:30989

Modale détaillée par pièce¶

Une fois la pièce sélectionnée, l'utilisateur précise les dommages dans cette pièce. Plusieurs étapes s'enchaînent :

Photos / vidéos / LIDAR : sous-titre « Plus nous avons d'éléments, plus l'évaluation des dommages sera précise. » — boutons « Ajouter des photos, vidéos et documents » et « LIDAR »
Photos téléversées : grille de miniatures avec ⊗ pour supprimer
Quelles sont les parties touchées ? : sélection multiple Mur / Plafond / Sol / Appareil électrique / Autre
Pour chaque partie touchée : carte « Dommage n°X » avec :
Zone : Intérieur / Extérieur (toggle)
Décrivez précisément les dommages constatés (zone de texte)
Quelle est la surface du mur ? : Longueur du mur / Largeur du mur (en mètres)
Quelle est la surface du mur impactée ? (zone touchée par le dommage) : Longueur de la zone impactée / Largeur de la zone impactée (en mètres)
Lien « + Ajouter un autre dommage au mur » → ajoute une nouvelle carte Dommage n°X+1 pour la même partie touchée

Photos / LIDAR	Photos téléversées + parties touchées	Carte « Dommage n°1 »	Plusieurs cartes « Dommage »

Refs maquette : - Photos / LIDAR : MK:12065:31031 - Photos téléversées + parties touchées : MK:12065:31008 - Carte Dommage n°1 : MK:12065:31046 - Plusieurs Dommages : MK:12065:31068

Spécifications complémentaires¶

Modèle de données : Pièce → 1..n Parties touchées → 1..n Dommages → métadonnées (zone, description, surface mur, surface impactée, photos, scan LIDAR).
LIDAR : disponible uniquement sur iOS (iPhone Pro / iPad Pro). Sur Android : option masquée ou bouton « LIDAR non disponible » désactivé. À valider avec l'équipe design.
Validation : photos ou LIDAR obligatoire avant de pouvoir continuer — à valider côté client.

Refs Figma — récap¶

Mind map¶

Ref	Élément
`MM:19:2684`	Pill d'entrée du parcours
`MM:29:267`	Q1 — Pill fil d'Ariane « Type de bien sinistré »
`MM:29:303`	Q1 — Panneau
`MM:29:277`	Q1 — Question
`MM:19:6382`	Q1 — Champ « Type de bien »
`MM:19:6383`	Q1 — Options
`MM:19:6341`	Q2 — Pill fil d'Ariane « Adresse du logement sinistré »
`MM:19:6348`	Q2 — Panneau
`MM:19:6351`	Q2 — Question
`MM:19:6352`	Q2 — Mention France métropolitaine / Corse
`MM:19:6396`	Q2 — Champ adresse
`MM:59:4195`	Q2 — Remplissage automatique
`MM:90:3283`	Q3 — Pill fil d'Ariane « Qui effectue la déclaration ? »
`MM:19:6476`	Q3 — Panneau
`MM:90:3323`	Q3 — Question
`MM:90:3324`	Q3 — Option « Je suis propriétaire »
`MM:90:3325`	Q3 — Option « Je suis locataire »
`MM:48:3464`	Q4 — Pill fil d'Ariane
`MM:48:3465`	Q4 — Question détaillée
`MM:48:3466`	Q4 — Réponse « Oui »
`MM:48:3467`	Q4 — Réponse « Non »
`MM:48:3468`	Q4 — Réponse « Je ne sais pas »
`MM:48:3469`	Q4 — Type de blessures
`MM:48:3470`	Q4 — Gravité des blessures
`MM:48:3471`	Q4 — Coordonnées du tiers blessé
`MM:48:3472`	Q4 — Qui est blessé ?
`MM:48:3473`	Q4 — Moi
`MM:48:3474`	Q4 — Un tiers
`MM:29:542`	Q5 — Pill fil d'Ariane
`MM:29:549`	Q5 — Champ date
`MM:26:6940`	Q6 — Pill fil d'Ariane
`MM:27:6983`	Q6 — Panneau
`MM:27:6984`	Q6 — Titre « Précisez où se situe… »
`MM:27:6985`	Q6 — Question pièces
`MM:27:6986`	Q6 — Champ « Sélectionner les pièces concernées »
`MM:27:6999`	Q6 — Téléversement de fichier
`MM:27:7000`	Q6 — Photos / Vidéos
`MM:27:7046`	Q6 — LIDAR
`MM:27:7053`	Q6 — Précision des zones touchées
`MM:27:7075`	Q6 — Longueur / largeur pièce
`MM:27:7089`	Q6 — Longueur / largeur zone sinistrée
`MM:27:7127`	Q6 — Mur / sol / plafond / électroménager

Maquette¶

Ref	Élément
`MK:12007:17696`	Frame écran tronc — état de base
`MK:12007:17863`	Frame écran tronc — toggle non sélectionné
`MK:12007:17796`	Modal Q1 — Type de bien
`MK:12104:14609`	Modal date — sélection simple
`MK:12106:15141`	Modal date — sélection de plage
`MK:12065:27038`	Q4 — Blessures (état initial)
`MK:12065:27145`	Q4 — Blessures Oui / Moi
`MK:12065:28163`	Q4 — Blessures Oui (variante)
`MK:12065:28326`	Q4 — Blessures Un tiers
`MK:12065:28522`	Q4 — Blessures Un tiers (coordonnées étendues)
`MK:12065:30979`	Q6 — Lieu (écran principal liste pièces)
`MK:12065:30989`	Q6 — Modale sélection pièce
`MK:12065:31031`	Q6 — Modale pièce : photos / LIDAR
`MK:12065:31008`	Q6 — Photos téléversées + parties touchées
`MK:12065:31046`	Q6 — Carte « Dommage n°1 »
`MK:12065:31068`	Q6 — Plusieurs cartes Dommage