npm - project-booster-vue - Versions diffs - 9.62.1 → 9.62.3 - Mend

project-booster-vue 9.62.1 → 9.62.3

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 (8) hide show

package/package.json CHANGED Viewed

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

package/src/components/projects/project-hub/PbProjectHub.vue CHANGED Viewed

@@ -1050,6 +1050,8 @@ export default defineComponent({
       const appointmentTypeLabel = (<Record<string, string>>{
         KITCHEN_IN_STORE: 'en magasin',
         KITCHEN_REMOTE: 'à distance',
+        BATHROOM_REMOTE: 'à distance',
+        BATHROOM_IN_STORE: 'en magasin',
       })[this.appointment.appointmentType];
       return `${prefix} le ${appointmenDateLabel} ${appointmentTypeLabel}`;
     },

package/src/components/projects/projects-list/PbProjectHub.vue CHANGED Viewed

@@ -1050,6 +1050,8 @@ export default defineComponent({
       const appointmentTypeLabel = (<Record<string, string>>{
         KITCHEN_IN_STORE: 'en magasin',
         KITCHEN_REMOTE: 'à distance',
+        BATHROOM_REMOTE: 'à distance',
+        BATHROOM_IN_STORE: 'en magasin',
       })[this.appointment.appointmentType];
       return `${prefix} le ${appointmenDateLabel} ${appointmentTypeLabel}`;
     },

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

@@ -25,7 +25,12 @@
           :imgSrc="options.viewModel.image"
         >
           <template #footer>
-            <m-button :label="options.viewModel.button.label" size="s" theme="bordered-primary-02" />
+            <m-button
+              :label="options.viewModel.button.label"
+              @click="handleShowModal(options)"
+              size="s"
+              theme="bordered-primary-02"
+            />
           </template>
         </m-card>
       </div>
@@ -42,15 +47,38 @@
         />
       </div>
     </div>
+    <m-modal :modalTitle="titleModal" :open="showModal" @update:open="showModal = false" class="m-pb-alert__dialog">
+      <template #default>
+        <div class="m-pb-alert__dialog__iframe">
+          <iframe
+            width="560"
+            height="315"
+            :src="srcModal"
+            title="YouTube video player"
+            frameborder="0"
+            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+            allowfullscreen
+          ></iframe>
+        </div>
+      </template>
+      <template #footer>
+        <m-button label="Fermer" @click.prevent="showModal = false" />
+      </template>
+    </m-modal>
   </div>
 </template>
 <script lang="ts" setup>
-import { MNotification, MButton, MCard } from '@mozaic-ds/vue-3';
+import { MNotification, MButton, MCard, MModal } from '@mozaic-ds/vue-3';
 import { PayloadAction } from '../types/genericPayload';
 import { sanitizeCerberusAttribut } from '@/services/sanitize';
+import { ref } from 'vue';
 const emit = defineEmits(['go-back', 'step-completed']);
+const showModal = ref(false);
+const titleModal = ref('');
+const srcModal = ref('');
 const props = defineProps({
   /**
@@ -64,6 +92,16 @@ const props = defineProps({
   },
 });
+const handleShowModal = (option: any) => {
+  if (option.viewModel.button.dialog) {
+    showModal.value = !showModal.value;
+    titleModal.value = option.viewModel.title;
+    srcModal.value = option.viewModel.button.dialog.src;
+  } else if (option.viewModel.button.href) {
+    window.open(option.viewModel.button.href, '_blank');
+  }
+};
 /**
  * Send action to completed step
  * @param action
@@ -142,5 +180,12 @@ const callAction = (action: PayloadAction) => {
       }
     }
   }
+  &__dialog {
+    iframe {
+      width: 100%;
+      height: 350px;
+    }
+  }
 }
 </style>

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

@@ -17,9 +17,8 @@
           "subtitle": "Découvrir nos gammes de cuisines",
           "button": {
             "label": "Regarder le tutoriel video",
-            "href": "",
-            "nextStep": {
-              "code": ""
+            "dialog": {
+              "src": "https://www.youtube.com/embed/DKft6H92S8s"
             }
           }
         }
@@ -33,10 +32,7 @@
           "subtitle": "Découvrir nos gammes de cuisines",
           "button": {
             "label": "Accéder à l’outil",
-            "href": "",
-            "nextStep": {
-              "code": ""
-            }
+            "href": "https://sdb3d.leroymerlin.fr/Page_Tunnel/tunnel-sdb.html"
           }
         }
       }

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

@@ -74,12 +74,6 @@
         </div>
       </m-container>
     </div>
-    <pb-sticky-footer
-      v-if="payload.skippable || payload.multiSelect"
-      ref="pbStickyFooter"
-      :bottom-offset="stickyBottomOffset"
-    >
-    </pb-sticky-footer>
     <pb-configurations-search
       v-model:show-dialog="showImportConfigurationDialog"
       @import-configuration="importConfiguration"

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

@@ -94,51 +94,6 @@
       </div>
     </div>
-    <pb-sticky-footer
-      v-if="payload.skippable || payload.multiSelect"
-      ref="pbStickyFooter"
-      class="pb-upload-document__sticky-footer"
-      :bottom-offset="stickyBottomOffset"
-      :intersection-observer-delay="200"
-    >
-      <transition-group name="pb-upload-document__actions--animated" mode="out-in">
-        <div
-          v-if="payload.multiSelect && selectedDocuments?.length > 0"
-          ref="pbQuestionActionsButtonsValidate"
-          class="pb-upload-document__actions-container"
-          key="validate"
-        >
-          <m-button
-            class="pb-upload-document__actions-buttons-button"
-            size="m"
-            size-from-l="l"
-            width="full"
-            :label="payload.multiSelect.actions.VALIDATE.label"
-            @click="validMultiSelect(payload.multiSelect.actions.VALIDATE)"
-          />
-        </div>
-        <div
-          v-if="payload.skippable && (payload.viewModel.alwaysDisplaySkippable || selectedDocuments?.length <= 0)"
-          ref="pbQuestionActionsButtonsSkip"
-          class="pb-upload-document__actions-container"
-          key="skip"
-        >
-          <m-button
-            v-for="button in payload.skippable"
-            :key="button.label"
-            class="pb-upload-document__actions-buttons-button"
-            :label="button.label"
-            :theme="button.theme ? button.theme : 'bordered'"
-            :right-icon="button.rightIcon"
-            :left-icon="button.leftIcon"
-            size="m"
-            :width="button.width"
-            :widthFromM="button.widthFromM"
-            @click="skipQuestion(button)"
-          />
-        </div>
-      </transition-group>
-    </pb-sticky-footer>
     <m-pb-media-upload
       :payload="payload.viewModel.mediaPayload"
       :store-module-name="storeModuleName"

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

@@ -66,8 +66,7 @@
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'BATHTUB') && isAnswerContaining('LMFR_QUESTION_WORKS', 'COVERING_WALL')",
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'BATHTUB') && isAnswerContaining('LMFR_QUESTION_WORKS', 'DRY_TOWEL')",
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'BATHTUB') && isAnswerContaining('LMFR_QUESTION_WORKS', 'WC')",
-                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'BATHTUB') && isAnswerContaining('LMFR_QUESTION_WORKS', 'FURNITURES')",
-                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'BATHTUB') && isAnswerContaining('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER')"
+                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'BATHTUB') && isAnswerContaining('LMFR_QUESTION_WORKS', 'FURNITURES')"
                   ],
                   "nextStep": {
                     "code": "LMFR_BATHROOM_BATHTUB_TYPE"
@@ -79,8 +78,7 @@
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'COVERING_FLOOR')",
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'COVERING_WALL')",
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'DRY_TOWEL')",
-                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'WC')",
-                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER')"
+                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'WC')"
                   ],
                   "nextStep": {
                     "code": "LMFR_BATHROOM_SHOWER_TYPE"
@@ -103,14 +101,25 @@
                   "conditions": [
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'WC') && isAnswerContaining('LMFR_QUESTION_WORKS', 'COVERING_FLOOR')",
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'WC') && isAnswerContaining('LMFR_QUESTION_WORKS', 'COVERING_WALL')",
-                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'WC') && isAnswerContaining('LMFR_QUESTION_WORKS', 'DRY_TOWEL')",
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'WC') && isAnswerContaining('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER')",
+                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'WC') && isAnswerContaining('LMFR_QUESTION_WORKS', 'DRY_TOWEL')",
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'WC') && isAnswerContaining('LMFR_QUESTION_WORKS', 'FURNITURES')"
                   ],
                   "nextStep": {
                     "code": "LMFR_BATHROOM_WC_TYPE"
                   }
                 },
+                {
+                  "conditions": [
+                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'FURNITURES')",
+                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'WC')",
+                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'COVERING_WALL')",
+                    "isAnswerContaining('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER') && isAnswerContaining('LMFR_QUESTION_WORKS', 'COVERING_FLOOR')"
+                  ],
+                  "nextStep": {
+                    "code": "LMFR_BATHROOM_SHOWER_TYPE_REPLACEMENT"
+                  }
+                },
                 {
                   "conditions": [
                     "isAnswerContaining('LMFR_QUESTION_WORKS', 'COVERING_FLOOR') && isAnswerContaining('LMFR_QUESTION_WORKS', 'COVERING_WALL')"
@@ -132,12 +141,6 @@
                   "nextStep": {
                     "code": "LMFR_BATHROOM_EXIT_OPTIONS"
                   }
-                },
-                {
-                  "conditions": ["isAnswerMatching('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER')"],
-                  "nextStep": {
-                    "code": "LMFR_BATHROOM_SHOWER_TYPE"
-                  }
                 }
               ]
             }
@@ -491,6 +494,83 @@
       ]
     }
   },
+  "LMFR_BATHROOM_SHOWER_TYPE_REPLACEMENT": {
+    "code": "LMFR_BATHROOM_SHOWER_TYPE_REPLACEMENT",
+    "type": "STEP",
+    "component": "MPbQuestion",
+    "slots": {
+      "beforeContent": {
+        "display": true,
+        "component": "MPbProgress",
+        "totalStep": 13,
+        "currentStep": 1,
+        "sizeXlWidth": true,
+        "label": "Votre projet de salle de bains"
+      }
+    },
+    "payload": {
+      "viewModel": {
+        "answersComponent": "MPbCard",
+        "progressBar": true,
+        "forceOneCardPerLineOnMobile": true,
+        "widthFromL": "1of3",
+        "widthXlSize": true,
+        "label": "Quel type de douche voulez-vous installer ?"
+      },
+      "answers": {
+        "STRAIGH_TUB": {
+          "code": "STRAIGH_TUB",
+          "viewModel": {
+            "title": "Cabine",
+            "image": "https://storage.googleapis.com/project-booster-media/bathroom/shower/cabine.jpg"
+          },
+          "meta": {
+            "ranking": 1
+          }
+        },
+        "CLOSED": {
+          "code": "CLOSED",
+          "viewModel": {
+            "title": "Fermée",
+            "image": "https://storage.googleapis.com/project-booster-media/bathroom/shower/fermee.png"
+          },
+          "meta": {
+            "ranking": 2
+          }
+        },
+        "ITALIAN": {
+          "code": "ITALIAN",
+          "viewModel": {
+            "title": "Italienne",
+            "image": "https://storage.googleapis.com/project-booster-media/bathroom/shower/italienne.jpg"
+          },
+          "meta": {
+            "ranking": 3
+          }
+        },
+        "COLUMN": {
+          "code": "COLUMN",
+          "viewModel": {
+            "title": "Colonne",
+            "image": "https://storage.googleapis.com/project-booster-media/bathroom/shower/colonne.jpg"
+          },
+          "meta": {
+            "ranking": 4
+          }
+        }
+      }
+    },
+    "nextStep": {
+      "conditionals": [
+        {
+          "conditions": ["true"],
+          "nextStep": {
+            "code": "LMFR_BATHROOM_STYLE"
+          }
+        }
+      ]
+    }
+  },
   "LMFR_BATHROOM_FURNITURE_TYPE": {
     "code": "LMFR_BATHROOM_FURNITURE_TYPE",
     "type": "STEP",
@@ -588,7 +668,7 @@
         {
           "conditions": ["isAnswerContaining('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER')"],
           "nextStep": {
-            "code": "LMFR_BATHROOM_SHOWER_TYPE"
+            "code": "LMFR_BATHROOM_SHOWER_TYPE_REPLACEMENT"
           }
         },
         {
@@ -651,7 +731,7 @@
         {
           "conditions": ["isAnswerContaining('LMFR_QUESTION_WORKS', 'REPLACE_BATHTUB_TO_SHOWER')"],
           "nextStep": {
-            "code": "LMFR_BATHROOM_SHOWER_TYPE"
+            "code": "LMFR_BATHROOM_SHOWER_TYPE_REPLACEMENT"
           }
         },
         {
@@ -938,9 +1018,8 @@
               "subtitle": "Réalisez un croquis de votre salle de bain actuelle avec les ouvertures et les différentes mesures.",
               "button": {
                 "label": "Regarder le tutoriel video",
-                "href": "",
-                "nextStep": {
-                  "code": ""
+                "dialog": {
+                  "src": "https://www.youtube.com/embed/DKft6H92S8s"
                 }
               }
             }
@@ -954,10 +1033,7 @@
               "subtitle": "Utilisez notre configurateur et estimez le coût des équpements choisis.",
               "button": {
                 "label": "Accéder à l’outil",
-                "href": "",
-                "nextStep": {
-                  "code": ""
-                }
+                "href": "https://sdb3d.leroymerlin.fr/Page_Tunnel/tunnel-sdb.html"
               }
             }
           }