Rectifie embarquement_valide_to_demandeur_tech_not_metier et embarque…

…ment_valide_to_editeur
etalab · Oct 27, 2023 · edbfcf3 · edbfcf3
1 parent 1607001
commit edbfcf3
Show file tree

Hide file tree

Showing 9 changed files with 73 additions and 81 deletions.
diff --git a/app/views/api_entreprise/authorization_request_mailer/_block_mise_en_production.html.mjml b/app/views/api_entreprise/authorization_request_mailer/_block_mise_en_production.html.mjml
@@ -1,14 +1,14 @@
-<mj-section mj-class="section-block">
+<mj-section mj-class="section-block-gris">
   <mj-column>
-    <mj-text mj-class="block-beige">
+    <mj-text >
       <h2>
-        Pour mettre en production API Entreprise&nbsp;:
+        2. Pour mettre en production API Entreprise&nbsp;:
       </h2>
       <p>
           Utilisez notre kit de mise en production. Nous vous y listons les étapes pour intégrer l'API Entreprise&nbsp;:
       </p>
     </mj-text>
-    <mj-button mj-class="block-beige" href="<%= developers_url %>#kit-de-mise-en-production">
+    <mj-button href="<%= developers_url %>#kit-de-mise-en-production">
       Kit de mise en production 🚀
     </mj-button>
   </mj-column>

diff --git a/app/views/api_entreprise/authorization_request_mailer/_list_scopes.html.mjml b/app/views/api_entreprise/authorization_request_mailer/_list_scopes.html.mjml
@@ -1,6 +1,6 @@
 <mj-text mj-class="section-block">
   <h2>
-    🔐 Avec cette habilitation, <b>vous avez désormais accès aux données suivantes&nbsp;:</b>
+    🔐 Avec cette habilitation, <b>vous avez désormais accès aux API suivantes&nbsp;:</b>
   </h2>
   <ul>
     <% @all_scopes.each do |scope_key, scope_label| %>

diff --git a/...treprise/authorization_request_mailer/embarquement_valide_to_demandeur_not_tech.html.mjml b/...treprise/authorization_request_mailer/embarquement_valide_to_demandeur_not_tech.html.mjml
@@ -1,4 +1,5 @@
-<%= render partial: "header" %> <%= render partial: "banner_demande_valide", locals: { entity: "demandeur" } %>
+<%= render partial: "header" %> 
+<%= render partial: "banner_demande_valide", locals: { entity: "demandeur" } %>
 <mj-section mj-class="section-main">
   <mj-column>
     <mj-text>
@@ -12,7 +13,7 @@
     </mj-text>
   </mj-column>
 </mj-section>
-<mj-section mj-class="section-block-gris">
+<mj-section mj-class="section-block-gris-clair">
   <mj-column>
     <mj-text>
       <h2>

diff --git a/...reprise/authorization_request_mailer/embarquement_valide_to_demandeur_seulement.html.mjml b/...reprise/authorization_request_mailer/embarquement_valide_to_demandeur_seulement.html.mjml
@@ -13,7 +13,7 @@
     </mj-text>
   </mj-column>
 </mj-section>
-<mj-section mj-class="section-block-gris">
+<mj-section mj-class="section-block-gris-clair">
   <mj-column>
     <mj-text>
       <h2>

diff --git a/...prise/authorization_request_mailer/embarquement_valide_to_demandeur_tech_metier.html.mjml b/...prise/authorization_request_mailer/embarquement_valide_to_demandeur_tech_metier.html.mjml
@@ -3,43 +3,43 @@
 <mj-section mj-class="section-main">
   <mj-column>
     <mj-text>
-      <p>
-        Votre
-        <b>demande d’habilitation n°<%= @authorization_request.external_id %> a bien été validée</b>
-        par notre service juridique !&nbsp;
-      </p>
+      <%= render partial: "greetings", locals: { entity: "demandeur" } %>
+      <mj-text>
+        <p>
+          Votre
+          <b>demande d’habilitation n°<%= @authorization_request.external_id %> a bien été validée</b>
+          par notre service juridique !&nbsp;
+        </p>
+      </mj-text>
     </mj-text>
   </mj-column>
 </mj-section>
