project-booster-vue 10.17.2 → 10.17.3

package/package.json

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

package/src/components/landing/PbProjectsLanding.vue

@@ -217,7 +217,7 @@
           <m-flexy-col
             class="pb-projects-landing__card-container pb-projects-landing__card-container--card-fullwidth-mobile"
             width="1of2"
-            width-from-l="1of3"
+            width-from-l="1of4"
             v-for="item in toolsCards6"
             :key="item.message"
           >
@@ -435,6 +435,11 @@ export default defineComponent({
           image: 'https://storage.googleapis.com/project-booster-media/landing-projet/aide-financement.png',
           href: '/services/service-client/financement.html',
         },
+        {
+          title: 'Votre projet de rénovation à Paris',
+          image: 'https://storage.googleapis.com/project-booster-media/landing-projet/projet-renovation-paris.jpg',
+          href: 'https://travaux.leroymerlin.fr/ ',
+        },
       ],
     };
   },

package/src/components/restitution/PbRestitution.vue

@@ -312,7 +312,6 @@ $space-left-mobile: $mu100;
 
   @include set-from-screen($responsive-breakpoint) {
     padding: $space-top $space-left;
-    max-width: 650px;
   }
 
   &__header {

package/src/components/rework/alert/MPbAlert.stories.mdx

@@ -35,6 +35,7 @@ export const TemplateSandbox = (args, { argTypes }) => ({
     return { args };
   },
   template: `<m-pb-alert
+    style="max-width:720px; margin:7.5rem auto;"
     :payload="args.payload"
   />`,
 });

package/src/components/rework/products/default-payload.json

@@ -1,6 +1,5 @@
 {
   "viewModel": {
-    "backLabel": "Question précédente",
     "label": "Estimer vos aides pour votre projet",
     "defaultProduct": {
       "designation": "Installation d'une chaudière à",

package/src/components/rework/question/MPbQuestion.stories.mdx

@@ -66,6 +66,7 @@ export const TemplateSandbox = (args, { argTypes }) => ({
     return { args };
   },
   template: `<m-pb-question
+    style="max-width:720px; margin: auto;"
     :payload="args.payload"
     :show-back-button="args.showBackButton"
     :answers="args.answers"

package/src/components/rework/question/incremental-amount-input/MPbIncrementalAmountInput.stories.mdx

@@ -36,6 +36,7 @@ export const TemplateSandbox = (args, { argTypes }) => ({
     return { args };
   },
   template: `<m-pb-incremental-amount-input
+    style="max-width:720px; margin:auto;"
     :payload="args.payload"
     :show-back-button="args.showBackButton"
     :completed-event-name="args.completedEventName"

package/src/components/rework/question/space-input/MPbSpaceInput.stories.mdx

@@ -62,6 +62,7 @@ export const TemplateSandbox = (args, { argTypes }) => ({
     return { args };
   },
   template: `<m-pb-space-input
+    style="max-width:720px; margin: auto"
     :payload="args.payload"
     :show-back-button="args.showBackButton"
     :answers="args.answers"

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

@@ -233,7 +233,8 @@
         "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": "MPbCard",
+        "widthFromL": "auto"
       },
       "answers": {
         "BETWEEN_1500_AND_2000_EUROS": {
@@ -457,22 +458,13 @@
     "code": "LMFR_QUESTION_SCENARIO_NO_SIMULATION",
     "type": "STEP",
     "component": "MPbQuestion",
-    "slots": {
-      "beforeContent": {
-        "display": true,
-        "component": "MPbProgress",
-        "totalStep": 7,
-        "currentStep": 6,
-        "sizeXlWidth": true,
-        "label": "Votre projet cuisine"
-      }
-    },
     "payload": {
       "viewModel": {
         "label": "Veuillez-nous excuser, nous n’avons trouvé aucun plan",
         "widthFromL": "1of3",
         "forceOneCardPerLineOnMobile": true,
-        "answersComponent": "MPbCard"
+        "answersComponent": "MPbCard",
+        "hideNextStep": true
       },
       "answers": {
         "NO_PLAN": {
@@ -608,7 +600,7 @@
       "skippable": [
         {
           "isAnswer": false,
-          "label": "Ajouter un plan plus tard",
+          "label": "Passer l'étape",
           "theme": "text-primary",
           "width": "full",
           "widthFromM": "fit",

package/src/components/trezor/PbTrezor.stories.mdx

@@ -45,6 +45,7 @@ export const TemplateSandbox = (args, { argTypes }) => ({
     return { args };
   },
   template: `<pb-trezor
+    style="max-width:720px; margin:auto;"
     :payload="args.payload"
     :show-back-button="args.showBackButton"
     :completed-event-name="args.completedEventName"

package/src/components/trezor/PbTrezor.vue

@@ -540,7 +540,8 @@ $responsive-breakpoint: 'm';
 
 .pb-trezor {
   margin: 0 auto;
-  // max-width: 1024px;
+  max-width: 100%;
+  width: 720px;
 
   &__back-button {
     align-self: flex-start;
@@ -549,6 +550,10 @@ $responsive-breakpoint: 'm';
     transition: opacity 0.15s 0.5s;
     z-index: 2;
 
+    @include set-from-screen($responsive-breakpoint) {
+      padding: $mu100 0;
+    }
+
     &--hidden {
       opacity: 0;
       pointer-events: none;
@@ -564,9 +569,8 @@ $responsive-breakpoint: 'm';
     position: relative;
 
     @include set-from-screen($responsive-breakpoint) {
-      margin: auto;
       padding: 0 0 $mu250 0;
-      text-align: center;
+      width: 100%;
     }
   }
 
@@ -585,7 +589,7 @@ $responsive-breakpoint: 'm';
     @include set-from-screen($responsive-breakpoint) {
       margin: auto;
       padding: 0;
-      width: 900px;
+      width: 100%;
     }
 
     &__checkbox {