packages/common/src/static/titresTypes_demarchesTypes_etapesTypes/documents.ts

@@ -136,7 +136,7 @@ const EtapesTypesDocumentsTypes = {
     { documentTypeId: DOCUMENTS_TYPES_IDS.rapportDeRecevabilite, optionnel: true },
     { documentTypeId: DOCUMENTS_TYPES_IDS.rapportDeLaDirectionRegionaleChargeeDesMines, optionnel: true },
   ],
-  [ETAPES_TYPES.depotDeLaDemande]: [{ documentTypeId: DOCUMENTS_TYPES_IDS.accuseDeReceptionDUneDemande, optionnel: true }],
+  [ETAPES_TYPES.enregistrementDeLaDemande]: [{ documentTypeId: DOCUMENTS_TYPES_IDS.accuseDeReceptionDUneDemande, optionnel: true }],
   [ETAPES_TYPES.demande]: [
     { documentTypeId: DOCUMENTS_TYPES_IDS.contratDAmodiation, optionnel: true },
     { documentTypeId: DOCUMENTS_TYPES_IDS.documentsCartographiques, optionnel: true },

packages/common/src/static/titresTypes_demarchesTypes_etapesTypes/index.test.ts

@@ -8,7 +8,6 @@ test('getEtapesTDE', () => {
       "rcd",
       "rcb",
       "mfr",
-      "mdp",
       "mcd",
       "mcb",
       "dae",

packages/ui/src/components/_common/new-sections-edit.tsx

@@ -93,6 +93,10 @@ export const getInfo = (element: DeepReadonly<ElementWithValue>, sectionId: stri
       const dateFin = dateAddDays(etapeDate, element.value - 1)
       return `Du ${dateFormat(etapeDate)} au ${dateFormat(dateFin)} (inclus)`
     }
+    if (element.id === 'delaifixe' && isNumberElement(element) && isNotNullNorUndefined(etapeDate)) {
+      const dateFin = dateAddDays(etapeDate, element.value - 1)
+      return `Du ${dateFormat(etapeDate)} au ${dateFormat(dateFin)} (inclus)`
+    }
   }
 
   return ''

packages/ui/src/components/administration.stories_snapshots_Default.html

@@ -49,7 +49,7 @@ CS 76003
   <h2>Emails</h2>
   <div>
     <h3>Emails à notifier lors du dépôt d’un type d’activité</h3>
-    <div class="tablet-blob-3-4">
+    <div>
       <div class="h6">
         <p>Lors d’un dépôt d’une activité d’un type en particulier
           <!---->, quels sont les emails à notifier ?
@@ -425,16 +425,6 @@ CS 76003
                   <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
                   <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
                 </tr>
-                <tr>
-                  <td class="">
-                    <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
-                  </td>
-                  <td class=""><span class="">Permis exclusif de recherches</span></td>
-                  <td class=""><span class="">Dépôt de la demande</span></td>
-                  <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
-                  <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
-                  <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
-                </tr>
                 <tr>
                   <td class="">
                     <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
@@ -635,16 +625,6 @@ CS 76003
                   <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
                   <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
                 </tr>
-                <tr>
-                  <td class="">
-                    <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
-                  </td>
-                  <td class=""><span class="">Concession</span></td>
-                  <td class=""><span class="">Dépôt de la demande</span></td>
-                  <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
-                  <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
-                  <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
-                </tr>
                 <tr>
                   <td class="">
                     <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>

packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationSurAdministrationVisible.html

 <div>
   <h3>Emails à notifier lors du dépôt d’un type d’activité</h3>
-  <div class="tablet-blob-3-4">
+  <div>
     <div class="h6">
       <p>Lors d’un dépôt d’une activité d’un type en particulier
         <!---->, quels sont les emails à notifier ?

packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureAndModificationVisible.html

 <div>
   <h3>Emails à notifier lors du dépôt d’un type d’activité</h3>
-  <div class="tablet-blob-3-4">
+  <div>
     <div class="h6">
       <p>Lors d’un dépôt d’une activité d’un type en particulier<span><strong> si la production annuelle est non nulle</strong></span>, quels sont les emails à notifier ?</p>
     </div>

packages/ui/src/components/administration/activites-types-emails.stories_snapshots_EmailLectureVisible.html

 <div>
   <h3>Emails à notifier lors du dépôt d’un type d’activité</h3>
-  <div class="tablet-blob-3-4">
+  <div>
     <div class="h6">
       <p>Lors d’un dépôt d’une activité d’un type en particulier<span><strong> si la production annuelle est non nulle</strong></span>, quels sont les emails à notifier ?</p>
     </div>

packages/ui/src/components/administration/activites-types-emails.tsx

@@ -77,7 +77,7 @@ export const ActivitesTypesEmails = defineComponent<Props>(props => {
     <div>
       <h3>Emails à notifier lors du dépôt d’un type d’activité</h3>
 
-      <div class="tablet-blob-3-4">
+      <div>
         <div class="h6">
           <p>
             Lors d’un dépôt d’une activité d’un type en particulier

packages/ui/src/components/administration/permissions.stories_snapshots_Default.html

@@ -568,16 +568,6 @@
               <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
               <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
             </tr>
-            <tr>
-              <td class="">
-                <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>
-              </td>
-              <td class=""><span class="">Autorisation d'exploitation</span></td>
-              <td class=""><span class="">Dépôt de la demande</span></td>
-              <td class=""><span class="fr-icon-close-line fr-icon--md" role="img" aria-label="Le type d’étape est visible"></span></td>
-              <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Le type d’étape n’est pas modifiable"></span></td>
-              <td class=""><span class="fr-icon-check-line fr-icon--md" role="img" aria-label="Ne peut créer d’étape de ce type"></span></td>
-            </tr>
             <tr>
               <td class="">
                 <p class="fr-tag fr-tag--md mono" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; color: black;">M</p>

packages/ui/src/components/dashboard/dgtm-stats-full.stories_snapshots_Loading.html

-<div class="width-full-p">
+<div class="fr-py-3w">
   <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
     <div class="_top-level_3306d0 undefined" style="display: flex; justify-content: center;">
       <!---->

packages/ui/src/components/dashboard/dgtm-stats-full.stories_snapshots_WithError.html

-<div class="width-full-p">
+<div class="fr-py-3w">
   <div style="display: grid; grid-template-columns: 1fr 1fr 1fr;">
     <div class=" undefined" style="display: flex; justify-content: center;">
       <div class="fr-alert fr-alert--error fr-alert--sm">

packages/ui/src/components/dashboard/dgtm-stats-full.tsx

@@ -40,7 +40,7 @@ export const DGTMStatsFull = defineComponent<Props>(props => {
   })
 
   return () => (
-    <div class="width-full-p">
+    <div class="fr-py-3w">
       <div style="display: grid; grid-template-columns: 1fr 1fr 1fr">
         {charts.map(chart => (
           <ChartWithExport data={data.value} getConfiguration={data => chart(data)} />

packages/ui/src/components/dashboard/pure-administration-dashboard.stories_snapshots_Ok.html

@@ -34,7 +34,7 @@
             </td>
             <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">Titulaire 3</li></ul></span></td>
             <td class=""><span class="">recevabilité de la demande (2022-01-01)</span></td>
-            <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">dépôt de la demande</li></ul></span></td>
+            <td class=""><span class="mb--xs"><ul><li class="fr-text--xs">enregistrement de la demande</li></ul></span></td>
           </tr>
         </tbody>
       </table>

packages/ui/src/components/dashboard/testData.ts

@@ -51,7 +51,7 @@ export const titresDreal: CommonTitreAdministration[] = [
     ],
     titulaireIds: [entrepriseIdValidator.parse('Titulaire3')],
     enAttenteDeAdministration: true,
-    prochainesEtapes: [ETAPES_TYPES.depotDeLaDemande],
+    prochainesEtapes: [ETAPES_TYPES.enregistrementDeLaDemande],
     derniereEtape: { date: toCaminoDate('2022-01-01'), etapeTypeId: 'mcr' },
   },
   {

packages/ui/src/components/demarche/demarche-etape.stories.tsx

@@ -773,8 +773,8 @@ export const Depot: StoryFn = () => (
       id: etapeIdValidator.parse('etapeId'),
       slug: etapeSlugValidator.parse('etape-slug'),
       note: { valeur: '', is_avertissement: false },
-      etape_type_id: EtapesTypesEtapesStatuts.depotDeLaDemande.FAIT.etapeTypeId,
-      etape_statut_id: EtapesTypesEtapesStatuts.depotDeLaDemande.FAIT.etapeStatutId,
+      etape_type_id: EtapesTypesEtapesStatuts.enregistrementDeLaDemande.FAIT.etapeTypeId,
+      etape_statut_id: EtapesTypesEtapesStatuts.enregistrementDeLaDemande.FAIT.etapeStatutId,
       is_brouillon: ETAPE_IS_NOT_BROUILLON,
       date,
       sections_with_values: [],
@@ -1183,3 +1183,27 @@ export const EtapeAvecNoteAvertissement: StoryFn = () => (
     entreprises={entreprises}
   />
 )
+
+export const DemandeDeComplement: StoryFn = () => (
+  <DemarcheEtape
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    demarche={{ demarche_type_id: 'oct', titulaireIds: [entrepriseIdValidator.parse('titulaire1')], administrationsLocales: [], sdom_zones: [], etapes: [], communes: [] }}
+    router={routerPushMock}
+    user={{ ...testBlankUser, role: 'super' }}
+    etape={{
+      id: etapeIdValidator.parse('etapeId'),
+      slug: etapeSlugValidator.parse('etape-slug'),
+      note: { valeur: '', is_avertissement: false },
+      etape_type_id: EtapesTypesEtapesStatuts.demandeDeComplements.FAIT.etapeTypeId,
+      etape_statut_id: EtapesTypesEtapesStatuts.demandeDeComplements.FAIT.etapeStatutId,
+      is_brouillon: ETAPE_IS_NOT_BROUILLON,
+      date,
+      sections_with_values: [{ id: 'mcox', elements: [{ id: 'delaifixe', nom: 'Délai fixé (jour)', type: 'number', optionnel: true, value: 12 }] }],
+      etape_documents: [],
+      entreprises_documents: [],
+      avis_documents: [],
+    }}
+    apiClient={apiClient}
+    entreprises={entreprises}
+  />
+)

packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeComplement.html

+<div class="fr-pb-2w fr-pl-2w fr-pr-2w fr-tile--shadow">
+  <div class="_sticky_964a6e fr-pt-1w">
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div style="display: flex;">
+        <div class="fr-text--lg fr-mb-0" style="font-weight: 500;">Demande de compléments</div>
+        <!---->
+      </div>
+      <div style="display: flex;">
+        <!----><a href="/mocked-href" title="Modifier l’étape" class="fr-mr-1v fr-btn fr-btn--secondary fr-icon-pencil-line" aria-label="Modifier l’étape">Modifier l’étape</a><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line fr-mr-1v" title="Supprimer l’étape" aria-label="Supprimer l’étape" type="button">
+          <!---->
+        </button>
+        <!---->
+      </div>
+    </div>
+    <!---->
+    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" aria-hidden="true"></span> 24-10-2023</div>
+  </div>
+  <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%;"></div>
+  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
+    <!---->
+    <div>
+      <div class="fr-text--sm fr-mb-0">Délai fixé (jour)</div>
+      <div class="fr-text--md fr-mb-0" style="font-weight: 500;">
+        <p>12
+          <!----><span class="fr-info-text fr-mt-0">Du 24-10-2023 au 04-11-2023 (inclus)</span>
+        </p>
+      </div>
+    </div>
+    <!---->
+  </div>
+  <!---->
+  <!---->
+  <!---->
+  <!---->
+  <!---->
+</div>
\ No newline at end of file

packages/ui/src/components/demarche/demarche-etape.stories_snapshots_Depot.html

@@ -2,7 +2,7 @@
   <div class="_sticky_964a6e fr-pt-1w">
     <div style="display: flex; justify-content: space-between; align-items: center;">
       <div style="display: flex;">
-        <div class="fr-text--lg fr-mb-0" style="font-weight: 500;">Dépôt de la demande</div>
+        <div class="fr-text--lg fr-mb-0" style="font-weight: 500;">Enregistrement de la demande</div>
         <!---->
       </div>
       <div style="display: flex;">
@@ -10,7 +10,7 @@
           <!---->
         </button>
         <div style="display: flex;">
-          <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-file-download-line" title="Télécharger l’ensemble des documents de l'étape &quot;dépôt de la demande&quot; dans un fichier .zip" aria-label="Télécharger l’ensemble des documents de l'étape &quot;dépôt de la demande&quot; dans un fichier .zip" type="button">
+          <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-file-download-line" title="Télécharger l’ensemble des documents de l'étape &quot;enregistrement de la demande&quot; dans un fichier .zip" aria-label="Télécharger l’ensemble des documents de l'étape &quot;enregistrement de la demande&quot; dans un fichier .zip" type="button">
             <!---->
           </button>
         </div>

packages/ui/src/components/demarches/filtres-etapes.stories.tsx

@@ -20,7 +20,7 @@ export const Multiple: StoryFn = () => (
     filter="etapesExclues"
     initialValues={[
       { typeId: 'mfr', statutId: 'fai', dateDebut: toCaminoDate('2022-01-01'), dateFin: toCaminoDate('2022-03-03') },
-      { typeId: 'mdp', statutId: 'fai', dateDebut: toCaminoDate('2024-01-01'), dateFin: toCaminoDate('2025-03-03') },
+      { typeId: 'men', statutId: 'fai', dateDebut: toCaminoDate('2024-01-01'), dateFin: toCaminoDate('2025-03-03') },
     ]}
     valuesSelected={action('valuesSelected')}
   />

packages/ui/src/components/demarches/filtres-etapes.stories_snapshots_Multiple.html

@@ -30,7 +30,7 @@
   <div class="fr-p-2w fr-tile--shadow" style="display: flex; flex-direction: column; font-weight: normal; gap: 1rem;">
     <div class="flex" style="align-items: center;">
       <div id="select-etape-type-1_wrapper" class="_typeahead_8eddf1">
-        <div class="flex"><input id="select-etape-type-1" type="text" name="select-etape-type-1" class="fr-input" placeholder="Type d'étape" autocomplete="off" value="Dépôt de la demande"></div>
+        <div class="flex"><input id="select-etape-type-1" type="text" name="select-etape-type-1" class="fr-input" placeholder="Type d'étape" autocomplete="off" value="Enregistrement de la demande"></div>
         <!---->
       </div><button class="fr-btn fr-btn--tertiary fr-btn--md fr-icon-delete-bin-line fr-ml-1w" title="Supprime la valeur" aria-label="Supprime la valeur" type="button">
         <!---->