-<mj-section mj-class="section-main">
+<mj-section mj-class="section-block-gris-clair">
   <mj-column>
     <mj-text>
-      <%= render partial: "greetings", locals: { entity: "demandeur" } %>
       <h2>
-        <b>Commencez dès maintenant à intégrer l'API Entreprise&nbsp;en récupérant votre jeton d'accès&nbsp;🔑&nbsp;:</b>
+        <b>1. Commencez dès maintenant à intégrer l'API Entreprise&nbsp;en récupérant votre jeton d'accès&nbsp;🔑&nbsp;:</b>
       </h2>
     </mj-text>
     <%= render partial: "button_login", locals: { entity: "demandeur" } %>
-  </mj-column>
-</mj-section>
-<mj-section mj-class="section-main">
-  <mj-column>
     <mj-text>
       <p>
-        <i>Vous avez besoin de transmettre le jeton dans le cadre de l'intégration ?&nbsp;</i>
-        <br />
-        Une fois connecté, utilisez le bouton prévu à cet effet "Transmettre le jeton à mon équipe technique". ⚠️
+        <b>Vous avez besoin de transmettre le jeton dans le cadre de l'intégration ?&nbsp;</b>
         <br />
-        Le jeton ne doit jamais être relayé autrement que par cette fonctionnalité.
+        Une fois connecté, utilisez le bouton prévu à cet effet "Transmettre le jeton à mon équipe technique".<br /><span class="warning-red">⚠️&nbsp;
+        Ce jeton ne doit jamais être relayé autrement que par cette fonctionnalité.</span>
       </p>
     </mj-text>
+  </mj-column>
+</mj-section>
+  <%= render partial: "block_mise_en_production" %>
+<mj-section>
+  <mj-column>
     <%= render partial: "list_scopes" %>
-    <%= render partial: "info_subscribe_incidents" %>
     <%= render partial:
     "embarquement_valide_welcome" %>
   </mj-column>
 </mj-section>
-<%= render partial: "block_mise_en_production" %>
-<%= render partial: "block_newsletter" %>
+<%= render partial: "block_subscribed_newsletter" %>
 <%= render partial: "block_questions" %>
 <%= render partial: "footer" %>
diff --git a/...e/authorization_request_mailer/embarquement_valide_to_demandeur_tech_not_metier.html.mjml b/...e/authorization_request_mailer/embarquement_valide_to_demandeur_tech_not_metier.html.mjml
@@ -3,44 +3,44 @@
 <mj-section mj-class="section-main">
   <mj-column>
     <mj-text>
+      <%= render partial: "greetings", locals: { entity: "demandeur" } %>
+      <mj-text>
       <p>
         Votre
         <b>demande d’habilitation n°<%= @authorization_request.external_id %> a bien été validée</b>
         par notre service juridique !
       </p>
+      </mj-text>
     </mj-text>
   </mj-column>
 </mj-section>
-<mj-section mj-class="section-main">
+<mj-section mj-class="section-block-gris-clair">
   <mj-column>
     <mj-text>
-      <%= render partial: "greetings", locals: { entity: "demandeur" } %>
-      <h3>
+      <h2>
         <b>
-          Commencez dès maintenant à intégrer l'API Entreprise&nbsp;en récupérant votre jeton d'accès&nbsp;🔑&nbsp;:
+          1. Commencez dès maintenant à intégrer l'API Entreprise&nbsp;en récupérant votre jeton d'accès&nbsp;🔑&nbsp;:
         </b>
-      </h3>
+      </h2>
     </mj-text>
     <%= render partial: "button_login", locals: { entity: "demandeur" } %>
-  </mj-column>
-</mj-section>
-<mj-section mj-class="section-main">
-  <mj-column>
     <mj-text>
       <p>
-        <i>Vous avez besoin de transmettre le jeton dans le cadre de l'intégration ?&nbsp;</i>
-        <br />
-        Une fois connecté, utilisez le bouton prévu à cet effet "Transmettre le jeton à mon équipe technique". ⚠️
+        <b>Vous avez besoin de transmettre le jeton dans le cadre de l'intégration ?&nbsp;</b>
         <br />
