project-booster-vue 10.22.0 → 10.22.2

package/package.json

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

package/src/components/date-picker/MPbDatePicker.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref } from 'vue';
+import { useStore } from 'vuex';
 import MLink from '../mozaic/link/MLink.vue';
 import MButton from '../mozaic/buttons/MButton.vue';
 
@@ -7,17 +8,24 @@ const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
 const props = defineProps(['payload']);
 const emit = defineEmits(['go-back']);
-const moveDate = ref(null);
+const store = useStore();
 
-function handleChange(event) {
-  moveDate.value = event.target.value;
-}
+const moveDate = ref(store.state.answers.moveDate);
 
-function handleSubmit() {
+function commitStep(moveDateValue) {
+  store.commit('setMoveDate', moveDateValue);
   emit('step-completed', {
-    answers: [{ moveDate: moveDate.value }],
+    answers: [{ moveDate: moveDateValue }],
   });
 }
+
+function handleSubmit() {
+  commitStep(moveDate.value);
+}
+
+function skipQuestion() {
+  commitStep(null);
+}
 </script>
 
 <template>
@@ -26,14 +34,14 @@ function handleSubmit() {
     <div class="date-picker">
       <span class="title">{{ props.payload.viewModel.title }}</span>
       <span class="subtile">{{ props.payload.viewModel.subtitle }}</span>
-      <input type="date" @input="handleChange" class="mc-text-input mc-field__input input-text-date" />
+      <input type="date" v-model="moveDate" class="mc-text-input mc-field__input input-text-date" />
       <MButton
         class="button"
         :label="props.payload.viewModel.actionLabel"
         @click="handleSubmit"
         :disabled="!moveDate"
       />
-      <m-link class="skip-link" :label="props.payload.viewModel.skipLabel" @click.once="handleSubmit" />
+      <m-link class="skip-link" :label="props.payload.viewModel.skipLabel" @click.once="skipQuestion" />
     </div>
   </div>
 </template>

package/src/components/rework/question/list-select/MPbListSelect.vue

@@ -153,6 +153,15 @@ const submitAnswers = ({ nextStep }: { nextStep: any }) => {
     });
   }
 
+  let selectedNextStep;
+  if (props.payload?.multiSelect) {
+    selectedNextStep = props.payload.multiSelect.actions.VALIDATE.nextStep;
+  } else if (props.payload?.answers[answersToSubmit[0].value]?.nextStep) {
+    selectedNextStep = props.payload.answers[answersToSubmit[0].value].nextStep;
+  } else {
+    selectedNextStep = nextStep;
+  }
+
   /**
    * Emitted when step is completed
    * @event dynamic event name according to completedEventName prop
@@ -160,7 +169,7 @@ const submitAnswers = ({ nextStep }: { nextStep: any }) => {
    */
   emit(props.completedEventName, {
     answers: answersToSubmit,
-    nextStep: nextStep,
+    nextStep: selectedNextStep,
   });
 };