project-booster-vue 10.27.0 → 10.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "10.27.0",
+  "version": "10.28.0",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/rework/restitution/MPbRestitutionList.stories.mdx

@@ -119,8 +119,6 @@ export const ROISummary = {
     {
       componentId: 'FURNISHING',
       title: 'Panneaux photovoltaïques (hors aides)',
-      details:
-        "Le prix est estimatif et non contractuel : il est susceptible d'etre revu à la hausse ou à la baisse et sera confirmé par le relevé technique.",
       cost: {
         min: 11800,
         max: 11800,
@@ -128,12 +126,14 @@ export const ROISummary = {
       },
       lines: [
         {
-          text: "10 panneaux photovoltaïques + installation (sous réserve d'éligibilité à la TVA réduite)",
+          text: '10 panneaux photovoltaïques + installation (Puissance du kit = 4,25 kWc)',
           cost: {
             min: 11800,
             max: 11800,
             currency: 'EURO',
           },
+          details:
+            "Cette estimation inclut l'installation des panneaux photovoltaïques, l'onduleur, les fixations adaptées à l'emplacement de pose, les connectiques et le raccordement électrique. Nos produits sont garantis 25 ans.",
         },
       ],
     },
@@ -158,7 +158,7 @@ export const ROISummary = {
     },
     {
       componentId: 'ROI',
-      title: 'Votre installation serait rentabilisée en 10 ans',
+      title: 'Votre installation serait rentabilisée en 9 ans',
       cost: {
         min: 0,
         max: 0,
@@ -166,16 +166,16 @@ export const ROISummary = {
       },
       lines: [
         {
-          text: '1125 € de gain annuel (basé sur 0,25 € par kWh)',
+          text: '1 170 € de gain annuel (basé sur un tarif de 0,25 € par kWh - prix de l’électricité constaté au 01.01.2024)',
         },
         {
-          text: "28125 € de gain sur 25 ans (sur base du prix du Kwh d'électricité en 2024)",
+          text: "29 250 € de gain sur 25 ans (sur base du prix du Kwh d'électricité en 2024 - sans considérer une augmentation éventuelle du prix de l'électricité)",
         },
         {
-          text: '4500 kWh de Production moyenne annuelle',
+          text: '4 680 kWh de Production moyenne annuelle',
         },
         {
-          text: '19 m² de surface utilisée',
+          text: '20 m² de surface utilisée',
         },
       ],
     },

package/src/components/rework/restitution/MPbRestitutionListLine.vue

@@ -36,6 +36,7 @@
               </li>
             </div>
           </ul>
+          <div v-if="detail.details" class="pb-restitution-list-line__row__details" v-html="detail.details"></div>
         </div>
       </div>
     </template>
@@ -68,6 +69,7 @@ function formattedPriceRange(price: any) {
 @import 'pb-variables';
 
 $responsive-breakpoint: 'm';
+
 .pb-restitution-list-line {
   display: flex;
   flex-direction: column;
@@ -103,6 +105,42 @@ $responsive-breakpoint: 'm';
         }
       }
     }
+
+    &__details {
+      @include set-border-radius('m');
+      @include set-font-scale('04', 'm');
+
+      background-color: $color-primary-01-100;
+      box-sizing: border-box;
+      color: $color-font-dark;
+      margin-top: $mu050;
+      padding: $mu100;
+      position: relative;
+      width: 100%;
+
+      .a11y-high-contrast & {
+        background-color: $color-primary-01-200;
+      }
+
+      &::before {
+        border-bottom: $mu050 solid $color-primary-01-100;
+        border-left: $mu050 solid transparent;
+        border-right: $mu050 solid transparent;
+        content: '';
+        height: 0;
+        position: absolute;
+        top: -$mu050;
+        width: 0;
+      }
+
+      .a11y-high-contrast &::before {
+        border-bottom: $mu050 solid $color-primary-01-200;
+      }
+
+      @include set-from-screen($responsive-breakpoint) {
+        @include set-font-scale('05', 'l');
+      }
+    }
   }
 
   &__content {

package/src/components/rework/ui/accordion/MPbAccordion.vue

@@ -66,6 +66,7 @@ $responsive-breakpoint: 'm';
 
   &__content {
     display: flex;
+    align-items: center;
 
     &__right {
       flex-direction: row;
@@ -83,6 +84,12 @@ $responsive-breakpoint: 'm';
       max-width: 20rem;
       padding: $mu100;
     }
+
+    @media (max-width: 800px) {
+      &__image {
+        display: none;
+      }
+    }
   }
 }
 </style>

package/src/components/rework/ui/accordion/default-payload.json

@@ -1,9 +1,15 @@
 {
-  "label": "Trouvez facilement cette information",
+  "label": "Où trouver cette information",
   "content": [
     {
-      "htmlContent": "<ul><li>En ligne via un compte client en ligne ou une application mobile.</li><li>Sur votre facture d'électricité.</li></ul>",
-      "imgUrl": "https://storage.googleapis.com/project-booster-media/energyrenovation/reference_tax_income.png"
+      "htmlContent": "<b style='font-size:18px;'>Il est obligatoire de positionner ses panneaux solaires sur une toiture exposée au sud, est ou ouest.</b>"
+    },
+    {
+      "htmlContent": "<p> Pour calculer la surface de votre toiture exposée au sud, nous vous conseillons d'utiliser <u'>Geoportail</u>. Dans les outils cartographiques : trouvez l'onglet \"Mesures\" et l'outil \"Mesurer une surface\" pour tracer la surface de votre toiture éligible.</p><br/>",
+      "imgUrl": "https://storage.googleapis.com/project-booster-media/energyrenovation/roof_area_exposure.png"
+    },
+    {
+      "htmlContent": "<a target='_blank' href='https://www.geoportail.gouv.fr/'>Rendez-vous sur Geoportail pour calculer votre surface</a>"
     }
   ]
 }

package/src/components/scenario/scenarii/estimator-solar-panel.json

@@ -79,7 +79,7 @@
     }
   },
   "LMFR_SOLAR_PANEL_QUESTION_IS_FACING_NORTH": {
-    "code": "LMFR_SOLAR_PANEL_QUESTION_FACING_NORTH",
+    "code": "LMFR_SOLAR_PANEL_QUESTION_IS_FACING_NORTH",
     "type": "STEP",
     "component": "MPbQuestion",
     "slots": {
@@ -93,26 +93,25 @@
     },
     "payload": {
       "viewModel": {
-        "label": "L'emplacement envisagé pour l'installation des panneaux est-il exposé au nord, au nord est, ou au nord ouest ?",
+        "label": "L'emplacement envisagé pour l'installation des panneaux est-il exposé au sud, à l'est, ou à l'ouest ?",
         "answersComponent": "MPbCard"
       },
       "answers": {
         "YES": {
           "code": "YES",
           "viewModel": {
-            "title": "Oui",
-            "disabledNextStepButton": true
-          },
-          "notification": {
-            "type": "info",
-            "title": "Nous attirons votre attention !",
-            "content": ""
+            "title": "Oui"
           }
         },
         "NO": {
           "code": "NO",
           "viewModel": {
             "title": "Non"
+          },
+          "notification": {
+            "type": "info",
+            "title": "Nous attirons votre attention !",
+            "content": "Nous préconisons de positionner ses panneaux solaires sur une toiture exposée au sud, est ou ouest pour éviter l'inefficacité d'une orientation nord. Celle-ci limite drastiquement l'exposition au soleil, réduisant significativement la production d'énergie des panneaux."
           }
         }
       }
@@ -160,9 +159,17 @@
       },
       "pedagogy": {
         "component": "MPbAccordion",
+        "label": "Où trouver cette information",
         "content": [
           {
-            "htmlContent": "Si vous souhaitez connaitre la surface exploitable : rdv ici <a target=\"_blank\" href=\"https://cadastre-solaire-sieds.siterre.fr/main\">https://cadastre-solaire-sieds.siterre.fr/main</a>"
+            "htmlContent": "<b style='font-size:18px;'>Il est fortement recommandé de positionner ses panneaux solaires sur une toiture exposée au sud, est ou ouest.</b>"
+          },
+          {
+            "htmlContent": "<p> Pour calculer la surface de votre toiture exposée au sud, nous vous conseillons d'utiliser <u'>Geoportail</u>. Dans les outils cartographiques : trouvez l'onglet \"Mesures\" et l'outil \"Mesurer une surface\" pour tracer la surface de votre toiture éligible.</p><br/>",
+            "imgUrl": "https://storage.googleapis.com/project-booster-media/energyrenovation/roof_area_exposure.png"
+          },
+          {
+            "htmlContent": "<a target='_blank' href='https://www.geoportail.gouv.fr/'>Rendez-vous sur Geoportail pour calculer votre surface</a>"
           }
         ]
       }
@@ -171,7 +178,7 @@
   "LMFR_SOLAR_PANEL_QUESTION_AVERAGE_ELECTRICITY_BILL": {
     "code": "LMFR_SOLAR_PANEL_QUESTION_AVERAGE_ELECTRICITY_BILL",
     "type": "STEP",
-    "component": "MPbAmountInput",
+    "component": "MPbSpaceInput",
     "slots": {
       "stickyBottom": {
         "display": false
@@ -186,7 +193,7 @@
     },
     "payload": {
       "value": {
-        "amount": "${getAnswerValue('LMFR_SOLAR_PANEL_QUESTION_AVERAGE_ELECTRICITY_BILL', 'amount')}"
+        "space": "${getAnswerValue('LMFR_SOLAR_PANEL_QUESTION_AVERAGE_ELECTRICITY_BILL', 'space')}"
       },
       "viewModel": {
         "validation": {
@@ -197,14 +204,15 @@
         },
         "backLabel": "Question précédente",
         "label": "Quel est le coût moyen mensuel de votre facture d'électricité ?",
+        "unitLabel": "€",
         "placeholder": "Votre coût moyen",
         "nextStep": {
-          "code": "LMFR_SOLAR_PANEL_QUESTION_ENERGY_GUZZLING"
+          "code": "LMFR_SOLAR_PANEL_QUESTION_ENERGY_GUZZLING_EQUIPMENT"
         }
       },
       "pedagogy": {
         "component": "MPbAccordion",
-        "label": "Trouvez facilement cette information",
+        "label": "Où trouver cette information",
         "content": [
           {
             "htmlContent": "<ul><li>En ligne via un compte client en ligne ou une application mobile.</li><li>Sur votre facture d'électricité.</li></ul>",
@@ -214,8 +222,8 @@
       }
     }
   },
-  "LMFR_SOLAR_PANEL_QUESTION_ENERGY_GUZZLING": {
-    "code": "LMFR_SOLAR_PANEL_QUESTION_ENERGY_GUZZLING",
+  "LMFR_SOLAR_PANEL_QUESTION_ENERGY_GUZZLING_EQUIPMENT": {
+    "code": "LMFR_SOLAR_PANEL_QUESTION_ENERGY_GUZZLING_EQUIPMENT",
     "type": "STEP",
     "component": "MPbQuestion",
     "slots": {
@@ -229,9 +237,28 @@
     },
     "payload": {
       "viewModel": {
-        "label": "Quels équipements énergivores fonctionnent en journée chez vous ?",
         "answersComponent": "MPbCard",
-        "progressBar": true
+        "progressBar": true,
+        "forceOneCardPerLineOnMobile": true,
+        "widthFromL": "1of2",
+        "widthXlSize": true,
+        "label": "Parmi ces équipements, lesquels fonctionnent en journée chez vous ?",
+        "subtitle": "Plusieurs choix possibles.",
+        "notification": {
+          "type": "info",
+          "title": "Pourquoi cette question",
+          "content": "Identifier les équipements énergivores utilisés en journée nous aide à dimensionner précisément votre installation solaire, pour maximiser le taux d'autoconsommation, ce qui permet de consommer toute l'énergie que vous produisez vous-même grâce aux panneaux photovoltaïques. Cette démarche a pour but de maximiser les économies sur vos factures et d'augmenter la rentabilité de l'installation, en alignant efficacement la production solaire et la consommation énergétique."
+        }
+      },
+      "multiSelect": {
+        "actions": {
+          "VALIDATE": {
+            "label": "Étape suivante",
+            "nextStep": {
+              "code": "SUMMARY"
+            }
+          }
+        }
       },
       "answers": {
         "ELECTRIC_HEATER": {
@@ -289,9 +316,6 @@
           }
         }
       }
-    },
-    "nextStep": {
-      "code": "SUMMARY"
     }
   },
 
@@ -319,7 +343,7 @@
       "viewModel": {
         "title": "Résultat de votre estimation",
         "legalMentions": [
-          "* Montant estimatif établi selon les réponses renseignées et susceptible d'être ajusté lors du devis définitif. Ce montant n’engage pas Leroy Merlin."
+          "* Ces estimations ont un caractère indicatif et ne constituent pas des engagements contractuels. Le prix du projet est susceptible d'être revu à la hausse ou à la baisse. Il sera confirmé lors d'une visite technique par notre partenaire."
         ]
       },
       "callToActions": [
@@ -391,7 +415,7 @@
         "sizeXlWidth": true,
         "component": "MPbProgress",
         "totalStep": 5,
-        "currentStep": 12
+        "currentStep": 5
       }
     },
     "payload": {
@@ -524,9 +548,9 @@
             "path": "space"
           },
           {
-            "attribut": "energyGuzzling",
+            "attribut": "energyGuzzlingEquipment",
             "type": "string",
-            "answerCode": "LMFR_SOLAR_PANEL_QUESTION_ENERGY_GUZZLING",
+            "answerCode": "LMFR_SOLAR_PANEL_QUESTION_ENERGY_GUZZLING_EQUIPMENT",
             "path": "code"
           }
         ]