npm - project-booster-vue - Versions diffs - 9.51.0 → 9.51.2 - Mend

project-booster-vue 9.51.0 → 9.51.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/package.json CHANGED Viewed

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

package/src/components/question/PbQuestion.vue CHANGED Viewed

@@ -1002,7 +1002,7 @@ $answers-apparition-duration: '0.5s';
     align-items: stretch;
     display: flex;
     flex-wrap: wrap;
-    justify-content: flex-start;
+    justify-content: center;
     margin: 0 auto $mu100;
     max-width: 1024px;
     width: 100%;

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

@@ -1,6 +1,6 @@
 <template>
   <div class="pb-products">
-    <div class="pb-products__back-button-container">
+    <div class="pb-products__back-button-container" v-if="payload.viewModel.backLabel">
       <m-link
         icon="ArrowArrowLeft48"
         :class="{
@@ -196,7 +196,7 @@ $responsive-breakpoint: 'm';
   }
   &__body {
-    margin: auto;
+    margin: $mu250 auto 0 auto;
     @include set-from-screen($responsive-breakpoint) {
       width: 591px;

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

@@ -995,9 +995,13 @@ $answers-apparition-duration: '0.5s';
       margin: 0 auto;
       &-label {
-        margin: $mu200 0 0 0;
+        margin: $mu200 $mu050 0 $mu050;
         @include set-font-face('semi-bold');
         @include set-font-scale('06', 'l');
+        @include set-from-screen($responsive-breakpoint) {
+          margin: $mu200 0 0 0;
+        }
       }
     }
   }

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

@@ -13,7 +13,6 @@
       />
     </m-flex>
     <div class="pb-city-search__form">
-      <m-pb-progress :min="0" :max="20"></m-pb-progress>
       <div class="pb-city-search__title">
         {{ computedPayload.viewModel.label }}
       </div>
@@ -107,7 +106,6 @@ import MFlex from '../../../mozaic/flex/MFlex.vue';
 import MButton from '../../../mozaic/buttons/MButton.vue';
 import MLink from '../../../mozaic/link/MLink.vue';
 import MTextInput from '../../../mozaic/text-input/MTextInput.vue';
-import MPbProgress from '../../ui/progress/MPbProgress.vue';
 import DEFAULT_PAYLOAD from './default-payload.json';
 import { DebouncedFunc } from 'lodash-es';
 import { decorate } from '@/services/decorate';
