project-booster-vue 9.44.10 → 9.44.11

package/package.json

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

package/src/components/cards/PbCard.vue

@@ -335,12 +335,12 @@ export default defineComponent({
       this.$emit('link-click');
     },
     handleCardClick() {
-      this.cardLink ? window.open(this.cardLink, '_blank') : '';
+      this.cardLink ? window.open(this.cardLink, '_self') : '';
       !this.buttonLabel && !this.linkLabel ? this.$emit('card-click') : '';
     },
     handleButtonLinkClicked(href: string) {
       this.handleButtonClicked();
-      window.open(href, '_blank');
+      window.open(href, '_self');
     },
     handleButtonClicked() {
       /**

package/src/components/mozaic/dialog/MDialog.vue

@@ -8,6 +8,7 @@
       justify-content="center"
       :aria-hidden="showDialog"
       :style="`height: ${componentHeight};`"
+      @click.prevent="hide()"
     >
       <m-flex class="m-dialog" direction="column" :style="dialogStyle">
         <div class="m-dialog__header" :class="{ 'm-dialog__header--padding-right': !hideCross }">

package/src/components/progression-price/PbProgressionPrice.vue

@@ -4,9 +4,7 @@
       <div class="pb-progression-block__title">
         {{ title }}
       </div>
-      <div v-if="subtitle" class="pb-progression-block__subtitle">
-        {{ subtitle }}
-      </div>
+      <div v-if="subtitle" class="pb-progression-block__subtitle" v-html="subtitle"></div>
       <m-flex class="pb-progression-block__price" align-items="baseline" justify-content="center" wrap>
         <div class="pb-progression-block__price-min">{{ roundDecadeDown(lowerPrice) }}</div>
         <div class="pb-progression-block__price-separator">{{ separatorLabel || 'et' }}</div>

package/src/components/question/space-input/PbSpaceInput.vue

@@ -89,6 +89,7 @@
             width="full"
             size="l"
             @click="handleFormSubmit"
+            :disabled="disabledNextStep"
           />
           <m-link
             v-if="payload.skippable"
@@ -130,7 +131,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, onMounted, PropType, ref, ComputedRef } from 'vue';
+import { defineComponent, computed, onMounted, PropType, ref, ComputedRef, watch } from 'vue';
 import { v4 as uuidv4 } from 'uuid';
 import { useForm } from 'vee-validate';
 import * as yup from 'yup';
@@ -147,6 +148,7 @@ import DEFAULT_PAYLOAD from './default-payload.json';
 import { SpaceInputPayload } from '@/components/question/space-input/SpaceInput';
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { decorate } from '@/services/decorate';
+import { id } from 'date-fns/locale';
 
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
@@ -247,8 +249,9 @@ export default defineComponent({
     const pbSpaceInputTextInput = ref<HTMLElement>();
     const showModal = ref(false);
     const contentModal = ref({});
+    const disabledNextStep = ref(true);
 
-    const space = computeDefaultValue(props.runtimeOptions, props.answers!, computedPayload);
+    const space = ref(computeDefaultValue(props.runtimeOptions, props.answers!, computedPayload));
 
     const handleShowModal = ({ headerTitle, htmlContent }: { headerTitle: string; htmlContent: string }) => {
       showModal.value = !showModal.value;
@@ -260,6 +263,15 @@ export default defineComponent({
 
     const validationSchema = initValidation(componentId, computedPayload);
 
+    watch(space, async (newValue) => {
+      const validation = computedPayload.value.viewModel.validation;
+      if (newValue && parseInt(newValue) >= validation.minValue && parseInt(newValue) <= validation.maxValue) {
+        disabledNextStep.value = false;
+      } else {
+        disabledNextStep.value = true;
+      }
+    });
+
     const { handleSubmit } = useForm({ validationSchema: validationSchema.value });
     const handleFormSubmit = handleSubmit((values) => {
       const elementId = `text-input-${componentId}` as string;
@@ -314,6 +326,7 @@ export default defineComponent({
       showModal,
       handleShowModal,
       contentModal,
+      disabledNextStep,
     };
   },
 });