project-booster-vue 10.16.2 → 10.16.4

package/package.json

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

package/src/components/rework/exit-options/MPbExitOptions.vue

@@ -207,10 +207,12 @@ $responsive-breakpoint: 'm';
 
 .m-pb-exit-options {
   width: calc(100% - $mu250);
+  max-width: 100%;
   margin: 4rem auto;
 
   @include set-from-screen($responsive-breakpoint) {
     width: 100%;
+    max-width: 720px;
   }
 
   &__title {

package/src/components/rework/question/configurations-import/MPbConfigurationsImport.vue

@@ -388,7 +388,7 @@ $answers-apparition-duration: '0.5s';
       padding: $mu200 $mu125 $mu100 $mu125;
 
       @include set-from-screen($responsive-breakpoint) {
-        padding: 0;
+        padding: $mu200 0 0 0;
         width: 100%;
       }
     }

package/src/components/scenario/PbScenario.vue

@@ -22,7 +22,11 @@
         />
       </div>
     </transition>
-    <div class="pb-scenario__step-container" :style="`min-height: ${minHeight};`">
+    <div
+      class="pb-scenario__step-container"
+      :class="{ auto: state.currentStep?.slots?.beforeContent?.component != 'MPbProgress' }"
+      :style="`min-height: ${minHeight};`"
+    >
       <div class="pb-scenario__step-container__before">
         <div
           class="pb-scenario__step-container__before-step xl"
@@ -795,6 +799,10 @@ $slide-sticky-bottom-animation-delay: $slide-animation-duration + 0.45s;
     @include set-from-screen($responsive-breakpoint) {
       width: 720px;
       margin: 0 auto;
+
+      &.auto {
+        width: auto;
+      }
     }
 
     &__before-step {

package/src/components/scenario/scenarii/appointment-qualification-bathroom.json

@@ -750,7 +750,7 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 13,
-        "currentStep": 1,
+        "currentStep": 8,
         "sizeXlWidth": true,
         "label": "Votre projet de salle de bains"
       }
@@ -820,7 +820,7 @@
         "display": true,
         "component": "MPbProgress",
         "totalStep": 13,
-        "currentStep": 1,
+        "currentStep": 7,
         "sizeXlWidth": true,
         "label": "Votre projet de salle de bains"
       }

package/src/components/scenario/scenarii/appointment-qualification-kitchen.json