@@ -124,7 +122,6 @@ export default defineComponent({
     MButton,
     MLink,
     MTextInput,
-    MPbProgress,
   },
   props: {
@@ -414,8 +411,13 @@ $responsive-breakpoint: 'm';
   flex-direction: column;
   flex-grow: 1;
   margin: 0 auto;
-  position: relative;
-  width: calc(100% - #{$mu050} - #{$mu050});
+  width: calc(100% - #{$mu250});
+  padding-top: $mu200;
+  @include set-from-screen($responsive-breakpoint) {
+    width: calc(100% - #{$mu050} - #{$mu050});
+    padding-top: 0;
+  }
   &__back-button-container {
     position: absolute;
@@ -451,13 +453,16 @@ $responsive-breakpoint: 'm';
     flex-direction: column;
     flex-grow: 1;
     max-width: 100%;
-    width: 591px;
-    margin-top: $mu250;
+    width: 100%;
+    @include set-from-screen($responsive-breakpoint) {
+      width: 565px;
+    }
   }
   &__title {
     @include set-font-face('semi-bold');
-    @include set-font-scale('07', 's');
+    @include set-font-scale('06', 's');
     max-width: 100%;
     padding: 0 0 $mu100 0;

package/src/components/rework/question/default-payload.json CHANGED Viewed

@@ -3,6 +3,7 @@
     "hero": "The question hero",
     "label": "The question title",
     "subtitle": "The question subtitle",
+    "forceOneCardPerLineOnMobile": true,
     "answersComponent": "PbCard",
     "videoBlock": {
       "buttonLabel": "Voir le guide en vidéo (1min)",

package/src/components/rework/question/incremental-amount-input/MPbIncrementalAmountInput.vue CHANGED Viewed

@@ -18,8 +18,6 @@
       ref="pbDimensionsInputFormContainerObserver"
       @submit.prevent="handleFormSubmit"
     >
-      <m-pb-progress :min="0" :max="20" class="pb-incremental-amount-input__progress"></m-pb-progress>
       <div class="pb-incremental-amount-input__title">
         {{ computedPayload.viewModel.label }}
       </div>
@@ -60,7 +58,6 @@ import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { decorate } from '@/services/decorate';
 import MQuantitySelector from '../../../mozaic/quantityselector/MQuantitySelector.vue';
 import { IncrementalAmountPayload } from '@/components/question/incremental-amount-input/IncrementalAmount';
-import MPbProgress from '../../ui/progress/MPbProgress.vue';
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
@@ -101,7 +98,6 @@ export default defineComponent({
     MLink,
     MButton,
     MQuantitySelector,
-    MPbProgress,
   },
   props: {
@@ -217,12 +213,20 @@ $responsive-breakpoint: 'm';
   flex-grow: 1;
   margin: 0 auto;
   width: calc(100% - #{$mu050} - #{$mu050});
+  padding-top: $mu200;
+  @include set-from-screen($responsive-breakpoint) {
+    padding-top: 0;
+  }
   &__back-button-container {
     align-self: flex-start;
   }
   &__back-button {
+    position: absolute;
+    top: 0;
+    left: 0;
     opacity: 1;
     padding: $mu100 0 $mu100 $mu025;
     transition: opacity 0.15s 0.5s;
@@ -276,10 +280,10 @@ $responsive-breakpoint: 'm';
     display: flex;
     flex-direction: column;
     flex-grow: 1;
+    padding: 0 $mu050;
     @include set-from-screen($responsive-breakpoint) {
-      // width: calc(100% - #{$mu050} - #{$mu050});
-      width: 591px;
+      width: 565px;
     }
   }
@@ -291,7 +295,7 @@ $responsive-breakpoint: 'm';
   &__title {
     @include set-font-face('semi-bold');
-    @include set-font-scale('07', 's');
+    @include set-font-scale('06', 's');
     margin-bottom: 10px;
     max-width: 100%;

package/src/components/rework/ui/progress/MPbProgress.vue CHANGED Viewed

@@ -74,6 +74,13 @@ const props = defineProps({
 $responsive-breakpoint: 'm';
 .progress-step {
+  width: calc(100% - 2.5rem);
+  margin: 0 auto;
+  @include set-from-screen($responsive-breakpoint) {
+    width: 100%;
+  }
   &__number {
     color: $color-primary-01-500;
     @include set-font-face('semi-bold');

package/src/components/scenario/scenarii/floor-insulation.json CHANGED Viewed

@@ -16,16 +16,34 @@
   "FLOOR_INSULATION": {
     "code": "FLOOR_INSULATION",
     "type": "SCENARIO",
-    "stepCode": "LMFR_FLOOR_INSULATION_QUESTION_SITUATION"
+    "stepCode": "LMFR_FLOOR_INSULATION_DISPLAY_PRODUCT"
   },
+  "LMFR_FLOOR_INSULATION_DISPLAY_PRODUCT": {
+    "code": "LMFR_FLOOR_INSULATION_DISPLAY_PRODUCT",
+    "type": "STEP",
+    "component": "MPbProducts",
+    "payload": {
+      "viewModel": {
+        "label": "Estimer vos aides pour votre projet",
+        "defaultProduct": {
+          "designation": "Isolation du sol de votre rez-de-chaussée"
+        }
+      },
+      "callToActions": [
+        {
+          "type": "button",
+          "label": "Commencer",
+          "action": {
+            "type": "STEP",
+            "code": "LMFR_FLOOR_INSULATION_QUESTION_SITUATION"
+          },
+          "bordered": false
+        }
+      ]
+    }
+  },
   "LMFR_FLOOR_INSULATION_QUESTION_SITUATION": {
-    "slots": {
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress"
-      }
-    },
     "code": "LMFR_FLOOR_INSULATION_QUESTION_SITUATION",
     "type": "STEP",
     "component": "MPbQuestion",
@@ -34,26 +52,27 @@
         "label": "Dans ce logement, vous êtes ?",
         "answersComponent": "MPbCard",
         "progressBar": true,
-        "widthFromL": true
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "OWNER": {
           "code": "OWNER",
           "viewModel": {
             "title": "Propriétaire"
-          },
-          "notification": {
-            "type": "warning",
-            "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",
-            "buttonHref": "https://google.fr/"
           }
         },
         "LESSEE": {
           "code": "LESSEE",
           "viewModel": {
             "title": "Locataire"
+          },
+          "notification": {
+            "type": "warning",
+            "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",
+            "buttonHref": "https://google.fr/"
           }
         }
       }
@@ -65,48 +84,16 @@
           "nextStep": {
             "code": "LMFR_FLOOR_INSULATION_QUESTION_HOUSING_TYPE"
           }
-        },
-        {
-          "conditions": ["isAnswerMatching('LMFR_FLOOR_INSULATION_QUESTION_SITUATION', 'LESSEE')"],
-          "nextStep": {
-            "code": "LMFR_FLOOR_INSULATION_DISPLAY_WARNING_FOR_LESSEE"
-          }
-        }
-      ]
-    }
-  },
-  "LMFR_FLOOR_INSULATION_DISPLAY_WARNING_FOR_LESSEE": {
-    "code": "LMFR_FLOOR_INSULATION_DISPLAY_WARNING_FOR_LESSEE",
-    "type": "STEP",
-    "component": "PbWarningMessage",
-    "payload": {
-      "viewModel": {
-        "actionLabel": "Terminer",
-        "backLabel": "Question précédente",
-        "label": "Vous êtes locataire",
-        "subtitle": "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."
-      },
-      "callToActions": [
-        {
-          "type": "button",
-          "label": "Ok, poursuivre l'estimation",
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_FLOOR_INSULATION_QUESTION_HOUSING_TYPE"
-          },
-          "bordered": false
-        },
-        {
-          "type": "button",
-          "label": "Quitter l'estimation",
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_FLOOR_INSULATION_ADVICE_FOR_LESSEE"
-          },
-          "bordered": true
         }
       ]
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 1
+      }
     }
   },
   "LMFR_FLOOR_INSULATION_QUESTION_HOUSING_TYPE": {
@@ -118,7 +105,8 @@
         "label": "Dans quel type de logement habitez-vous ?",
         "answersComponent": "MPbCard",
         "progressBar": true,
-        "widthFromL": true
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "HOUSE": {
@@ -132,26 +120,20 @@
           "code": "APARTMENT",
           "viewModel": {
             "title": "Un appartement",
-            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/apartement.jpg",
-            "notification": {
-              "type": "warning",
-              "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",
-              "buttonHref": "https://google.fr/"
-            }
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/apartement.jpg"
+          },
+          "notification": {
+            "type": "warning",
+            "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",
+            "buttonHref": "https://google.fr/"
           }
         }
       }
     },
     "nextStep": {
       "conditionals": [
-        {
-          "conditions": ["isAnswerMatching('LMFR_FLOOR_INSULATION_QUESTION_HOUSING_TYPE', 'APARTMENT')"],
-          "nextStep": {
-            "code": "LMFR_FLOOR_INSULATION_DISPLAY_WARNING_FOR_APARTMENT"
-          }
-        },
         {
           "conditions": ["isAnswerMatching('LMFR_FLOOR_INSULATION_QUESTION_HOUSING_TYPE', 'HOUSE')"],
           "nextStep": {
@@ -164,55 +146,11 @@
       "beforeContent": {
         "display": true,
         "component": "MPbProgress",
-        "totalStep": 14,
+        "totalStep": 11,
         "currentStep": 2
       }
     }
   },
-  "LMFR_FLOOR_INSULATION_DISPLAY_WARNING_FOR_APARTMENT": {
-    "code": "LMFR_FLOOR_INSULATION_DISPLAY_WARNING_FOR_APARTMENT",
-    "type": "STEP",
-    "component": "PbWarningMessage",
-    "payload": {
-      "viewModel": {
-        "actionLabel": "Terminer",
-        "backLabel": "Question précédente",
-        "label": "Vos travaux dans un appartement",
-        "subtitle": "Nous attirons votre attention !",
-        "content": "Faire des travaux d’isolation dans un appartement nécessite certaines précautions.",
-        "explainLink": {
-          "type": "link",
-          "label": "Voir les précautions pour isoler son appartement",
-          "action": {
-            "viewModelDialog": {
-              "headerTitle": "Avant d’isoler votre appartement, voici quelques précautions à prendre :",
-              "contentHtml": "<ul><li>Informez-vous sur les modes d'isolation possible pour votre sol.</li><li>Informez la copropriété de votre projet, et notamment du bruit que peuvent générer les travaux.</li></ul>"
-            }
-          }
-        }
-      },
-      "callToActions": [
-        {
-          "type": "button",
-          "label": "Ok, poursuivre l'estimation",
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_FLOOR_INSULATION_QUESTION_CONSTRUCTION_AGE"
-          },
-          "bordered": false
-        },
-        {
-          "type": "button",
-          "label": "Quitter l'estimation",
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_FLOOR_INSULATION_ADVICE"
-          },
-          "bordered": true
-        }
-      ]
-    }
-  },
   "LMFR_FLOOR_INSULATION_QUESTION_CONSTRUCTION_AGE": {
     "code": "LMFR_FLOOR_INSULATION_QUESTION_CONSTRUCTION_AGE",
     "type": "STEP",
@@ -222,7 +160,8 @@
         "label": "De quand date votre logement ?",
         "answersComponent": "MPbCard",
         "progressBar": true,
-        "widthFromL": true
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "NEW": {
@@ -252,7 +191,9 @@
     "slots": {
       "beforeContent": {
         "display": true,
-        "component": "MPbProgress"
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 3
       }
     }
   },
@@ -265,7 +206,8 @@
         "label": "Quel est le type de résidence ?",
         "answersComponent": "MPbCard",
         "progressBar": true,
-        "widthFromL": true
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "MAIN": {
@@ -294,7 +236,9 @@
     "slots": {
       "beforeContent": {
         "display": true,
-        "component": "MPbProgress"
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 4
       }
     }
   },
@@ -315,12 +259,19 @@
         "backLabel": "Question précédente",
         "label": "Dans quelle ville aura lieu les travaux ?",
         "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_FLOOR_INSULATION_QUESTION_INHABITANTS_COUNT"
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 5
+      }
     }
   },
   "LMFR_FLOOR_INSULATION_QUESTION_INHABITANTS_COUNT": {
@@ -348,7 +299,9 @@
     "slots": {
       "beforeContent": {
         "display": true,
-        "component": "MPbProgress"
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 6
       }
     }
   },
@@ -362,7 +315,8 @@
         "subtitle": "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.",
         "answersComponent": "MPbCard",
         "progressBar": true,
-        "widthFromL": true
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "LOW_IDF_1": {
@@ -1983,19 +1937,29 @@
     },
     "nextStep": {
       "code": "LMFR_FLOOR_INSULATION_QUESTION_SURFACE_AREA"
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 7
+      }
     }
   },
   "LMFR_FLOOR_INSULATION_QUESTION_SURFACE_AREA": {
     "code": "LMFR_FLOOR_INSULATION_QUESTION_SURFACE_AREA",
     "type": "STEP",
-    "component": "MPbSpaceInput",
+    "component": "PbSpaceInput",
     "slots": {
       "stickyBottom": {
-        "display": false
-      },
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress"
+        "display": false,
+        "beforeContent": {
+          "display": true,
+          "component": "MPbProgress",
+          "totalStep": 11,
+          "currentStep": 8
+        }
       }
     },
     "payload": {
@@ -2026,9 +1990,7 @@
             "type": "MODAL",
             "dialogViewModel": {
               "headerTitle": "Pour calculer la surface de vos planchers bas à isoler c'est facile.",
-              "htmlContent": "<p>Vous devrez simplement connaître la longueur et la largeur au sol de votre cave, garage ou sous sol à isoler. Il suffit ensuite de multiplier la longueur par la largeur de la façon suivante :<br/><b>Surface de la pièce à isoler = Longueur x Largeur</b></p>",
-              "linkText": "Accéder à mon espace impot.gouv",
-              "hrefLink": "https://www.impot.gouv"
+              "htmlContent": "<p>Vous devrez simplement connaître la longueur et la largeur au sol de votre cave, garage ou sous sol à isoler. Il suffit ensuite de multiplier la longueur par la largeur de la façon suivante :<br/><b>Surface de la pièce à isoler = Longueur x Largeur</b></p>"
             }
           }
         }
@@ -2046,8 +2008,7 @@
       "viewModel": {
         "label": "Quelles pièces souhaitez-vous isoler ?",
         "answersComponent": "MPbCard",
-        "progressBar": true,
-        "widthFromL": true
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "CELLAR": {
@@ -2079,7 +2040,9 @@
     "slots": {
       "beforeContent": {
         "display": true,
-        "component": "MPbProgress"
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 9
       }
     }
   },
@@ -2087,13 +2050,12 @@
   "LMFR_FLOOR_INSULATION_ADVICE": {
     "code": "LMFR_FLOOR_INSULATION_ADVICE",
     "type": "STEP",
-    "component": "PbQuestion",
+    "component": "MPbQuestion",
     "payload": {
       "viewModel": {
         "label": "Pour aller plus loin dans votre projet",
         "answersComponent": "MPbCard",
-        "progressBar": true,
-        "widthFromL": true
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "DISCOVER_OUR_HEATERS": {
@@ -2113,18 +2075,25 @@
           }
         }
       }
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 10
+      }
     }
   },
   "LMFR_FLOOR_INSULATION_ADVICE_FOR_LESSEE": {
     "code": "LMFR_FLOOR_INSULATION_ADVICE_FOR_LESSEE",
     "type": "STEP",
-    "component": "PbQuestion",
+    "component": "MPbQuestion",
     "payload": {
       "viewModel": {
         "label": "Pour aller plus loin dans votre projet",
         "answersComponent": "MPbCard",
-        "progressBar": true,
-        "widthFromL": true
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "DISCOVER_OUR_HEATERS": {
@@ -2152,6 +2121,14 @@
           }
         }
       }
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 11
+      }
     }
   },
