project-booster-vue 10.15.2 → 10.15.4

package/package.json

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

package/src/components/rework/cards/MPbCards.vue

@@ -70,11 +70,11 @@
                 <m-link
                   v-if="linkLabel"
                   class="pb-card__link"
-                  :label="linkLabel"
                   :disabled="disabled"
+                  :href="cardLink"
+                  target="_blank"
                   size="s"
-                  @click="handleLinkClicked"
-                />
+                >{{ linkLabel }}</m-link>
               </div></div></div>
       <!-- eslint-enable -->
       <div v-if="image" class="pb-card__image-container">
@@ -102,7 +102,7 @@ import MImage from '../../mozaic/image/MImage.vue';
 import MPbCardSelectionIndicator from './decorators/MPbCardSelectionIndicator.vue';
 import MPbCardTypeIndicator from './decorators/MPbCardTypeIndicator.vue';
 import { sanitizeCerberusAttribut } from '@/services/sanitize';
-import { MFlag, MButton, MLink } from '@mozaic-ds/vue-3';
+import { MFlag, MLink } from '@mozaic-ds/vue-3';
 import { computed } from '@vue/reactivity';
 import { defineProps, defineEmits } from 'vue';
 import { PB_CARD_VALIDATOR } from '../services/validator';
@@ -316,7 +316,7 @@ const handleLinkClicked = () => {
  * Card clicked
  */
 const handleCardClick = () => {
-  props.cardLink ? window.open(props.cardLink, '_self') : '';
+  props.cardLink && !props.linkLabel ? window.open(props.cardLink, '_self') : '';
   !props.buttonLabel && !props.linkLabel ? $emit('card-click') : '';
 };
 

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

@@ -1,18 +1,6 @@
 <template>
   <div class="pb-question__container" :style="{ paddingBottom: `calc(${stickyBottomOffset}px)` }">
     <div class="pb-question">
-      <div class="row-flex align-center">
-        <m-link
-          :label="payload.viewModel.backLabel || 'Question précédente'"
-          :left-icon="BACK_ICON"
-          :class="{
-            'pb-question__back-button': true,
-            'pb-question__back-button--hidden':
-              !showBackButton && !decorate(answers, runtimeOptions, payload?.viewModel?.forceBackButton),
-          }"
-          @click="navigateTo(payload.viewModel)"
-        />
-      </div>
       <div class="pb-question__answers-container row-flex column">
         <div class="pb-question__answers-container-progress">
           <div
@@ -31,7 +19,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 +142,7 @@
                 width="full"
                 size="l"
                 theme="primary"
-                @click="handleHelpClick(helpItem.action)"
+                @click.prevent="handleHelpClick(helpItem.action)"
               >
                 {{ helpItem.label }}
               </m-link>
@@ -834,6 +822,7 @@ const eventData: any = ref();
 const handleCardClick = (answer: ScenarioStepAnswer, payload: any) => {
   updateCdlValues();
   disabledNextStep.value = answer.viewModel?.disabledNextStepButton ? true : false;
+  notification.value = undefined; // re-init notification after each card click
 
   if (answer.notification) {
     notification.value = answer.notification;

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,14 +75,17 @@
         "LESSEE": {
           "code": "LESSEE",
           "viewModel": {
-            "title": "Locataire"
+            "title": "Locataire",
+            "disabledNextStepButton": true
           },
           "notification": {
             "type": "info",
             "title": "Le calcul des aides se base sur les revenus de votre propriétaire. La plupart des aides sont destinées aux propriétaires.",
             "content": "Nous vous conseillons donc de vous rapprocher de votre propriétaire, c’est lui qui pourra monter le dossier d’obtention des aides pour votre projet.",
             "buttonText": "Voir d'autres solutions pour isoler vos murs extérieurs",
-            "buttonHref": "https://www.leroymerlin.fr/produits/materiaux/isolation/isolation-par-exterieur/"
+            "buttonStep": {
+              "code": "LMFR_WALL_EXTERNAL_INSULATION_ADVICE_FOR_LESSEE"
+            }
           }
         }
       }
@@ -124,14 +127,17 @@
           "code": "APARTMENT",
           "viewModel": {
             "title": "Un appartement",
-            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/apartement.jpg"
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/apartement.jpg",
+            "disabledNextStepButton": true
           },
           "notification": {
             "type": "info",
             "title": "Nous attirons votre attention !",
             "content": "Nous ne réalisons pas de projets d’isolation de murs par l’extérieur dans les appartements. Nous vous invitons à vous rapporcher de votre copropriété pour poursuivre les démarches de rénovation énergétique.",
             "buttonText": "Voir d'autres solutions pour isoler vos murs extérieurs",
-            "buttonHref": "https://www.leroymerlin.fr/produits/materiaux/isolation/isolation-par-exterieur/"
+            "buttonStep": {
+              "code": "LMFR_WALL_EXTERNAL_INSULATION_ADVICE"
+            }
           }
         }
       }
@@ -220,14 +226,17 @@
         "NO": {
           "code": "NO",
           "viewModel": {
-            "title": "Non"
+            "title": "Non",
+            "disabledNextStepButton": true
           },
           "notification": {
             "type": "info",
             "title": "Nous attirons votre attention !",
             "content": "Nous ne réalisons pas de projets d'isolation des murs par l'extérieur sur les façades arrières, sauf si les facades arrières sont accessibles depuis l'extérieur ou depuis un garage traversant par exemple.<br/><br/>Nous vous invitons à envisager d'autres solutions pour isoler vos murs.",
             "buttonText": "Voir d'autres solutions pour isoler vos murs extérieurs",
-            "buttonHref": "https://www.leroymerlin.fr/produits/materiaux/isolation/isolation-par-exterieur/"
+            "buttonStep": {
+              "code": "LMFR_WALL_EXTERNAL_INSULATION_ADVICE"
+            }
           }
         }
       }
@@ -2255,61 +2264,34 @@
           "code": "HEAT_PUMP",
           "viewModel": {
             "title": "Pompe à chaleur",
-            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/heat_pump.jpg"
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/heat_pump.jpg",
+            "disabledNextStepButton": true
+          },
+          "notification": {
+            "type": "info",
+            "title": "Nous attirons votre attention !",
+            "content": "Si votre habitation est déjà équipée d'une pompe à chaleur air eau, des travaux d'isolation par l'extérieur ne sont pas possibles. La raison ? Une fois la maison isolée, votre pompe à chaleur sera alors sur-dimensionnée, et risque la panne.",
+            "buttonText": "Voir d'autres solutions pour isoler vos murs extérieurs",
+            "buttonStep": {
+              "code": "LMFR_WALL_EXTERNAL_INSULATION_ADVICE"
+            }
           }
         }
       }
     },
     "nextStep": {
-      "conditionals": [
-        {
-          "conditions": ["isAnswerMatching('LMFR_WALL_EXTERNAL_INSULATION_QUESTION_HEATER_TYPE', 'HEAT_PUMP')"],
-          "nextStep": {
-            "code": "LMFR_WALL_EXTERNAL_INSULATION_DISPLAY_WARNING_FOR_HEAT_PUMP"
-          }
-        },
-        {
-          "conditions": ["true"],
-          "nextStep": {
-            "code": "SUMMARY"
-          }
-        }
-      ]
-    }
-  },
-  "LMFR_WALL_EXTERNAL_INSULATION_DISPLAY_WARNING_FOR_HEAT_PUMP": {
-    "code": "LMFR_WALL_EXTERNAL_INSULATION_DISPLAY_WARNING_FOR_HEAT_PUMP",
-    "type": "STEP",
-    "component": "PbWarningMessage",
-    "payload": {
-      "viewModel": {
-        "actionLabel": "Terminer",
-        "backLabel": "Question précédente",
-        "subtitle": "Nous attirons votre attention !",
-        "content": "Si votre habitation est déjà équipée d'une pompe à chaleur air eau, des travaux d'isolation par l'extérieur ne sont pas possibles. La raison ? Une fois la maison isolée, votre pompe à chaleur sera alors sur-dimensionnée, et risque la panne."
-      },
-      "callToActions": [
-        {
-          "type": "button",
-          "label": "Voir d’autres solutions pour isoler vos murs",
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_WALL_EXTERNAL_INSULATION_ADVICE_FOR_LESSEE"
-          },
-          "bordered": true
-        }
-      ]
+      "code": "SUMMARY"
     }
   },
 
   "LMFR_WALL_EXTERNAL_INSULATION_ADVICE": {
     "code": "LMFR_WALL_EXTERNAL_INSULATION_ADVICE",
     "type": "STEP",
-    "component": "PbQuestion",
+    "component": "MPbQuestion",
     "payload": {
       "viewModel": {
         "label": "Pour aller plus loin dans votre projet",
-        "answersComponent": "PbCard"
+        "answersComponent": "MPbCard"
       },
       "answers": {
         "DISCOVER_OUR_INSULATION": {
@@ -2317,7 +2299,8 @@
           "viewModel": {
             "title": "Découvrez nos solutions d'isolation",
             "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/discover_our_insulation.jpg",
-            "cardLink": "https://www.leroymerlin.fr/produits/materiaux/isolation/"
+            "linkLabel": "Découvrir la gamme",
+            "cardLink": "https://www.leroymerlin.fr/produits/materiaux/isolation/isolation-par-exterieur/"
           }
         },
         "LEARN_MORE_ABOUT_AID": {
@@ -2325,6 +2308,7 @@
           "viewModel": {
             "title": "Mieux comprendre les aides pour votre projet",
             "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/learn_more_about_aids.jpg",
+            "linkLabel": "Consulter l’article",
             "cardLink": "https://www.leroymerlin.fr/magazine/conseils-pratiques/les-aides-financieres-pour-renovation-energetique.html?isautocompleted=true"
           }
         }
@@ -2334,11 +2318,16 @@
   "LMFR_WALL_EXTERNAL_INSULATION_ADVICE_FOR_LESSEE": {
     "code": "LMFR_WALL_EXTERNAL_INSULATION_ADVICE_FOR_LESSEE",
     "type": "STEP",
-    "component": "PbQuestion",
+    "component": "MPbQuestion",
+    "slots": {
+      "beforeContent": {
+        "display": false
+      }
+    },
     "payload": {
       "viewModel": {
         "label": "Pour aller plus loin dans votre projet",
-        "answersComponent": "PbCard"
+        "answersComponent": "MPbCard"
       },
       "answers": {
         "DISCOVER_OUR_INSULATION": {
@@ -2346,7 +2335,8 @@
           "viewModel": {
             "title": "Découvrez nos gammes de produits isolants",
             "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/discover_our_insulation.jpg",
-            "cardLink": "https://www.leroymerlin.fr/produits/materiaux/isolation/"
+            "linkLabel": "Découvrir la gamme",
+            "cardLink": "https://www.leroymerlin.fr/produits/materiaux/isolation/isolation-par-exterieur/"
           }
         },
         "LEARN_MORE_ABOUT_AID": {
@@ -2354,6 +2344,7 @@
           "viewModel": {
             "title": "Mieux comprendre les aides pour votre projet",
             "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/learn_more_about_aids.jpg",
+            "linkLabel": "Consulter l’article",
             "cardLink": "https://www.leroymerlin.fr/magazine/conseils-pratiques/les-aides-financieres-pour-renovation-energetique.html?isautocompleted=true"
           }
         },
@@ -2362,6 +2353,7 @@
           "viewModel": {
             "title": "Tout savoir sur l’isolation des murs par l’extérieur",
             "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/learn_more_about_insulation.png",
+            "linkLabel": "Consulter l’article",
             "cardLink": "https://www.leroymerlin.fr/magazine/maison-econome/faire-des-economies-de-chauffage-sans-gros-travaux-possible.html"
           }
         }
@@ -2442,14 +2434,6 @@
               }
             }
           }
-        },
-        {
-          "type": "button",
-          "label": "Être rappelé par un expert",
-          "action": {
-            "type": "STEP",
-            "code": "APPOINTMENT_FORM"
-          }
         }
       ]
     }
@@ -2483,16 +2467,6 @@
       }
     }
   },
-  "APPOINTMENT_FORM": {
-    "code": "APPOINTMENT_FORM",
-    "type": "STEP",
-    "component": "PbAppointmentForm",
-    "payload": {
-      "viewModel": {
-        "calendarUrlPath": "leroy-merlin-renovation-energetique"
-      }
-    }
-  },
   "__END__": {
     "code": "__END__",
     "type": "END",

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"
         }
@@ -67,14 +67,17 @@
           "code": "APARTMENT",
           "viewModel": {
             "title": "Un appartement",
-            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/apartement.jpg"
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/apartement.jpg",
+            "disabledNextStepButton": true
           },
           "notification": {
-            "type": "warning",
+            "type": "info",
             "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",
-            "buttonHref": "https://www.leroymerlin.fr/economie-energie/"
+            "buttonText": "Voir d'autres solutions pour faire des économies d'énergie",
+            "buttonStep": {
+              "code": "LMFR_SOLAR_PANEL_EXIT"
+            }
           }
         }
       }
@@ -91,10 +94,11 @@
     },
     "slots": {
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
         "sizeXlWidth": true,
         "component": "MPbProgress",
-        "totalStep": 5,
+        "totalStep": 8,
         "currentStep": 1
       }
     }
@@ -116,85 +120,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_EXPOSED_ROOF_AREA"
         }
-      ]
+      }
     },
     "slots": {
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
-        "sizeXlWidth": true,
         "component": "MPbProgress",
-        "totalStep": 5,
-        "currentStep": 3
+        "totalStep": 8,
+        "currentStep": 2,
+        "sizeXlWidth": true
       }
     }
   },
@@ -249,7 +188,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,10 +202,11 @@
     },
     "slots": {
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
         "component": "MPbProgress",
         "sizeXlWidth": true,
-        "totalStep": 5,
+        "totalStep": 8,
         "currentStep": 4
       }
     }
@@ -285,7 +225,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,16 +247,63 @@
             "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": "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": 8,
+        "currentStep": 5
+      }
+    }
+  },
+  "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"
           }
         }
       }
@@ -326,15 +313,46 @@
     },
     "slots": {
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
         "component": "MPbProgress",
         "sizeXlWidth": true,
-        "totalStep": 5,
+        "totalStep": 8,
         "currentStep": 5
       }
     }
   },
-
+  "LMFR_SOLAR_PANEL_EXIT": {
+    "code": "LMFR_SOLAR_PANEL_EXIT",
+    "type": "STEP",
+    "component": "MPbQuestion",
+    "payload": {
+      "viewModel": {
+        "label": "Pour aller plus loin dans votre projet",
+        "answersComponent": "MPbCard"
+      },
+      "answers": {
+        "DISCOVER_OUR_HEATERS": {
+          "code": "DISCOVER_OUR_HEATERS",
+          "viewModel": {
+            "title": "Comment faire des économies d'énergie",
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/make_savings.jpg",
+            "linkLabel": "Consulter l’article",
+            "cardLink": "https://www.leroymerlin.fr/economie-energie/"
+          }
+        },
+        "LEARN_MORE_ABOUT_AID": {
+          "code": "LEARN_MORE_ABOUT_AID",
+          "viewModel": {
+            "title": "Mieux comprendre les aides pour votre projet",
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/learn_more_about_aids.jpg",
+            "linkLabel": "Consulter l’article",
+            "cardLink": "https://www.leroymerlin.fr/magazine/conseils-pratiques/les-aides-financieres-pour-renovation-energetique.html?isautocompleted=true"
+          }
+        }
+      }
+    }
+  },
   "SUMMARY": {
     "code": "SUMMARY",
     "type": "STEP",
@@ -469,10 +487,7 @@
     },
     "slots": {
       "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 5,
-        "currentStep": 2
+        "display": false
       }
     }
   },
@@ -487,9 +502,10 @@
         "display": false
       },
       "beforeContent": {
+        "label": "Estimez le coût de votre projet",
         "display": true,
         "component": "MPbProgress",
-        "totalStep": 5,
+        "totalStep": 8,
         "currentStep": 1
       }
     },
@@ -536,14 +552,7 @@
             "path": "city.postalCode"
           }
         },
-        "metadata": [
-          {
-            "attribut": "productRef",
-            "type": "string",
-            "answerCode": "LMFR_SOLAR_PANEL_DISPLAY_PRODUCT",
-            "path": "product.code"
-          }
-        ]
+        "metadata": []
       },
       "callToActions": [
         {