project-booster-vue 8.115.1 → 8.115.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "8.115.1",
+  "version": "8.115.5",
   "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"
@@ -163,13 +164,26 @@ export default {
       } else {
         displayedAnswers = props.payload?.answers ? Object.values(props.payload.answers) : [];
       }
+      updateSelectedAnswers();
       return displayedAnswers;
     });
 
+    const updateSelectedAnswers = () => {
+      for (const answerCode in props.payload.answers) {
+        if (props.payload.answers[answerCode].selected) {
+          selectedAnswers.value.push({ key: answerCode, value: true });
+        }
+      }
+    };
     const handleSelectionChange = (items) => {
       selectedAnswers.value = Object.entries(items)
         .filter(([key, value]) => !!value)
-        .map(([key, value]) => ({ key, value }));
+        .map(([key, value]) => {
+          displayedAnswers.value.map((answer) => {
+            answer.code === key ? (answer['selected'] = true) : (answer['selected'] = false);
+          });
+          return { key, value };
+        });
     };
 
     const hasSelectedAnswers = computed(() => {
@@ -352,6 +366,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/components/tasks/details/PbTaskDetails.vue

@@ -12,7 +12,13 @@
           ratio="16x9"
         />
         <m-flex
-          v-if="tempTask.viewModel.completions && tempTask.state && tempTask.state.enabled && !tempTask.state.done"
+          v-if="
+            tempTask.viewModel.completions &&
+            tempTask.state &&
+            tempTask.state.enabled &&
+            !tempTask.state.done &&
+            tempTask.id
+          "
           class="pb-task-details__header-action"
           gap="0.5rem"
         >

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) => {