project-booster-vue 8.115.5 → 8.115.6

package/package.json

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

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

@@ -72,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';
@@ -164,26 +164,25 @@ 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 });
-        }
-      }
+      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]) => {
-          displayedAnswers.value.map((answer) => {
-            answer.code === key ? (answer['selected'] = true) : (answer['selected'] = false);
-          });
-          return { key, 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(() => {
@@ -239,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;
@@ -349,7 +348,9 @@ export default {
       }
       return valueToDecorate;
     };
-
+    onMounted(() => {
+      updateSelectedAnswers();
+    });
     return {
       BACK_ICON,
       INFO_ICON,