project-booster-vue 10.15.2 → 10.15.3

package/package.json

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

package/src/components/rework/navigation/MPbNavigation.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="m-pb-navigation row-flex justify-between">
+  <div class="m-pb-navigation row-flex justify-between column-full">
     <div class="m-pb-navigation__left">
       <m-button
         :label="backButtonLabel"

package/src/components/rework/question/MPbQuestion.vue

@@ -31,7 +31,7 @@
               v-for="answer in displayedAnswers"
               :key="`pb-question__answers-${answer.code}`"
               :class="`
-                ${payload.viewModel.forceOneCardPerLineOnMobile ? 'column-full' : 'column-1of3'} 
+                column-full 
                 ${payload.viewModel.widthFromM ? 'column-' + payload.viewModel.widthFromM : 'column-1of3'}
                 ${payload.viewModel.widthFromL ? 'column-' + payload.viewModel.widthFromL : 'column-1of4'}
               `"
@@ -154,7 +154,7 @@
                 width="full"
                 size="l"
                 theme="primary"
-                @click="handleHelpClick(helpItem.action)"
+                @click.prevent="handleHelpClick(helpItem.action)"
               >
                 {{ helpItem.label }}
               </m-link>

package/src/components/rework/question/city-search/MPbCitySearch.vue

@@ -409,7 +409,15 @@ export default defineComponent({
       return this.selectedCity?.postalCode + ' ' + this.selectedCity?.name + ', ' + this.selectedCity?.region;
     },
     nextStep({ answers, nextStep }: { answers: any; nextStep: any }) {
-      callAction(nextStep, answers, this.$emit);
+      callAction(
+        nextStep,
+        [
+          {
+            city: this.selectedCity,
+          },
+        ],
+        this.$emit,
+      );
     },
     sanitizeCerberusAttribut,
     formatEvent,

package/src/components/rework/question/space-input/MPbSpaceInput.vue

@@ -232,7 +232,15 @@ const isShowingFooter = computed(() => {
 });
 
 const nextStep = ({ answers, nextStep }: { answers: any; nextStep: any }) => {
-  callAction(nextStep, answers, $emit);
+  callAction(
+    nextStep,
+    [
+      {
+        space: space.value,
+      },
+    ],
+    $emit,
+  );
 };
 
 onMounted(() => {

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

@@ -380,20 +380,13 @@ $responsive-breakpoint: 'm';
       margin: 0 auto;
     }
 
-    &__call {
-      margin-left: $mu050;
-    }
-
-    &__save,
     &__call {
       width: 100%;
-
-      &:first-child {
-        margin: 0 $mu100 $mu050 0;
-      }
+      margin: 0 0 $mu050 0;
 
       @include set-from-screen($responsive-breakpoint) {
         width: auto;
+        margin: 0 $mu050 0 0;
       }
 
       button {

package/src/components/scenario/scenarii/attic-insulation.json

@@ -287,7 +287,8 @@
       "viewModel": {
         "backLabel": "Question précédente",
         "label": "Dans ce logement, vous êtes ?",
-        "answersComponent": "MPbCard"
+        "answersComponent": "MPbCard",
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "OWNER": {

package/src/components/scenario/scenarii/estimator-external-wall-insulation.json

@@ -75,7 +75,8 @@
         "LESSEE": {
           "code": "LESSEE",
           "viewModel": {
-            "title": "Locataire"
+            "title": "Locataire",
+            "disabledNextStepButton": true
           },
           "notification": {
             "type": "info",

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

@@ -25,7 +25,7 @@
     "component": "MPbProducts",
     "payload": {
       "viewModel": {
-        "label": "Estimer vos aides pour votre projet",
+        "label": "Estimez le coût de votre projet d'installation de panneaux solaires",
         "defaultProduct": {
           "designation": "Installation de panneaux photovoltaïques"
         }
@@ -73,7 +73,7 @@
             "type": "warning",
             "title": "Nous attirons votre attention !",
             "content": "Nous ne realisons pas de projets de panneau photovoltaïque dans les appartements dans la mesure où votre toit est partagé",
-            "buttonText": "Voir d'autres solutions pour faire des économies de chauffage",
+            "buttonText": "Voir d'autres solutions pour faire des économies d'énergie",
             "buttonHref": "https://www.leroymerlin.fr/economie-energie/"
           }
         }
@@ -91,10 +91,11 @@
     },
     "slots": {
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
         "sizeXlWidth": true,
         "component": "MPbProgress",
-        "totalStep": 5,
+        "totalStep": 6,
         "currentStep": 1
       }
     }
@@ -116,85 +117,20 @@
         "backLabel": "Question précédente",
         "label": "Dans quelle ville aura lieu les travaux ?",
         "placeholder": "Code postal, Ville",
-        "actionLabel": "Continuer"
-      }
-    },
-    "nextStep": {
-      "code": "LMFR_SOLAR_PANEL_QUESTION_LINKY"
-    },
-    "slots": {
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 5,
-        "currentStep": 2
-      }
-    }
-  },
-  "LMFR_SOLAR_PANEL_QUESTION_LINKY": {
-    "code": "LMFR_SOLAR_PANEL_QUESTION_LINKY",
-    "type": "STEP",
-    "component": "MPbQuestion",
-    "payload": {
-      "viewModel": {
-        "label": "Votre logement est-il équipé d’un compteur Linky ?",
-        "answersComponent": "MPbCard",
-        "progressBar": true,
-        "widthFromL": "1of3",
-        "forceOneCardPerLineOnMobile": true
-      },
-      "answers": {
-        "YES": {
-          "code": "YES",
-          "viewModel": {
-            "title": "Oui"
-          }
-        },
-        "NO": {
-          "code": "NO",
-          "viewModel": {
-            "title": "Non"
-          },
-          "notification": {
-            "type": "warning",
-            "content": "Le compteur électrique Linky vous permet d'être facturé selon votre consommation électrique réelle. Sans ce compteur nous ne pouvons pas installer de panneaux solaires. Pour l’installer, nous vous invitons à vous rapprocher d'Enedis",
-            "buttonText": "Voir d'autres solutions pour faire des économies de chauffage",
-            "buttonHref": "https://www.leroymerlin.fr/economie-energie/"
-          }
-        }
-      },
-      "helpArea": [
-        {
-          "type": "link",
-          "label": "À quoi ressemble un compteur Linky ?",
-          "action": {
-            "type": "MODAL",
-            "viewModelDialog": {
-              "headerTitle": "À quoi ressemble un compteur Linky ?",
-              "htmlContent": "<b style='font-size:18px;'>Le compteur Linky ressemble à un boîtier rectangulaire en plastique. Il a un écran qui affiche la consommation d'électricité en kilowattheures (kWh)</b><br/><br/><p>C’est un compteur d'électricité intelligent installé par Enedis en France. Il permet de mesurer la consommation d'électricité en temps réel et de transmettre les données sans intervention humaine grâce à une communication sans fil.</p><br/>",
-              "imgUrl": "https://storage.googleapis.com/project-booster-media/energyrenovation/linky.png"
-            }
-          }
-        }
-      ]
-    },
-    "nextStep": {
-      "conditionals": [
-        {
-          "conditions": ["isAnswerMatching('LMFR_SOLAR_PANEL_QUESTION_LINKY', 'YES')"],
-          "nextStep": {
-            "code": "LMFR_SOLAR_PANEL_QUESTION_EXPOSED_ROOF_AREA"
-          }
+        "actionLabel": "Continuer",
+        "nextStep": {
+          "code": "LMFR_SOLAR_PANEL_QUESTION_ELECTRICITY_COMSUMPTION"
         }
-      ]
+      }
     },
     "slots": {
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
-        "sizeXlWidth": true,
         "component": "MPbProgress",
-        "totalStep": 5,
-        "currentStep": 3
+        "totalStep": 6,
+        "currentStep": 2,
+        "sizeXlWidth": true
       }
     }
   },
@@ -249,7 +185,7 @@
             "type": "MODAL",
             "viewModelDialog": {
               "headerTitle": "Comment calculer cette surface de toiture ?",
-              "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><br/><br/><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/>",
+              "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><br/><br/><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",
               "linkText": "Utiliser Geoportail",
               "hrefLink": "https://www.geoportail.gouv.fr/"
@@ -263,14 +199,62 @@
     },
     "slots": {
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
         "component": "MPbProgress",
         "sizeXlWidth": true,
-        "totalStep": 5,
+        "totalStep": 6,
         "currentStep": 4
       }
     }
   },
+  "LMFR_SOLAR_PANEL_QUESTION_ELECTRICITY_ECONOMY_PERCENTAGE_GOAL": {
+    "code": "LMFR_SOLAR_PANEL_QUESTION_ELECTRICITY_ECONOMY_PERCENTAGE_GOAL",
+    "type": "STEP",
+    "component": "MPbQuestion",
+    "payload": {
+      "viewModel": {
+        "label": "Quelle baisse de facture souhaitez-vous atteindre ?",
+        "answersComponent": "MPbCard",
+        "progressBar": true,
+        "widthFromL": "always-full",
+        "forceOneCardPerLineOnMobile": true
+      },
+      "answers": {
+        "15_PERCENT": {
+          "code": "15_PERCENT",
+          "viewModel": {
+            "title": "-15% et alimenter mes petits équipements quotidiennement"
+          }
+        },
+        "50_PERCENT": {
+          "code": "50_PERCENT",
+          "viewModel": {
+            "title": "-50% et produire ma consommation sur toute la journée"
+          }
+        },
+        "80_PERCENT": {
+          "code": "80_PERCENT",
+          "viewModel": {
+            "title": "-80% et utiliser mon énergie de jour comme de nuit"
+          }
+        }
+      }
+    },
+    "nextStep": {
+      "code": "SUMMARY"
+    },
+    "slots": {
+      "beforeContent": {
+        "label": "Estimez le coût de votre projet",
+        "display": true,
+        "component": "MPbProgress",
+        "sizeXlWidth": true,
+        "totalStep": 6,
+        "currentStep": 5
+      }
+    }
+  },
   "LMFR_SOLAR_PANEL_QUESTION_ELECTRICITY_COMSUMPTION": {
     "code": "LMFR_SOLAR_PANEL_QUESTION_ELECTRICITY_COMSUMPTION",
     "type": "STEP",
@@ -285,7 +269,7 @@
         "notification": {
           "type": "info",
           "title": "Trouvez facilement cette information :",
-          "content": "<ul style='list-style:none; padding:0; margin:0;'><li>- En ligne via un compte client en ligne ou une application mobile.</li><li>- Sur votre facture d’électricité.</li></ul>"
+          "content": "<ul style='list-style:none; padding:0; margin:0;'><li>- En ligne via un compte client en ligne ou une application mobile.</li><li>- Sur votre facture d'électricité.</li></ul>"
         }
       },
       "answers": {
@@ -307,34 +291,34 @@
             "title": "4 000 à 8 000 kWh"
           }
         },
-        "MORE_THAN_8000": {
-          "code": "MORE_THAN_8000",
+        "BETWEEN_8000_AND_12000": {
+          "code": "BETWEEN_8000_AND_12000",
           "viewModel": {
-            "title": "Plus de 8 000 kWh"
+            "title": "8 000 à 12 000 kWh"
           }
         },
-        "DONT_KNOW": {
-          "code": "DONT_KNOW",
+        "MORE_THAN_12000": {
+          "code": "MORE_THAN_12000",
           "viewModel": {
-            "title": "Je ne sais pas"
+            "title": "Plus de 12 000 kWh"
           }
         }
       }
     },
     "nextStep": {
-      "code": "SUMMARY"
+      "code": "LMFR_SOLAR_PANEL_QUESTION_ELECTRICITY_ECONOMY_PERCENTAGE_GOAL"
     },
     "slots": {
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
         "component": "MPbProgress",
         "sizeXlWidth": true,
-        "totalStep": 5,
+        "totalStep": 6,
         "currentStep": 5
       }
     }
   },
-
   "SUMMARY": {
     "code": "SUMMARY",
     "type": "STEP",
@@ -469,10 +453,7 @@
     },
     "slots": {
       "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 5,
-        "currentStep": 2
+        "display": false
       }
     }
   },
@@ -487,9 +468,10 @@
         "display": false
       },
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
         "component": "MPbProgress",
-        "totalStep": 5,
+        "totalStep": 6,
         "currentStep": 1
       }
     },
@@ -536,14 +518,7 @@
             "path": "city.postalCode"
           }
         },
-        "metadata": [
-          {
-            "attribut": "productRef",
-            "type": "string",
-            "answerCode": "LMFR_SOLAR_PANEL_DISPLAY_PRODUCT",
-            "path": "product.code"
-          }
-        ]
+        "metadata": []
       },
       "callToActions": [
         {