project-booster-vue 9.59.2 → 9.59.3

package/package.json

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

package/src/components/rework/alert/MPbAlert.vue

@@ -65,10 +65,14 @@ const props = defineProps({
  * @param action
  */
 const callAction = (action: PayloadAction) => {
-  emit('step-completed', {
-    answers: [],
-    nextStep: action,
-  });
+  if (action.code != '__BACK__') {
+    emit('step-completed', {
+      answers: [],
+      nextStep: action,
+    });
+  } else {
+    emit('go-back');
+  }
 };
 </script>
 

package/src/components/rework/question/upload-document/MPbUploadDocument.vue

@@ -37,12 +37,12 @@
               width-from-l="1of3"
             >
               <div class="pb-upload-document__answer">
-                <pb-card
-                  class="pb-upload-document__answer-card"
-                  :title="payload.viewModel.addTitle || 'Ajouter un plan'"
-                  :text="payload.viewModel.addText || ''"
-                  @card-click="displayDocumentDialog"
-                />
+                <div
+                  class="pb-upload-document__answer-plan mc-button mc-button--bordered-neutral"
+                  @click="displayDocumentDialog"
+                >
+                  {{ payload.viewModel.addTitle || 'Importer un fichier' }}
+                </div>
               </div>
             </m-flexy-col>
             <m-flexy-col
@@ -79,6 +79,17 @@
         </m-flexy>
       </m-container>
     </div>
+
+    <div class="pb-upload-document__redirect-link" v-if="payload.viewModel.redirectLink">
+      <m-link :label="payload.viewModel.redirectLink.label" theme="primary"></m-link>
+    </div>
+
+    <div class="pb-upload-document__buttons row-flex" v-if="payload.callToActions">
+      <div class="pb-upload-document__buttons__button" v-for="button in payload.callToActions">
+        <m-button :label="button.label" @click="callAction(button.nextStep)" :theme="button.theme" />
+      </div>
+    </div>
+
     <pb-sticky-footer
       v-if="payload.skippable || payload.multiSelect"
       ref="pbStickyFooter"
@@ -153,6 +164,7 @@ import {
 } from '@/components/question/upload-document/UploadDocument';
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { decorate, doEval } from '@/services/decorate';
+import { PayloadAction } from '../../types/genericPayload';
 
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
@@ -302,6 +314,21 @@ export default defineComponent({
       showMoreAnimation.value = 'pb-upload-document__answers-animation';
     };
 
+    /**
+     * Send action to completed step
+     * @param action
+     */
+    const callAction = (action: PayloadAction) => {
+      if (action.code != '__BACK__') {
+        emit('step-completed', {
+          answers: [],
+          nextStep: action,
+        });
+      } else {
+        emit('go-back');
+      }
+    };
+
     return {
       ADD_ICON,
       BACK_ICON,
@@ -322,6 +349,7 @@ export default defineComponent({
       displayDocumentDialog,
       handleMediaUploaded,
       handleShowMoreClick,
+      callAction,
     };
   },
 });
@@ -329,6 +357,7 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 @import 'pb-variables';
+@import '../../styles/global.scss';
 
 $responsive-breakpoint: 'm';
 $answers-apparition-duration: '0.5s';
@@ -360,6 +389,23 @@ $answers-apparition-duration: '0.5s';
   height: auto;
   width: 100%;
 
+  &__buttons {
+    padding: 0 $mu100;
+    margin-top: $mu250;
+
+    &__button {
+      width: 50%;
+
+      &:last-child {
+        text-align: right;
+      }
+    }
+  }
+
+  &__redirect-link {
+    margin: $mu100 $mu100 0 $mu100;
+  }
+
   &__back-button {
     position: absolute;
     top: 0;

package/src/components/rework/question/upload-document/default-payload.json

@@ -4,6 +4,12 @@
     "subtitle": "Le plan de votre salle de bains est indispensable en amont du RDV. Cela permettra à votre conseiller de préparer au mieux votre projet. Formats acceptés : .jpg .jpeg .pdf .png 56Go max.",
     "answersComponent": "PbCard",
     "startOpened": false,
+    "redirectLink": {
+      "label": "Je préfère utiliser un plan 3D réalisé sur mon espace client.",
+      "nextStep": {
+        "code": ""
+      }
+    },
     "mediaPayload": {
       "viewModel": {
         "type": "documentsPlan",
@@ -43,6 +49,15 @@
       }
     }
   },
+  "callToActions": [
+    {
+      "label": "Précédent",
+      "theme": "bordered-primary-02"
+    },
+    {
+      "label": "Suivant"
+    }
+  ],
   "skippable": [
     {
       "label": "Ajouter un plan plus tard",

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

@@ -906,13 +906,32 @@
         "title": "Voulez-vous télécharger vos plans plus tard ?",
         "type": "warning",
         "exitOptionsTitle": "Réaliser rapidement votre plan :",
-        "exitOptions": []
+        "exitOptions": [
+          {
+            "code": "CARD-1",
+            "viewModel": {
+              "url": "https://www.leroymerlin.fr/produits/cuisine/cuisine-equipee-delinia-id/",
+              "image": "https://storage.googleapis.com/project-booster-media/kitchen/kitchen-range.jpeg",
+              "title": "Découvrir nos gammes de cuisines",
+              "subtitle": "Découvrir nos gammes de cuisines"
+            }
+          },
+          {
+            "code": "CARD-2",
+            "viewModel": {
+              "url": "https://www.leroymerlin.fr/produits/cuisine/cuisine-equipee-delinia-id/",
+              "image": "https://storage.googleapis.com/project-booster-media/kitchen/kitchen-range.jpeg",
+              "title": "Découvrir nos gammes de cuisines",
+              "subtitle": "Découvrir nos gammes de cuisines"
+            }
+          }
+        ]
       },
       "callToActions": [
         {
           "label": "Précédent",
           "nextStep": {
-            "code": "LMFR_BATHROOM_DOWNLOAD_PLAN"
+            "code": "__BACK__"
           },
           "theme": "bordered-primary-02"
         },
@@ -944,7 +963,8 @@
     "component": "MPbUploadDocument",
     "payload": {
       "viewModel": {
-        "label": "Les photos de votre cuisine",
+        "label": "Souhaitez-vous nous transmettre des photos de votre salle de bain ou de vos inspirations ?",
+        "subtitle": "En joignant des photos, votre expert sera en mesure de vous proposer une solution qui correspond au mieux à vos attentes.",
         "addTitle": "Ajouter une photo",
         "addText": " ",
         "answersComponent": "PbCard",
@@ -973,6 +993,21 @@
           }
         }
       },
+      "callToActions": [
+        {
+          "label": "Précédent",
+          "theme": "bordered-primary-02",
+          "nextStep": {
+            "code": "__BACK__"
+          }
+        },
+        {
+          "label": "Suivant",
+          "nextStep": {
+            "code": "LMFR_BATHROOM_TIME_TO_START"
+          }
+        }
+      ],
       "skippable": [
         {
           "isAnswer": true,
@@ -1046,6 +1081,12 @@
         "label": "Votre projet de salle de bains"
       }
     },
+    "redirectLink": {
+      "label": "Je préfère utiliser un plan 3D réalisé sur mon espace client.",
+      "nextStep": {
+        "code": "LMFR_BATHROOM_ADD_SIMULATION"
+      }
+    },
     "payload": {
       "viewModel": {
         "label": "Partagez votre plan de salle de bains :",
@@ -1078,6 +1119,21 @@
           }
         }
       },
+      "callToActions": [
+        {
+          "label": "Précédent",
+          "theme": "bordered-primary-02",
+          "nextStep": {
+            "code": "__BACK__"
+          }
+        },
+        {
+          "label": "Suivant",
+          "nextStep": {
+            "code": "LMFR_BATHROOM_DOWNLOAD"
+          }
+        }
+      ],
       "skippable": [
         {
           "isAnswer": true,