project-booster-vue 8.115.2 → 8.115.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "8.115.2",
+  "version": "8.115.6",
   "private": false,
   "scripts": {
     "test:unit": "vue-cli-service test:unit --forceExit --detectOpenHandles",

package/src/components/question/list-select/PbListSelect.vue

@@ -54,10 +54,11 @@
               @click="skipQuestion"
             />
             <m-button
-              v-if="hasSelectedAnswers"
+              v-if="hasSelectedAnswers || payload.multiSelect.alwaysDisplayMultiSelectButton"
               class="pb-list-select__validate-button"
               size="m"
               size-from-l="l"
+              :disabled="!hasSelectedAnswers"
               :label="validateButtonProps.label"
               :left-icon="validateButtonProps.leftIcon"
               :right-icon="validateButtonProps.rightIcon"
@@ -71,7 +72,7 @@
 </template>
 
 <script>
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import objectPath from 'object-path';
 import MFlex from '../../mozaic/flex/MFlex';
 import MButton from '../../mozaic/buttons/MButton';
@@ -166,10 +167,22 @@ export default {
       return displayedAnswers;
     });
 
+    const updateSelectedAnswers = () => {
+      selectedAnswers.value = displayedAnswers.value
+        .filter((answer) => !!answer.selected)
+        .map((answer) => ({ key: answer.code, value: true }));
+    };
     const handleSelectionChange = (items) => {
       selectedAnswers.value = Object.entries(items)
         .filter(([key, value]) => !!value)
         .map(([key, value]) => ({ key, value }));
+      Object.entries(items).map(([key, value]) => {
+        displayedAnswers.value.map((answer) => {
+          if (answer.code === key) {
+            answer.selected = value;
+          }
+        });
+      });
     };
 
     const hasSelectedAnswers = computed(() => {
@@ -225,7 +238,7 @@ export default {
       }
 
       let nextStep;
-      if (props.payload?.multilselect) {
+      if (props.payload?.multiSelect) {
         nextStep = props.payload.multiSelect.actions.VALIDATE.nextStep;
       } else if (props.payload?.answers[answersToSubmit[0].value]?.nextStep) {
         nextStep = props.payload.answers[answersToSubmit[0].value].nextStep;
@@ -335,7 +348,9 @@ export default {
       }
       return valueToDecorate;
     };
-
+    onMounted(() => {
+      updateSelectedAnswers();
+    });
     return {
       BACK_ICON,
       INFO_ICON,
@@ -352,6 +367,7 @@ export default {
       skipQuestion,
       submitAnswers,
       decorateBoolean,
+      updateSelectedAnswers,
     };
   },
 };

package/src/components/restitution/PbRestitutionExit.vue

@@ -73,10 +73,13 @@ export default {
 $responsive-breakpoint: 'l';
 
 .pb-restitution-exit {
-  &__section {
-    margin-bottom: $mu400;
-    margin-top: $mu400;
+  margin: $mu350 0;
+
+  @include set-from-screen('m') {
+    margin: $mu300 0;
+  }
 
+  &__section {
     &-title {
       @include set-font-face('semi-bold');
       @include set-font-scale('07', 'm');

package/src/store/modules/categoriesStore.js

@@ -219,8 +219,8 @@ export default {
       };
       try {
         const event = {
-          inhabitantProjectId: clickedCardInfo.project.project.id,
-          businessUnit: clickedCardInfo.project.project.businessUnit,
+          inhabitantProjectId: clickedCardInfo.project.id,
+          businessUnit: clickedCardInfo.project.businessUnit,
           section: clickedCardInfo.section,
           clickedCard: formatCard(clickedCardInfo.product),
           possibleCards: state.products[clickedCardInfo.section].map((card) => {