@@ -2243,11 +2220,11 @@
   "LMFR_FLOOR_INSULATION_QUESTION_CONTACT": {
     "code": "LMFR_FLOOR_INSULATION_QUESTION_CONTACT",
     "type": "STEP",
-    "component": "PbQuestion",
+    "component": "MPbQuestion",
     "payload": {
       "viewModel": {
         "label": "Vous souhaitez être rappelé pour :",
-        "answersComponent": "PbCard"
+        "answersComponent": "MPbCard"
       },
       "answers": {
         "PHONE_CALL": {
@@ -2367,7 +2344,22 @@
           "label": "Envoyer",
           "action": {
             "type": "STEP",
-            "code": "LMFR_FLOOR_INSULATION_LEAD_CREATED"
+            "conditionals": [
+              {
+                "conditions": [
+                  "isAnswerValue('LMFR_FLOOR_INSULATION_LEAD_FORM', 'status', 'LEAD_CREATED_SUCCESSFULLY')"
+                ],
+                "nextStep": {
+                  "code": "LMFR_FLOOR_INSULATION_LEAD_CREATED"
+                }
+              },
+              {
+                "conditions": ["true"],
+                "nextStep": {
+                  "code": "LMFR_FLOOR_INSULATION_LEAD_CREATION_FAILED"
+                }
+              }
+            ]
           },
           "bordered": false
         }
@@ -2379,7 +2371,6 @@
     "type": "STEP",
     "component": "PbPedagogy",
     "payload": {
-      "code": "LMFR_FLOOR_INSULATION_LEAD_CREATED",
       "viewModel": {
         "title": "Merci, votre demande a été prise en compte",
         "icon": "https://storage.googleapis.com/project-booster-media/vad/fin-de-parcours/check_80.svg",
@@ -2390,23 +2381,55 @@
           }
         ]
       },
-      "multiSelect": {
-        "actions": {
-          "VALIDATE": {
-            "isAnswer": false,
-            "label": "Retourner à l’estimation",
-            "nextStep": {
-              "code": "SUMMARY"
-            }
+      "callToActions": [
+        {
+          "isAnswer": false,
+          "label": "Retourner à l’estimation",
+          "nextStep": {
+            "code": "SUMMARY"
           }
         }
-      }
+      ]
+    }
+  },
+  "LMFR_FLOOR_INSULATION_LEAD_CREATION_FAILED": {
+    "code": "LMFR_FLOOR_INSULATION_LEAD_CREATION_FAILED",
+    "type": "STEP",
+    "component": "PbPedagogy",
+    "payload": {
+      "viewModel": {
+        "title": "Désolé, votre région n'est pas prise en charge pour le moment",
+        "description": [
+          {
+            "label": "Veuillez vous rendre dans votre magasin Leroy Merlin le plus proche",
+            "icon": "https://storage.googleapis.com/project-booster-media/vad/fin-de-parcours/picto_plan_pour-espace-projet-compte.png"
+          }
+        ]
+      },
+      "callToActions": [
+        {
+          "isAnswer": false,
+          "label": "Retourner à l’estimation",
+          "bordered": false,
+          "nextStep": {
+            "code": "SUMMARY"
+          }
+        },
+        {
+          "isAnswer": false,
+          "label": "Quitter l'estimation",
+          "bordered": true,
+          "nextStep": {
+            "code": "LMFR_FLOOR_INSULATION_ADVICE"
+          }
+        }
+      ]
     }
   },
   "__END__": {
     "code": "__END__",
     "type": "END",
-    "component": "PbQuestion",
+    "component": "MPbQuestion",
     "payload": {
       "viewModel": {
         "label": "End"

package/src/components/scenario/scenarii/pellet-boiler.json CHANGED Viewed

@@ -16,8 +16,9 @@
   "PELLET_BOILER": {
     "code": "PELLET_BOILER",
     "type": "SCENARIO",
-    "stepCode": "LMFR_PELLET_BOILER_QUESTION_INCOME"
+    "stepCode": "LMFR_PELLET_BOILER_DISPLAY_PRODUCT"
   },
   "LMFR_PELLET_BOILER_DISPLAY_PRODUCT": {
     "code": "LMFR_PELLET_BOILER_DISPLAY_PRODUCT",
     "type": "STEP",
@@ -51,7 +52,8 @@
         "label": "Dans ce logement, vous êtes ?",
         "answersComponent": "MPbCard",
         "progressBar": true,
-        "widthFromL": true
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "OWNER": {
@@ -64,6 +66,13 @@
           "code": "LESSEE",
           "viewModel": {
             "title": "Locataire"
+          },
+          "notification": {
+            "type": "warning",
+            "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",
+            "buttonHref": "https://google.fr/"
           }
         }
       }
@@ -75,48 +84,16 @@
           "nextStep": {
             "code": "LMFR_PELLET_BOILER_QUESTION_HOUSING_TYPE"
           }
-        },
-        {
-          "conditions": ["isAnswerMatching('LMFR_PELLET_BOILER_QUESTION_SITUATION', 'LESSEE')"],
-          "nextStep": {
-            "code": "LMFR_PELLET_BOILER_DISPLAY_WARNING_FOR_LESSEE"
-          }
-        }
-      ]
-    }
-  },
-  "LMFR_PELLET_BOILER_DISPLAY_WARNING_FOR_LESSEE": {
-    "code": "LMFR_PELLET_BOILER_DISPLAY_WARNING_FOR_LESSEE",
-    "type": "STEP",
-    "component": "PbWarningMessage",
-    "payload": {
-      "viewModel": {
-        "actionLabel": "Terminer",
-        "backLabel": "Question précédente",
-        "label": "Vous êtes locataire",
-        "subtitle": "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."
-      },
-      "callToActions": [
-        {
-          "type": "button",
-          "label": "Ok, poursuivre l'estimation",
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_PELLET_BOILER_QUESTION_HOUSING_TYPE"
-          },
-          "bordered": false
-        },
-        {
-          "type": "button",
-          "label": "Quitter l'estimation",
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_PELLET_BOILER_ADVICE_FOR_LESSEE"
-          },
-          "bordered": true
         }
       ]
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 1
+      }
     }
   },
   "LMFR_PELLET_BOILER_QUESTION_HOUSING_TYPE": {
@@ -127,37 +104,36 @@
       "viewModel": {
         "label": "Dans quel type de logement habitez-vous ?",
         "answersComponent": "MPbCard",
-        "widthFromL": true,
         "progressBar": true,
-        "showNotification": false
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "HOUSE": {
           "code": "HOUSE",
           "viewModel": {
-            "title": "Maison",
-            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/house.png",
-            "cardMinRatio": "auto"
+            "title": "Une maison",
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/house.png"
           }
         },
         "APARTMENT": {
           "code": "APARTMENT",
           "viewModel": {
-            "title": "Appartement",
-            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/apartement.jpg",
-            "cardMinRatio": "auto"
+            "title": "Un appartement",
+            "image": "https://storage.googleapis.com/project-booster-media/energyrenovation/apartement.jpg"
+          },
+          "notification": {
+            "type": "warning",
+            "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",
+            "buttonHref": "https://google.fr/"
           }
         }
       }
     },
     "nextStep": {
       "conditionals": [
-        {
-          "conditions": ["isAnswerMatching('LMFR_PELLET_BOILER_QUESTION_HOUSING_TYPE', 'APARTMENT')"],
-          "nextStep": {
-            "code": "LMFR_PELLET_BOILER_DISPLAY_WARNING_FOR_APARTMENT"
-          }
-        },
         {
           "conditions": ["isAnswerMatching('LMFR_PELLET_BOILER_QUESTION_HOUSING_TYPE', 'HOUSE')"],
           "nextStep": {
@@ -165,40 +141,14 @@
           }
         }
       ]
-    }
-  },
-  "LMFR_PELLET_BOILER_DISPLAY_WARNING_FOR_APARTMENT": {
-    "code": "LMFR_PELLET_BOILER_DISPLAY_WARNING_FOR_APARTMENT",
-    "type": "STEP",
-    "component": "PbWarningMessage",
-    "payload": {
-      "viewModel": {
-        "actionLabel": "Terminer",
-        "backLabel": "Question précédente",
-        "label": "Vos travaux dans un appartement",
-        "subtitle": "Nous attirons votre attention !",
-        "content": "Nous ne realisons pas de projets de chaudière à pellet dans les appartements. Nous vous invitons à vous rapporcher de votre copropriété pour poursuivre les démarches."
-      },
-      "callToActions": [
-        {
-          "type": "button",
-          "label": "Ok, poursuivre l'estimation",
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_PELLET_BOILER_QUESTION_CONSTRUCTION_AGE"
-          },
-          "bordered": false
-        },
-        {
-          "type": "button",
-          "label": "Quitter l'estimation",
-          "action": {
-            "type": "STEP",
-            "code": "LMFR_PELLET_BOILER_ADVICE"
-          },
-          "bordered": true
-        }
-      ]
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 2
+      }
     }
   },
   "LMFR_PELLET_BOILER_QUESTION_CONSTRUCTION_AGE": {
@@ -209,15 +159,16 @@
       "viewModel": {
         "label": "De quand date votre logement ?",
         "answersComponent": "MPbCard",
-        "widthFromL": true,
         "progressBar": true,
-        "showNotification": false
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "NEW": {
           "code": "NEW",
           "viewModel": {
-            "title": "Moins de 2 ans"
+            "title": "Moins de 2 ans",
+            "text": "Si votre logement à moins de 2 ans, vous ne serez pas éligible aux aides"
           }
         },
         "RECENT": {
@@ -236,6 +187,14 @@
     },
     "nextStep": {
       "code": "LMFR_PELLET_BOILER_QUESTION_CONSTRUCTION_MAIN_RESIDENCE"
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 3
+      }
     }
   },
   "LMFR_PELLET_BOILER_QUESTION_CONSTRUCTION_MAIN_RESIDENCE": {
@@ -246,9 +205,9 @@
       "viewModel": {
         "label": "Quel est le type de résidence ?",
         "answersComponent": "MPbCard",
-        "widthFromL": true,
         "progressBar": true,
-        "showNotification": false
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "MAIN": {
@@ -272,7 +231,15 @@
       }
     },
     "nextStep": {
-      "code": "LMFR_PELLET_BOILER_QUESTION_INHABITANTS_COUNT"
+      "code": "LMFR_PELLET_BOILER_QUESTION_LOCATION"
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 4
+      }
     }
   },
   "LMFR_PELLET_BOILER_QUESTION_LOCATION": {
@@ -297,6 +264,14 @@
     },
     "nextStep": {
       "code": "LMFR_PELLET_BOILER_QUESTION_INHABITANTS_COUNT"
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 5
+      }
     }
   },
   "LMFR_PELLET_BOILER_QUESTION_INHABITANTS_COUNT": {
@@ -320,6 +295,14 @@
     },
     "nextStep": {
       "code": "LMFR_PELLET_BOILER_QUESTION_INCOME"
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 6
+      }
     }
   },
   "LMFR_PELLET_BOILER_QUESTION_INCOME": {
@@ -331,9 +314,9 @@
         "label": "Quel est votre revenu fiscal de référénce ?",
         "subtitle": "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.",
         "answersComponent": "MPbCard",
-        "widthFromL": true,
         "progressBar": true,
-        "showNotification": false
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "LOW_IDF_1": {
@@ -342,7 +325,8 @@
             "isAnswerValue('LMFR_PELLET_BOILER_QUESTION_INHABITANTS_COUNT', 'value', 1) && isAnswerValue('LMFR_PELLET_BOILER_QUESTION_LOCATION', 'city.region', 'IDF')"
           ],
           "viewModel": {
-            "title": "0 - 20 593 €"
+            "title": "0 - 20 593 €",
+            "borderColor": "#0FB5FC"
           }
         },
         "MIDDLE_IDF_1": {
@@ -351,7 +335,8 @@
             "isAnswerValue('LMFR_PELLET_BOILER_QUESTION_INHABITANTS_COUNT', 'value', 1) && isAnswerValue('LMFR_PELLET_BOILER_QUESTION_LOCATION', 'city.region', 'IDF')"
           ],
           "viewModel": {
-            "title": "20 593 - 25 068 €"
+            "title": "20 593 - 25 068 €",
+            "borderColor": "#FFDD2D"
           }
         },
         "HIGH_IDF_1": {
@@ -360,7 +345,8 @@
             "isAnswerValue('LMFR_PELLET_BOILER_QUESTION_INHABITANTS_COUNT', 'value', 1) && isAnswerValue('LMFR_PELLET_BOILER_QUESTION_LOCATION', 'city.region', 'IDF')"
           ],
           "viewModel": {
-            "title": "25 068 - 38 184 €"
+            "title": "25 068 - 38 184 €",
+            "borderColor": "#B073FF"
           }
         },
         "VERY-HIGH_IDF_1": {
@@ -369,7 +355,8 @@
             "isAnswerValue('LMFR_PELLET_BOILER_QUESTION_INHABITANTS_COUNT', 'value', 1) && isAnswerValue('LMFR_PELLET_BOILER_QUESTION_LOCATION', 'city.region', 'IDF')"
           ],
           "viewModel": {
-            "title": "Plus de 38 184 €"
+            "title": "Plus de 38 184 €",
+            "borderColor": "#FF8CF4"
           }
         },
         "LOW_IDF_2": {
@@ -378,7 +365,8 @@
             "isAnswerValue('LMFR_PELLET_BOILER_QUESTION_INHABITANTS_COUNT', 'value', 2) && isAnswerValue('LMFR_PELLET_BOILER_QUESTION_LOCATION', 'city.region', 'IDF')"
           ],
           "viewModel": {
-            "title": "0 - 30 225 €"
+            "title": "0 - 30 225 €",
+            "borderColor": "#0FB5FC"
           }
         },
         "MIDDLE_IDF_2": {
@@ -387,7 +375,8 @@
             "isAnswerValue('LMFR_PELLET_BOILER_QUESTION_INHABITANTS_COUNT', 'value', 2) && isAnswerValue('LMFR_PELLET_BOILER_QUESTION_LOCATION', 'city.region', 'IDF')"
           ],
           "viewModel": {
-            "title": "30 225 - 36 792 €"
+            "title": "30 225 - 36 792 €",
+            "borderColor": "#FFDD2D"
           }
         },
         "HIGH_IDF_2": {
@@ -1940,9 +1929,7 @@
             "viewModelDialog": {
               "headerTitle": "Ou trouver votre revenu fiscal de référence ?",
               "subTitle": "Pour trouver votre revenu fiscal de référence consultez votre dernière fiche d’imposition.",
-              "imgUrl": "https://storage.googleapis.com/project-booster-media/energyrenovation/reference_tax_income.png",
-              "linkText": "test",
-              "hrefLink": "https://storage.googleapis.com/project-booster-media/energyrenovation/reference_tax_income.png"
+              "imgUrl": "https://storage.googleapis.com/project-booster-media/energyrenovation/reference_tax_income.png"
             }
           }
         }