@@ -151,22 +151,13 @@
   "LMFR_QUESTION_WORK_START_DATE": {
     "code": "LMFR_QUESTION_WORK_START_DATE",
     "type": "STEP",
-    "component": "MPbQuestion",
-    "slots": {
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 5,
-        "currentStep": 1,
-        "sizeXlWidth": true
-      }
-    },
+    "component": "PbQuestion",
     "payload": {
       "viewModel": {
         "backLabel": "Retour",
         "label": "Quand souhaitez-vous commencer vos travaux ?",
         "forceOneCardPerLineOnMobile": true,
-        "answersComponent": "MPbCard"
+        "answersComponent": "PbCard"
       },
       "answers": {
         "AS_SOON_AS_POSSIBLE": {
@@ -206,22 +197,13 @@
   "LMFR_QUESTION_BUDGET": {
     "code": "LMFR_QUESTION_BUDGET",
     "type": "STEP",
-    "component": "MPbQuestion",
-    "slots": {
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 5,
-        "currentStep": 2,
-        "sizeXlWidth": true
-      }
-    },
+    "component": "PbQuestion",
     "payload": {
       "viewModel": {
         "label": "Avez-vous une idée du budget de votre cuisine (mobilier et équipements) ?",
         "subtitle": "Votre conseiller veillera à respecter votre budget",
         "forceOneCardPerLineOnMobile": true,
-        "answersComponent": "MPbCard"
+        "answersComponent": "PbCard"
       },
       "answers": {
         "BETWEEN_1500_AND_2000_EUROS": {
@@ -269,16 +251,7 @@
   "LMFR_QUESTION_INSTALLATION": {
     "code": "LMFR_QUESTION_INSTALLATION",
     "type": "STEP",
-    "component": "MPbQuestion",
-    "slots": {
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 5,
-        "currentStep": 3,
-        "sizeXlWidth": true
-      }
-    },
+    "component": "PbQuestion",
     "payload": {
       "viewModel": {
         "label": "Qui posera votre cuisine ?",
@@ -287,7 +260,7 @@
           "label": "*Nos artisans partenaires sont rigoureusement sélectionnés et vos travaux sont garantis jusqu'à 10 ans. Vous pouvez également bénéficier de la TVA réduite à 10% (au lieu de 20%) sur les produits éligibles et la pose. Les travaux doivent être réalisés dans un lieu d’habitation achevé depuis plus de 2 ans (agrandissements exclus). Sans condition de revenu.",
           "theme": "gray"
         },
-        "answersComponent": "MPbCard"
+        "answersComponent": "PbCard"
       },
       "answers": {
         "BY_MYSELF": {
@@ -327,12 +300,12 @@
   "LMFR_QUESTION_PLAN": {
     "code": "LMFR_QUESTION_PLAN",
     "type": "STEP",
-    "component": "MPbQuestion",
+    "component": "PbQuestion",
     "payload": {
       "viewModel": {
         "label": " Avez-vous déjà un plan avec les mesures de votre cuisine ?",
         "forceOneCardPerLineOnMobile": true,
-        "answersComponent": "MPbCard"
+        "answersComponent": "PbCard"
       },
       "answers": {
         "HAVE_SIMULATION": {
@@ -437,13 +410,13 @@
   "LMFR_QUESTION_SCENARIO_NO_SIMULATION": {
     "code": "LMFR_QUESTION_SCENARIO_NO_SIMULATION",
     "type": "STEP",
-    "component": "MPbQuestion",
+    "component": "PbQuestion",
     "payload": {
       "viewModel": {
         "label": "Veuillez-nous excuser, nous n’avons trouvé aucun plan",
         "widthFromL": "1of3",
         "forceOneCardPerLineOnMobile": true,
-        "answersComponent": "MPbCard"
+        "answersComponent": "PbCard"
       },
       "answers": {
         "NO_PLAN": {
@@ -482,13 +455,13 @@
   "LMFR_QUESTION_SCENARIO_SIMULATION_NOT_FOUND": {
     "code": "LMFR_QUESTION_SCENARIO_SIMULATION_NOT_FOUND",
     "type": "STEP",
-    "component": "MPbQuestion",
+    "component": "PbQuestion",
     "payload": {
       "viewModel": {
         "label": "Vous ne trouvez pas votre plan",
         "widthFromL": "1of3",
         "forceOneCardPerLineOnMobile": true,
-        "answersComponent": "MPbCard"
+        "answersComponent": "PbCard"
       },
       "answers": {
         "NO_PLAN": {
@@ -548,13 +521,13 @@
   "LMFR_QUESTION_PLAN_INFO": {
     "code": "LMFR_QUESTION_PLAN_INFO",
     "type": "STEP",
-    "component": "MPbQuestion",
+    "component": "PbQuestion",
     "payload": {
       "viewModel": {
         "label": "${answers.LMFR_QUESTION_PLAN[0].code === 'HAVE_PLAN' ? 'Sur votre plan, vérifiez que vous avez les bonnes mesures :' : 'Réalisez rapidement un plan avec les mesures de votre pièce en 3 étapes'}",
         "widthFromL": "1of3",
         "forceOneCardPerLineOnMobile": true,
-        "answersComponent": "MPbCard",
+        "answersComponent": "PbCard",
         "videoBlock": {
           "buttonLabel": "Voir le guide en vidéo (1min)",
           "icon": "https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Media_Play_24px.svg",
@@ -662,7 +635,7 @@
     "payload": {
       "viewModel": {
         "label": "Vos plans de cuisine",
-        "answersComponent": "MPbCard",
+        "answersComponent": "PbCard",
         "showMore": {
           "itemsPerPage": 4,
           "label": "Afficher plus de documents"
@@ -749,14 +722,14 @@
   "LMFR_QUESTION_PICTURE_INFO": {
     "code": "LMFR_QUESTION_PICTURE_INFO",
     "type": "STEP",
-    "component": "MPbQuestion",
+    "component": "PbQuestion",
     "payload": {
       "viewModel": {
         "label": "Si possible, ajoutez des photos de votre cuisine actuelle",
         "subtitle": "Aidez votre conseiller à bien visualiser votre pièce, ajoutez par exemple :",
         "widthFromL": "1of3",
         "forceOneCardPerLineOnMobile": true,
-        "answersComponent": "MPbCard"
+        "answersComponent": "PbCard"
       },
       "skippable": [
         {
@@ -838,7 +811,7 @@
         "label": "Les photos de votre cuisine",
         "addTitle": "Ajouter une photo",
         "addText": " ",
-        "answersComponent": "MPbCard",
+        "answersComponent": "PbCard",
         "showMore": {
           "itemsPerPage": 4,
           "label": "Afficher plus de photos"