-        Le jeton ne doit jamais être relayé autrement que par cette fonctionnalité.
+        Une fois connecté, utilisez le bouton prévu à cet effet "Transmettre le jeton à mon équipe technique".<br /><span class="warning-red">⚠️&nbsp;
+        Ce jeton ne doit jamais être relayé autrement que par cette fonctionnalité.</span>
       </p>
     </mj-text>
+  </mj-column>
+</mj-section>
+  <%= render partial: "block_mise_en_production" %>
+<mj-section>
+  <mj-column>
     <%= render partial: "list_scopes" %>
-    <%= render partial: "info_subscribe_incidents" %>
     <%= render partial: "embarquement_valide_welcome" %>
   </mj-column>
 </mj-section>
-<%= render partial: "block_mise_en_production" %>
-<%= render partial: "block_newsletter" %>
+<%= render partial: "block_subscribed_newsletter" %>
 <%= render partial: "block_questions" %>
 <%= render partial: "footer" %>
diff --git a/...iews/api_entreprise/authorization_request_mailer/embarquement_valide_to_editeur.html.mjml b/...iews/api_entreprise/authorization_request_mailer/embarquement_valide_to_editeur.html.mjml
@@ -9,8 +9,8 @@
         <b>demande d’habilitation n°<%= @authorization_request.external_id %> a bien été validée</b>
         par notre service juridique !
       </p>
-      <p style="color: red">
-        Attention, vous êtes désormais connecté à l’API Entreprise en tant que prestataire d'une organisation publique
+      <p class="warning-red">
+        ⚠️ Attention, vous êtes désormais connecté à l’API Entreprise en tant que prestataire d'une organisation publique
         habilitée à utiliser les données.
         <b>Vous ne devez en aucun cas être destinataire des données issues de l’API Entreprise.</b>
         <br />
@@ -21,45 +21,34 @@
     </mj-text>
   </mj-column>
 </mj-section>
-<mj-section mj-class="section-main">
+<mj-section mj-class="section-block-gris-clair">
   <mj-column>
     <mj-text>
       <h2>
-        <b>Commencez maintenant à intégrer l'API Entreprise&nbsp;</b>
-        <br />
-        <b>en récupérant votre jeton d'accès&nbsp;🔑&nbsp;:</b>
+        <b>1. Commencez dès maintenant à intégrer l'API Entreprise&nbsp;en récupérant votre jeton d'accès&nbsp;🔑&nbsp;:</b>
       </h2>
+    </mj-text>
+    <%= render partial: "button_login", locals: { entity: "editeur" } %>
+    <mj-text>
       <p>
-        ☑️
-        <b>Rendez-vous sur votre compte API Entreprise</b>
-        avec les identifiants utilisés lors de votre de demande d'habilitation.
-      </p>
-      <p>
-        ☑️
-        <b>Depuis cet espace, récupérez votre jeton d'accès&nbsp;:</b>
+        <b>Vous avez besoin de transmettre le jeton dans le cadre de l'intégration ?&nbsp;</b>
+        <br />
+        Une fois connecté, utilisez le bouton prévu à cet effet "Transmettre le jeton à mon équipe technique".<br /><span class="warning-red">⚠️&nbsp;
+        Ce jeton ne doit jamais être relayé autrement que par cette fonctionnalité.</span>
       </p>
-      <ul>
-        <li>
-          <i><b>Soit vous intégrez vous-même l'API Entreprise</b></i>
-          utilisez le bouton "Copier" pour récupérer le jeton.
-          <br />
-        </li>
-        <li>
-          <i><b>Soit une équipe technique est en charge de l'intégration</b></i>
-          <b>, transmettez-lui le jeton d'accès</b>
-          en utilisant le bouton prévu à cet effet "Transmettre le jeton à mon équipe technique".
-          <br />
-          ⚠️ Ce jeton ne doit jamais être relayé autrement que par cette fonctionnalité.
-        </li>
-      </ul>
     </mj-text>