@@ -1963,6 +1950,14 @@
           }
         }
       ]
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 7
+      }
     }
   },
   "LMFR_PELLET_BOILER_QUESTION_PRICE_RANGE": {
@@ -1972,7 +1967,10 @@
     "payload": {
       "viewModel": {
         "label": "Quelle gamme de prix pour votre chaudière à pellet ?",
-        "answersComponent": "PbCard"
+        "answersComponent": "MPbCard",
+        "progressBar": true,
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "LOW": {
@@ -2000,6 +1998,14 @@
     },
     "nextStep": {
       "code": "LMFR_PELLET_BOILER_QUESTION_REPLACEMENT"
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 8
+      }
     }
   },
   "LMFR_PELLET_BOILER_QUESTION_REPLACEMENT": {
@@ -2010,9 +2016,9 @@
       "viewModel": {
         "label": "Quel type de chauffage souhaitez-vous remplacer par la chaudière à pellets ?",
         "answersComponent": "MPbCard",
-        "widthFromL": true,
         "progressBar": true,
-        "showNotification": false
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "GAZ_HEATER": {
@@ -2094,6 +2100,14 @@
           }
         }
       ]
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 9
+      }
     }
   },
   "LMFR_PELLET_BOILER_QUESTION_INSTALLATION_TYPE": {
@@ -2104,9 +2118,9 @@
       "viewModel": {
         "label": "Quel est le type d’installation pour votre chaudière à pellet ?",
         "answersComponent": "MPbCard",
-        "widthFromL": true,
         "progressBar": true,
-        "showNotification": false
+        "widthFromL": true,
+        "forceOneCardPerLineOnMobile": true
       },
       "answers": {
         "INSTALL_AND_REPLACE_IN_SAME_PLACE": {
@@ -2143,6 +2157,14 @@
     },
     "nextStep": {
       "code": "SUMMARY"
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 10
+      }
     }
   },
@@ -2154,9 +2176,8 @@
       "viewModel": {
         "label": "Pour aller plus loin dans votre projet",
         "answersComponent": "MPbCard",
-        "widthFromL": true,
         "progressBar": true,
-        "showNotification": false
+        "widthFromL": true
       },
       "answers": {
         "DISCOVER_OUR_HEATERS": {
@@ -2186,9 +2207,8 @@
       "viewModel": {
         "label": "Pour aller plus loin dans votre projet",
         "answersComponent": "MPbCard",
-        "widthFromL": true,
         "progressBar": true,
-        "showNotification": false
+        "widthFromL": true
       },
       "answers": {
         "DISCOVER_OUR_HEATERS": {
@@ -2216,6 +2236,14 @@
           }
         }
       }
+    },
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 11,
+        "currentStep": 11
+      }
     }
   },
@@ -2311,7 +2339,7 @@
     "payload": {
       "viewModel": {
         "label": "Vous souhaitez être rappelé pour :",
-        "answersComponent": "PbCard"
+        "answersComponent": "MPbCard"
       },
       "answers": {
         "PHONE_CALL": {
@@ -2425,7 +2453,20 @@
           "label": "Envoyer",
           "action": {
             "type": "STEP",
-            "code": "LMFR_PELLET_BOILER_LEAD_CREATED"
+            "conditionals": [
+              {
+                "conditions": ["isAnswerValue('LMFR_PELLET_BOILER_LEAD_FORM', 'status', 'LEAD_CREATED_SUCCESSFULLY')"],
+                "nextStep": {
+                  "code": "LMFR_PELLET_BOILER_LEAD_CREATED"
+                }
+              },
+              {
+                "conditions": ["true"],
+                "nextStep": {
+                  "code": "LMFR_PELLET_BOILER_LEAD_CREATION_FAILED"
+                }
+              }
+            ]
           },
           "bordered": false
         }
@@ -2437,7 +2478,6 @@
     "type": "STEP",
     "component": "PbPedagogy",
     "payload": {
-      "code": "LMFR_PELLET_BOILER_LEAD_CREATED",
       "viewModel": {
         "title": "Merci, votre demande a été prise en compte",
         "icon": "https://storage.googleapis.com/project-booster-media/vad/fin-de-parcours/check_80.svg",
@@ -2448,17 +2488,49 @@
           }
         ]
       },
-      "multiSelect": {
-        "actions": {
-          "VALIDATE": {
-            "isAnswer": false,
-            "label": "Retourner à l’estimation",
-            "nextStep": {
-              "code": "SUMMARY"
-            }
+      "callToActions": [
+        {
+          "isAnswer": false,
+          "label": "Retourner à l’estimation",
+          "nextStep": {
+            "code": "SUMMARY"
           }
         }
-      }
+      ]
+    }
+  },
+  "LMFR_PELLET_BOILER_LEAD_CREATION_FAILED": {
+    "code": "LMFR_PELLET_BOILER_LEAD_CREATION_FAILED",
+    "type": "STEP",
+    "component": "PbPedagogy",
+    "payload": {
+      "viewModel": {
+        "title": "Désolé, votre région n'est pas prise en charge pour le moment",
+        "description": [
+          {
+            "label": "Veuillez vous rendre dans votre magasin Leroy Merlin le plus proche",
+            "icon": "https://storage.googleapis.com/project-booster-media/vad/fin-de-parcours/picto_plan_pour-espace-projet-compte.png"
+          }
+        ]
+      },
+      "callToActions": [
+        {
+          "isAnswer": false,
+          "label": "Retourner à l’estimation",
+          "bordered": false,
+          "nextStep": {
+            "code": "SUMMARY"
+          }
+        },
+        {
+          "isAnswer": false,
+          "label": "Quitter l'estimation",
+          "bordered": true,
+          "nextStep": {
+            "code": "LMFR_PELLET_BOILER_ADVICE"
+          }
+        }
+      ]
     }
   },
   "__END__": {