project-booster-vue 9.51.1 → 9.52.0

package/package.json

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

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

@@ -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

@@ -411,7 +411,13 @@ $responsive-breakpoint: 'm';
   flex-direction: column;
   flex-grow: 1;
   margin: 0 auto;
-  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;
@@ -456,7 +462,7 @@ $responsive-breakpoint: 'm';
 
   &__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

@@ -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

@@ -213,6 +213,11 @@ $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;
@@ -290,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

@@ -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

@@ -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"