-    <%= render partial: "button_login", locals: { entity: "editeur" } %>
+  </mj-column>
+</mj-section>
+  <%= render partial: "block_mise_en_production" %>
+<mj-section>
+  <mj-column>
     <%= render partial: "list_scopes" %>
-    <%= render partial: "info_subscribe_incidents" %>
-    <%= render partial: "embarquement_valide_welcome" %>
+    <%= render partial:
+    "embarquement_valide_welcome" %>
   </mj-column>
 </mj-section>
-<%= render partial: "block_mise_en_production" %>
-<%= render partial: "block_newsletter" %>
+<%= render partial: "block_subscribed_newsletter" %>
 <%= render partial: "block_questions" %>
 <%= render partial: "footer" %>
+
+
diff --git a/app/views/layouts/mailer.html.mjml b/app/views/layouts/mailer.html.mjml
@@ -26,7 +26,9 @@
       <mj-class name="section-main" padding="10px 20px 10px 20px" />
       <mj-class name="section-block" background-color="#ffffff" padding="0px 40px 30px 40px" />
       <mj-class name="section-block-gris" background-color="#ededf2" padding="10px 20px 10px 20px" />
-      <mj-class name="block-beige" container-background-color="#f0f0f0" padding="20px 30px 20px 30px" />
+      <mj-class name="section-block-gris-clair" background-color="#F5F5FE" padding="10px 20px 10px 20px" />
+      <mj-class name="block-beige" container-background-color="#f0f0f0" padding="0px 30px 0px 30px" />
+      <mj-class name="block-beige-button" container-background-color="#f0f0f0" padding="0px 30px 20px 30px" />
       <mj-class name="block-blue" container-background-color="#d5dbef" padding="20px 30px 20px 30px" />
       <mj-class name="button-secondary" color="#000091" font-weight="normal" color="#ffffff" background-color="transparent" border="2px solid #000091" />
       <mj-class name="button-secondary" color="#000091" background-color="transparent" border="2px solid #000091" />

diff --git a/config/locales/mailers.fr.yml b/config/locales/mailers.fr.yml
@@ -12,17 +12,17 @@ fr:
       embarquement_relance_modifications_demandees:
         subject: ✒️ Votre demande est en attente de modifications.
       embarquement_valide_to_editeur:
-        subject: Pour utiliser l'API Entreprise, récupérez votre jeton d'accès 🔑 depuis votre tableau de bord !
+        subject:  ✅ Demande validée ! Récupérez maintenant votre clé d'accès 🔑 !
       embarquement_valide_to_demandeur_tech_metier:
-        subject: Pour utiliser l'API Entreprise, récupérez votre jeton d'accès 🔑 depuis votre tableau de bord !
+        subject: ✅ Demande validée ! Récupérez maintenant votre clé d'accès 🔑 !
       embarquement_valide_to_demandeur_seulement:
         subject: ✅ Demande validée ! Transmettez maintenant votre clé d'accès 🔑 à l'équipe technique !
       embarquement_valide_to_metier_cc_demandeur_tech:
-        subject: Découvrez les données auxquelles vous avez accès suite à la demande d'accès d'un service de votre organisation a été validée.
+        subject: ✅ Vous avez été désigné contact métier d'un accès à l'API Entreprise.
       embarquement_valide_to_demandeur_not_tech:
-        subject:  ✅ Demande validée ! Transmettez maintenant votre clé d'accès 🔑 à l'équipe technique !
+        subject: ✅ Demande validée ! Transmettez maintenant votre clé d'accès 🔑 à l'équipe technique !
       embarquement_valide_to_demandeur_tech_not_metier:
-        subject: Pour utiliser l'API Entreprise, récupérez votre jeton d'accès 🔑 depuis votre tableau de bord !
+        subject: ✅ Demande validée ! Récupérez maintenant votre clé d'accès 🔑 !
       embarquement_valide_to_tech_cc_demandeur_metier:
         subject: Découvrez les étapes pour mettre en production l'API Entreprise.
       embarquement_valide_to_tech_cc_metier: