project-booster-vue 10.23.3 → 10.23.5

package/package.json

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

package/src/components/products/PbProducts.vue

@@ -18,10 +18,10 @@
 
     <m-flex class="pb-products__body" direction="column" align-items="center" v-if="product">
       <m-flex class="pb-products__body__item" direction="column" align-items="center" justify-content="center">
-        <div class="pb-products__body__item__thumbnail">
+        <div class="pb-products__body__item__thumbnail" v-if="product.photo">
           <img :src="product.photo" alt="" />
         </div>
-        <div class="pb-products__body__item__title">{{ product.designation }}</div>
+        <div class="pb-products__body__item__title" v-if="product.designation">{{ product.designation }}</div>
       </m-flex>
 
       <m-flex class="pb-products__container--button" direction="column" align-items="center" justify-content="center">

package/src/components/question/city-search/PbCitySearch.vue

@@ -85,7 +85,7 @@
       <div v-if="selectedCity" class="pb-city-search__selected-city">
         <!-- prettier-ignore -->
         <span>
-          Votre construction sera réalisée dans la commune de&nbsp;<strong>{{ selectedCity.name }}</strong>,&nbsp;<strong>{{ selectedCity.region }}</strong>.
+          Votre chantier sera réalisée dans la commune de&nbsp;<strong>{{ selectedCity.name }}</strong>,&nbsp;<strong>{{ selectedCity.region }}</strong>.
         </span>
       </div>
       <m-flex class="pb-city-search__buttons-container" direction="column">

package/src/components/rework/products/MPbProducts.vue

@@ -12,22 +12,22 @@
       </m-link>
     </div>
 
-    <div class="pb-products__body row-flex column" v-if="product">
+    <div class="pb-products__body row-flex column">
       <div class="pb-products__title">
         {{ payload.viewModel.label }}
       </div>
 
-      <div class="pb-products__body__item" v-if="product.designation">
-        <div class="pb-products__body__item__thumbnail" v-if="product?.photo">
-          <img :src="product.photo" alt="" />
+      <div class="pb-products__body__item" v-if="product">
+        <div class="pb-products__body__item__thumbnail" v-if="product.photo">
+          <img :src="product.photo" alt="photo du produit" />
         </div>
-        <div class="pb-products__body__item__title">{{ product.designation }}</div>
+        <div class="pb-products__body__item__title" v-if="designation">{{ designation }}</div>
       </div>
       <div class="pb-products__body__item" v-else>
-        <div class="pb-products__body__item__thumbnail">
-          <img :src="payload.viewModel.defaultProduct.photo" alt="" />
+        <div class="pb-products__body__item__thumbnail" v-if="payload.viewModel.defaultProduct.photo">
+          <img :src="payload.viewModel.defaultProduct.photo" alt="photo du produit" />
         </div>
-        <div class="pb-products__body__item__title">{{ payload.viewModel.defaultProduct.designation }}</div>
+        <div class="pb-products__body__item__title">{{ designation }}</div>
       </div>
 
       <div class="pb-products__container--button">
@@ -50,6 +50,7 @@
 </template>
 
 <script lang="ts" setup>
+import { Product } from '@/types/pb/Estimate';
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { MButton, MLink } from '@mozaic-ds/vue-3';
 import { PropType, defineProps, onMounted, ref } from 'vue';
@@ -60,14 +61,11 @@ const emit = defineEmits(['go-back', 'step-completed']);
 
 const store = useStore();
 const metadata = store.getters['metaData/metaData'];
-const refProduct = store.getters['products/getRefProduct'];
-const product = ref(store.getters['products/getCurrentProduct']);
 
-if (!product.value) {
-  product.value = {
-    designation: 'Désignation par défaut',
-  };
-}
+const refProduct = ref<string>();
+const product = ref<Product>();
+
+const designation = ref<string>();
 
 const props = defineProps({
   /**
@@ -133,6 +131,11 @@ onMounted(() => {
       storeId: metadata && metadata.storeId ? metadata.storeId : '',
     });
   }
+
+  refProduct.value = store.getters['products/getRefProduct'];
+  product.value = store.getters['products/getCurrentProduct'];
+
+  designation.value = product.value?.designation || props.payload.viewModel.defaultProduct.designation || '';
 });
 
 /**
@@ -144,20 +147,21 @@ const callAction = (action: PayloadAction) => {
     if (action.code === '__BACK__') {
       emit('go-back');
     } else {
-      let productToSend = null;
-
-      if (refProduct) {
-        productToSend = product.value;
+      if (refProduct.value && product.value) {
+        emit('step-completed', {
+          answers: [
+            {
+              product: product.value,
+            },
+          ],
+          nextStep: action,
+        });
+      } else {
+        emit('step-completed', {
+          answers: [{}],
+          nextStep: action,
+        });
       }
-
-      emit('step-completed', {
-        answers: [
-          {
-            product: productToSend,
-          },
-        ],
-        nextStep: action,
-      });
     }
   }
 };

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

@@ -64,7 +64,7 @@
       <div v-if="selectedCity" class="pb-city-search__selected-city">
         <!-- prettier-ignore -->
         <span>
-          Votre construction sera réalisée dans la commune de&nbsp;<strong>{{ selectedCity.name }}</strong>,&nbsp;<strong>{{ selectedCity.region }}</strong>.
+          Votre chantier sera réalisée dans la commune de&nbsp;<strong>{{ selectedCity.name }}</strong>,&nbsp;<strong>{{ selectedCity.region }}</strong>.
         </span>
       </div>
 

package/src/components/scenario/scenarii/estimator-hpwa.json

@@ -8,7 +8,8 @@
       "projectName": "Estimation pompe à chaleur air-eau",
       "webAnalytics": {
         "category": "Pompe à chaleur air-eau",
-        "scenario": "Estimation-budget-hpaw"
+        "scenario": "Estimation-budget-hpaw",
+        "tracking": true
       }
     },
     "stepCode": "HEAT_PUMP_AIR_WATER"
@@ -18,16 +19,15 @@
     "type": "SCENARIO",
     "stepCode": "LMFR_HEAT_PUMP_AIR_WATER_DISPLAY_PRODUCT"
   },
-
   "LMFR_HEAT_PUMP_AIR_WATER_DISPLAY_PRODUCT": {
     "code": "LMFR_HEAT_PUMP_AIR_WATER_DISPLAY_PRODUCT",
     "type": "STEP",
     "component": "MPbProducts",
     "payload": {
       "viewModel": {
-        "label": "Estimation pompe à chaleur",
+        "label": "Estimation pompe à chaleur Air / Eau",
         "defaultProduct": {
-          "designation": "Installation d'une pompe à chaleur"
+          "designation": "Estimez le cout de votre projet en moins de deux minutes"
         }
       },
       "callToActions": [
@@ -36,13 +36,14 @@
           "label": "Commencer",
           "action": {
             "type": "STEP",
-            "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION"
+            "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HOUSING_TYPE"
           },
           "bordered": false
         }
       ]
     }
   },
+
   "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HOUSING_TYPE": {
     "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HOUSING_TYPE",
     "type": "STEP",
@@ -58,7 +59,7 @@
     },
     "payload": {
       "viewModel": {
-        "label": "Que souhaitez-vous rénover ?",
+        "label": "Quel type de logement souhaitez-vous rénover ?",
         "answersComponent": "MPbCard"
       },
       "answers": {
@@ -73,118 +74,67 @@
           "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."
+            "content": "Nous ne réalisons pas de projets d'installation de pompe à chaleur air / eau dans les appartements. Nous vous invitons à vous rapprocher de votre copropriété pour poursuivre les démarches de rénovation énergétique.",
+            "buttonText": "Voir d'autres solutions pour faire des économies de chauffage",
+            "buttonStep": {
+              "code": "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_APARTMENT_INSTALLATION"
+            }
           }
         }
       }
     },
     "nextStep": {
       "conditionals": [
-        {
-          "conditions": ["isAnswerMatching('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HOUSING_TYPE', 'APARTMENT')"],
-          "nextStep": {
-            "code": "LMFR_HEAT_PUMP_AIR_WATER_WARNING_FOR_APARTEMENT"
-          }
-        },
         {
           "conditions": ["isAnswerMatching('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HOUSING_TYPE', 'HOUSE')"],
           "nextStep": {
-            "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_CONSTRUCTION_AGE"
+            "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION"
           }
         }
       ]
     }
   },
-  "LMFR_HEAT_PUMP_AIR_WATER_WARNING_FOR_APARTEMENT": {
-    "code": "LMFR_HEAT_PUMP_AIR_WATER_WARNING_FOR_APARTEMENT",
-    "type": "STEP",
-    "component": "PbWarningMessage",
-    "payload": {
-      "viewModel": {
-        "actionLabel": "Terminer",
-        "backLabel": "Retour",
-        "label": "Vos travaux dans un appartement",
-        "subtitle": "Nous attirons votre attention !",
-        "content": "Installer une pompe à chaleur dans un appartement nécessite certaines précautions.",
-        "explainLink": {
-          "type": "link",
-          "label": "Voir les précautions pour installer une pompe à chaleur",
-          "action": {
-            "viewModelDialog": {
-              "headerTitle": "Les précautions avant d’installer une pompe à chaleur en appartement",
-              "contentHtml": "<p>Avant d'installer un pompe à chaleur air-eau dans un appartement, voici quelques précautions à prendre :</p><ul><li>Informez-vous sur le <strong>système de chauffage</strong> de votre immeuble : est-il collectif ou individuel ?</li><li>Vérifiez si <strong>votre commune autorise l'installation</strong> de groupes extérieurs sur votre balcon ou façade dans le plan local d'urbanisme</li><li><strong>Informez les voisins</strong> de votre projet, et notamment du bruit que peut générer le groupe extérieur</li></ul>"
-            }
-          }
-        }
-      },
-      "callToActions": [
-        {
-          "type": "button",
-          "label": "Ok, poursuivre l’estimation",
-          "bordered": false,
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_CONSTRUCTION_AGE"
-          }
-        },
-        {
-          "type": "button",
-          "label": "Quitter l’estimation",
-          "bordered": true,
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_APPARTEMENT_INSTALLATION"
-          }
-        }
-      ]
-    }
-  },
-  "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_APPARTEMENT_INSTALLATION": {
-    "code": "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_APPARTEMENT_INSTALLATION",
+  "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION": {
+    "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION",
     "type": "STEP",
-    "component": "MPbQuestion",
+    "component": "MPbCitySearch",
     "slots": {
       "beforeContent": {
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 1,
+        "currentStep": 2,
         "sizeXlWidth": true
       }
     },
     "payload": {
-      "viewModel": {
-        "label": "Pour aller plus loin dans votre projet",
-        "answersComponent": "MPbCard",
-        "disableNavigation": true
+      "value": {
+        "city": {
+          "inseeCode": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION', 'city.inseeCode')}",
+          "postalCode": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION', 'city.postalCode')}",
+          "name": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION', 'city.name')}",
+          "region": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION', 'city.region')}"
+        }
       },
-      "answers": {
-        "DISCOVER_HEAT_PUMPS": {
-          "code": "DISCOVER_HEAT_PUMPS",
-          "viewModel": {
-            "title": "Découvrez nos gammes de chauffages",
-            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/discover_our_heaters.jpg",
-            "cardLink": "https://www.leroymerlin.fr/produits/chauffage-plomberie/"
-          }
-        },
-        "LEARN_MORE_RENOV_AIDS": {
-          "code": "LEARN_MORE_RENOV_AIDS",
-          "viewModel": {
-            "title": "Mieux comprendre les aides pour votre projet",
-            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/learn_more_about_aids.jpg",
-            "cardLink": "https://www.leroymerlin.fr/magazine/conseils-pratiques/les-aides-financieres-pour-renovation-energetique.html?isautocompleted=true"
-          }
+      "viewModel": {
+        "label": "Où se situe le logement concerné par les travaux ?",
+        "subtitle": "Cette information nous aide à identifier les aides dont vous pourriez profiter",
+        "placeholder": "Code postal, Ville",
+        "actionLabel": "Continuer",
+        "nextStep": {
+          "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION"
         }
       }
     }
   },
-  "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_CONSTRUCTION_AGE": {
-    "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_CONSTRUCTION_AGE",
+  "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION": {
+    "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION",
     "type": "STEP",
     "component": "MPbQuestion",
     "slots": {
@@ -192,33 +142,35 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 1,
+        "currentStep": 3,
         "sizeXlWidth": true
       }
     },
     "payload": {
       "viewModel": {
-        "label": "À quand remonte la construction de votre logement ?",
+        "label": "Dans ce logement, vous êtes ?",
         "answersComponent": "MPbCard"
       },
       "answers": {
-        "NEW": {
-          "code": "NEW",
-          "viewModel": {
-            "title": "Moins de 2 ans",
-            "text": "Si votre logement à moins de 2 ans, vous ne serez pas éligible aux aides"
-          }
-        },
-        "RECENT": {
-          "code": "RECENT",
+        "OWNER": {
+          "code": "OWNER",
           "viewModel": {
-            "title": "Entre 2 ans et 15 ans"
+            "title": "Propriétaire"
           }
         },
-        "OLD": {
-          "code": "OLD",
+        "LESSEE": {
+          "code": "LESSEE",
           "viewModel": {
-            "title": "Plus de 15 ans"
+            "title": "Locataire"
+          },
+          "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 faire des économies de chauffage",
+            "buttonStep": {
+              "code": "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_APARTMENT_INSTALLATION"
+            }
           }
         }
       }
@@ -236,7 +188,7 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 1,
+        "currentStep": 4,
         "sizeXlWidth": true
       }
     },
@@ -267,45 +219,11 @@
       }
     },
     "nextStep": {
-      "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION"
+      "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_CONSTRUCTION_AGE"
     }
   },
-  "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION": {
-    "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION",
-    "type": "STEP",
-    "component": "MPbCitySearch",
-    "slots": {
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 11,
-        "currentStep": 1,
-        "sizeXlWidth": true
-      }
-    },
-    "payload": {
-      "value": {
-        "city": {
-          "inseeCode": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION', 'city.inseeCode')}",
-          "postalCode": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION', 'city.postalCode')}",
-          "name": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION', 'city.name')}",
-          "region": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION', 'city.region')}"
-        }
-      },
-      "viewModel": {
-        "label": "Où ce situe le logement ?",
-        "subtitle": "Cette information nous aide à identifier les aides dont vous pourriez profiter",
-        "placeholder": "Code postal, Ville",
-        "image": "https://storage.googleapis.com/project-booster-media/new-house/Estimation%20Construction%20Neuve%20-%20Localisation.png",
-        "actionLabel": "Continuer",
-        "nextStep": {
-          "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION"
-        }
-      }
-    }
-  },
-  "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION": {
-    "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION",
+  "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_CONSTRUCTION_AGE": {
+    "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_CONSTRUCTION_AGE",
     "type": "STEP",
     "component": "MPbQuestion",
     "slots": {
@@ -313,87 +231,39 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 1,
+        "currentStep": 5,
         "sizeXlWidth": true
       }
     },
     "payload": {
       "viewModel": {
-        "label": "Dans ce logement, vous êtes ?",
+        "label": "À quand remonte la construction de votre logement ?",
         "answersComponent": "MPbCard"
       },
       "answers": {
-        "OWNER": {
-          "code": "OWNER",
+        "NEW": {
+          "code": "NEW",
           "viewModel": {
-            "title": "Propriétaire"
+            "title": "Moins de 2 ans",
+            "text": "Si votre logement à moins de 2 ans, vous ne serez pas éligible aux aides"
           }
         },
-        "LESSEE": {
-          "code": "LESSEE",
+        "RECENT": {
+          "code": "RECENT",
           "viewModel": {
-            "title": "Locataire",
-            "disabledNextStepButton": true
-          },
-          "notification": {
-            "type": "informations",
-            "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 faire des économies de chauffage",
-            "buttonStep": {
-              "code": "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_LESSEE"
-            }
+            "title": "Entre 2 ans et 15 ans"
+          }
+        },
+        "OLD": {
+          "code": "OLD",
+          "viewModel": {
+            "title": "Plus de 15 ans"
           }
         }
       }
     },
     "nextStep": {
-      "conditionals": [
-        {
-          "conditions": ["isAnswerMatching('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION', 'OWNER')"],
-          "nextStep": {
-            "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_INHABITANTS_COUNT"
-          }
-        },
-        {
-          "conditions": ["isAnswerMatching('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION', 'LESSEE')"],
-          "nextStep": {
-            "code": "LMFR_HEAT_PUMP_AIR_WATER_WARNING_FOR_LESSEE"
-          }
-        }
-      ]
-    }
-  },
-  "LMFR_HEAT_PUMP_AIR_WATER_WARNING_FOR_LESSEE": {
-    "code": "LMFR_HEAT_PUMP_AIR_WATER_WARNING_FOR_LESSEE",
-    "type": "STEP",
-    "component": "PbWarningMessage",
-    "payload": {
-      "viewModel": {
-        "actionLabel": "Terminer",
-        "label": "Vous êtes locataire",
-        "subtitle": "Le calcul des aides se base sur les revenus de votre propriétaire",
-        "content": "La plupart des aides sont destinées aux propriétaires. 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.",
-        "backLabel": "Retour"
-      },
-      "callToActions": [
-        {
-          "label": "Ok, poursuivre l’estimation",
-          "bordered": false,
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_INHABITANTS_COUNT"
-          }
-        },
-        {
-          "label": "Quitter l’estimation",
-          "bordered": true,
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_APPARTEMENT_INSTALLATION"
-          }
-        }
-      ]
+      "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_INHABITANTS_COUNT"
     }
   },
   "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_INHABITANTS_COUNT": {
@@ -404,7 +274,7 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 2,
+        "currentStep": 6,
         "sizeXlWidth": true
       }
     },
@@ -437,14 +307,14 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 3,
+        "currentStep": 7,
         "sizeXlWidth": true
       }
     },
     "payload": {
       "viewModel": {
-        "label": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION', 'code') != 'OWNER' ? 'Quel est le revenu fiscal de référence annuel de votre propriétaire ?' : 'Quel est votre revenu fiscal de référence annuel de votre foyer fiscal ?'}",
-        "subtitle": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION', 'code') != 'OWNER' ? 'Posez la question à votre propritétaire, cette information est utile pour le calcul des aides.' : 'Le revenu fiscal de référence du foyer concerne la somme des revenus des conjoints. Cette information est utile pour le calcul des aides.'}",
+        "label": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION', 'code') != 'OWNER' ? 'Quel est le revenu fiscal de référence annuel de votre propriétaire ?' : 'Quel est votre revenu fiscal de référénce ?'}",
+        "subtitle": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION', 'code') != 'OWNER' ? 'Posez la question à votre propritétaire, cette information est utile pour le calcul des aides.' : 'Le revenu fiscal de référence du foyer prend en compte la somme renseignée dans votre déclaration de revenus, imposables ou non. Cette information est calculée par les services fiscaux et est utile pour le calcul des aides.'}",
         "answersComponent": "MPbCard"
       },
       "answers": {
@@ -2057,7 +1927,7 @@
             "type": "MODAL",
             "viewModelDialog": {
               "headerTitle": "Ou trouver votre revenu fiscal de référence ?",
-              "subTitle": "Sur votre dernier avis d’imposition disponible dans votre espace impots-gouv.fr",
+              "htmlContent": "<b style='font-size:18px;'>Sur votre dernier avis d’imposition disponible dans votre espace impots-gouv.fr</b>",
               "imgUrl": "https://storage.googleapis.com/project-booster-media/energyrenovation/reference_tax_income.png"
             }
           }
@@ -2065,60 +1935,7 @@
       ]
     },
     "nextStep": {
-      "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SURFACE_AREA"
-    }
-  },
-  "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SURFACE_AREA": {
-    "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SURFACE_AREA",
-    "type": "STEP",
-    "component": "MPbSpaceInput",
-    "slots": {
-      "stickyBottom": {
-        "display": false
-      },
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 11,
-        "currentStep": 4,
-        "sizeXlWidth": true
-      }
-    },
-    "payload": {
-      "value": {
-        "space": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SURFACE_AREA', 'space')}"
-      },
-      "viewModel": {
-        "validation": {
-          "thresholdsIncluded": true,
-          "minValue": 1,
-          "minErrorMessage": "La surface doit être supérieure à 1m²",
-          "maxValue": 1000,
-          "maxErrorMessage": "La surface doit être inférieure à 1000m²",
-          "notValidNumberMessage": "Veuillez saisir un nombre entier positif"
-        },
-        "backLabel": "Question précédente",
-        "label": "Quelle surface sera chauffée par la pompe à chaleur ?",
-        "unitLabel": "m²",
-        "placeholder": "Surface",
-        "actionLabel": "Continuer",
-        "nextStep": {
-          "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_REPLACEMENT"
-        }
-      },
-      "helpArea": [
-        {
-          "type": "link",
-          "label": "Voir le guide pour calculer sa surface",
-          "action": {
-            "type": "MODAL",
-            "dialogViewModel": {
-              "headerTitle": "Comment calculer la surface chauffée par la pompe à chaleur?",
-              "htmlContent": "<p>Pour calculer la surface chauffée c’est facile.</p><p> Il suffit de déduire de <strong>la surface habitable</strong> de votre habitation, <strong>les surfaces des pièces non chauffées</strong> par la pompe à chaleur. </p><p> Les pièces non chauffées peuvent être des pièces annexes (buanderie, véranda, …) ou des pièces chauffées par un autre mode de chauffage (radiateurs électriques par exemple). </p><p> <strong>Attention :</strong> le garage et le grenier ne sont pas pris en compte dans la surface habitable de base, il ne faut donc pas les déduire.</p>"
-            }
-          }
-        }
-      ]
+      "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_REPLACEMENT"
     }
   },
   "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_REPLACEMENT": {
@@ -2130,13 +1947,13 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 5,
+        "currentStep": 8,
         "sizeXlWidth": true
       }
     },
     "payload": {
       "viewModel": {
-        "label": "Quel équipement voulez-vous remplacer ?",
+        "label": "Quel équipement de chauffage voulez-vous remplacer ?",
         "answersComponent": "MPbCard"
       },
       "answers": {
@@ -2199,7 +2016,60 @@
       }
     },
     "nextStep": {
-      "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HEATED_FLOOR"
+      "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SURFACE_AREA"
+    }
+  },
+  "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SURFACE_AREA": {
+    "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SURFACE_AREA",
+    "type": "STEP",
+    "component": "MPbSpaceInput",
+    "slots": {
+      "stickyBottom": {
+        "display": false
+      },
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 9,
+        "sizeXlWidth": true
+      }
+    },
+    "payload": {
+      "value": {
+        "space": "${getAnswerValue('LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SURFACE_AREA', 'space')}"
+      },
+      "viewModel": {
+        "validation": {
+          "thresholdsIncluded": true,
+          "minValue": 1,
+          "minErrorMessage": "La surface doit être supérieure à 1m²",
+          "maxValue": 1000,
+          "maxErrorMessage": "La surface doit être inférieure à 1000m²",
+          "notValidNumberMessage": "Veuillez saisir un nombre entier positif"
+        },
+        "backLabel": "Question précédente",
+        "label": "Quelle surface sera chauffée par la pompe à chaleur ?",
+        "unitLabel": "m²",
+        "placeholder": "Surface",
+        "actionLabel": "Continuer",
+        "nextStep": {
+          "code": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HEATED_FLOOR"
+        }
+      },
+      "helpArea": [
+        {
+          "type": "link",
+          "label": "Voir le guide pour calculer sa surface",
+          "action": {
+            "type": "MODAL",
+            "dialogViewModel": {
+              "headerTitle": "Comment calculer la surface chauffée par la pompe à chaleur?",
+              "htmlContent": "<p>Pour calculer la surface chauffée c’est facile.</p><p> Il suffit de déduire de <strong>la surface habitable</strong> de votre habitation, <strong>les surfaces des pièces non chauffées</strong> par la pompe à chaleur. </p><p> Les pièces non chauffées peuvent être des pièces annexes (buanderie, véranda, …) ou des pièces chauffées par un autre mode de chauffage (radiateurs électriques par exemple). </p><p> <strong>Attention :</strong> le garage et le grenier ne sont pas pris en compte dans la surface habitable de base, il ne faut donc pas les déduire.</p>"
+            }
+          }
+        }
+      ]
     }
   },
   "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HEATED_FLOOR": {
@@ -2211,13 +2081,13 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 6,
+        "currentStep": 10,
         "sizeXlWidth": true
       }
     },
     "payload": {
       "viewModel": {
-        "label": "Avez vous un plancher chauffant ?",
+        "label": "Avez-vous un plancher chauffant ?",
         "answersComponent": "MPbCard"
       },
       "answers": {
@@ -2267,7 +2137,7 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 7,
+        "currentStep": 11,
         "sizeXlWidth": true
       }
     },
@@ -2308,6 +2178,46 @@
     }
   },
 
+  "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_APARTMENT_INSTALLATION": {
+    "code": "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_APARTMENT_INSTALLATION",
+    "type": "STEP",
+    "component": "MPbQuestion",
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 11,
+        "sizeXlWidth": true
+      }
+    },
+    "payload": {
+      "viewModel": {
+        "label": "Pour aller plus loin dans votre projet",
+        "answersComponent": "MPbCard",
+        "hideNextStep": true
+      },
+      "answers": {
+        "DISCOVER_HEAT_PUMPS": {
+          "code": "DISCOVER_HEAT_PUMPS",
+          "viewModel": {
+            "title": "Découvrez nos gammes de chauffages",
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/discover_our_heaters.jpg",
+            "cardLink": "https://www.leroymerlin.fr/produits/chauffage-plomberie/"
+          }
+        },
+        "LEARN_MORE_RENOV_AIDS": {
+          "code": "LEARN_MORE_RENOV_AIDS",
+          "viewModel": {
+            "title": "Mieux comprendre les aides pour votre projet",
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/learn_more_about_aids.jpg",
+            "cardLink": "https://www.leroymerlin.fr/magazine/conseils-pratiques/les-aides-financieres-pour-renovation-energetique.html?isautocompleted=true"
+          }
+        }
+      }
+    }
+  },
+
   "SUMMARY": {
     "code": "SUMMARY",
     "type": "STEP",
@@ -2402,7 +2312,7 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 11,
-        "currentStep": 8,
+        "currentStep": 11,
         "sizeXlWidth": true
       }
     },
@@ -2502,6 +2412,66 @@
           }
         },
         "metadata": [
+          {
+            "attribut": "productRef",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_DISPLAY_PRODUCT",
+            "path": "product.code"
+          },
+          {
+            "attribut": "housingType",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HOUSING_TYPE",
+            "path": "code"
+          },
+          {
+            "attribut": "zipcode",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_LOCATION",
+            "path": "city.postalCode"
+          },
+          {
+            "attribut": "situation",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SITUATION",
+            "path": "code"
+          },
+          {
+            "attribut": "isMainResidence",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_CONSTRUCTION_MAIN_RESIDENCE",
+            "path": "code"
+          },
+          {
+            "attribut": "constructionAge",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_CONSTRUCTION_AGE",
+            "path": "code"
+          },
+          {
+            "attribut": "familyComposition",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_INHABITANTS_COUNT",
+            "path": "value"
+          },
+          {
+            "attribut": "taxIncome",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_INCOME",
+            "path": "code"
+          },
+          {
+            "attribut": "equipmentToReplace",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_REPLACEMENT",
+            "path": "code"
+          },
+          {
+            "attribut": "dpe",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_DPE",
+            "path": "code"
+          },
           {
             "attribut": "surface",
             "type": "float",
@@ -2509,10 +2479,16 @@
             "path": "space"
           },
           {
-            "attribut": "productRef",
+            "attribut": "haveHeatedFloor",
             "type": "string",
-            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_DISPLAY_PRODUCT",
-            "path": "product.code"
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_HEATED_FLOOR",
+            "path": "code"
+          },
+          {
+            "attribut": "insulationLevel",
+            "type": "string",
+            "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_INSULATION_LEVEL",
+            "path": "code"
           }
         ]
       },
@@ -2614,20 +2590,11 @@
     "code": "LMFR_HEAT_PUMP_AIR_WATER_ADVICE_FOR_LESSEE",
     "type": "STEP",
     "component": "MPbQuestion",
-    "slots": {
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 11,
-        "currentStep": 1,
-        "sizeXlWidth": true
-      }
-    },
     "payload": {
       "viewModel": {
         "label": "Pour aller plus loin dans votre projet",
         "answersComponent": "MPbCard",
-        "disableNavigation": true
+        "hideNextStep": true
       },
       "answers": {
         "DISCOVER_OUR_HEATERS": {

package/src/services/api/productApi.ts

@@ -1,5 +1,5 @@
+import { Product } from '@/types/pb/Estimate';
 import axios from 'axios';
-import { escape } from '../../services/htmlEscape';
 
 export const clientApi = axios.create({
   baseURL: '/project-booster/api',
@@ -19,15 +19,11 @@ export const updateProductApiClient = (config: { apiKey: string; baseUrl: string
   }
 };
 
-export const getProductById = async (productId: string, storeId: string) => {
+export async function getProductById(productId: string, storeId: string): Promise<Product | null> {
   try {
     const response = await clientApi.get(`/products/${productId}${storeId ? '?storeId=' + storeId : ''}`);
-    return JSON.parse(
-      JSON.stringify(response.data).replace(/:"([^"]+)"/g, (match, $1) => {
-        return `: "${escape($1)}"`;
-      }),
-    );
+    return response.data ? response.data : null;
   } catch (e) {
-    return false;
+    return null;
   }
-};
+}

package/src/stores/modules/productsStore.ts

@@ -1,13 +1,8 @@
-import { ActionContext } from 'vuex';
 import { State } from '@/stores/state';
-import { getProductById } from '../../services/api/productApi';
+import { Product, ProductState } from '@/types/pb/Estimate';
 import { ProductPayload } from '@/types/pb/Product';
-
-export interface ProductState {
-  // eslint-disable-next-line @typescript-eslint/ban-types
-  refProduct: string;
-  currentProduct: object;
-}
+import { ActionContext } from 'vuex';
+import { getProductById } from '../../services/api/productApi';
 
 type ProductContext = ActionContext<ProductState, State>;
 
@@ -15,10 +10,10 @@ export default {
   namespaced: true,
   state: {
     refProduct: null,
-    currentProduct: {},
+    currentProduct: null,
   },
   getters: {
-    getRefProduct(state: ProductState) {
+    getRefProduct(state: ProductState): string {
       return state.refProduct;
     },
     getCurrentProduct(state: ProductState) {
@@ -29,7 +24,7 @@ export default {
     setRefProduct(state: ProductState, ref: string) {
       state.refProduct = ref;
     },
-    setCurrentProduct(state: ProductState, product: object) {
+    setCurrentProduct(state: ProductState, product: Product) {
       state.currentProduct = product;
     },
   },
@@ -37,26 +32,17 @@ export default {
     updateRefProduct({ commit }: ProductContext, { ref }: { ref: string }) {
       commit('setRefProduct', ref);
     },
+
     async loadProduct(
       { commit, state }: ProductContext,
       { payload, storeId }: { payload: ProductPayload; storeId: string },
-    ) {
+    ): Promise<void> {
       if (state.refProduct) {
-        const product = await getProductById(state.refProduct, storeId);
+        const product: Product | null = await getProductById(state.refProduct, storeId);
 
         if (product) {
-          const formattedProduct = {
-            code: product.code || null,
-            photo: product.photo || payload.photo,
-            designation: product.designation || payload.designation,
-            price: product.price || null,
-          };
-          commit('setCurrentProduct', formattedProduct);
-        } else {
-          commit('setCurrentProduct', payload);
+          commit('setCurrentProduct', product);
         }
-      } else {
-        commit('setCurrentProduct', payload);
       }
     },
   },

package/src/stores/state.ts

@@ -6,7 +6,6 @@ import { InhabitantsState } from '@/stores/modules/inhabitantsStore';
 import { MetaDataState } from '@/stores/modules/metaDataStore';
 import { ProjectsState } from '@/stores/modules/projectsStore';
 import { ToolsState } from '@/stores/modules/toolsStore';
-import { ProductState } from './modules/productsStore';
 import { TrezorState } from './modules/trezorStore';
 
 export interface State {
@@ -18,6 +17,5 @@ export interface State {
   metaData: MetaDataState;
   projects: ProjectsState;
   tools: ToolsState;
-  products: ProductState;
   trezor: TrezorState;
 }

package/src/types/pb/Estimate.ts

@@ -34,3 +34,24 @@ export interface Estimate {
   toolLink: string;
   summary: Summary;
 }
+
+export interface Product {
+  code: string;
+  designation: string;
+  photo: string;
+  price: Price;
+}
+
+export interface Price {
+  unitAmount: number;
+  initialUnitAmount: number;
+  unitAmountNoTax: number;
+  initialUnitAmountNoTax: number;
+  currency: string;
+  discount?: any;
+}
+
+export interface ProductState {
+  refProduct: string;
+  currentProduct: Product;
+}