project-booster-vue 9.44.11 → 9.45.0

package/package.json

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

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

@@ -1,36 +1,37 @@
 <template>
-  <transition name="m-dialog__slide-bottom">
-    <m-flex
-      v-if="showDialog"
-      class="m-dialog__container"
-      :class="{ 'm-dialog__container--overlay': !hideOverlay }"
-      align-items="center"
-      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 }">
-          <!-- @slot Dialog header slot -->
-          <slot name="header" />
-        </div>
-        <div class="m-dialog__body-top" :style="`opacity: ${bodyShadowTopOpacity}`" />
-        <div ref="pbDialogBody" class="m-dialog__body" @scroll="handleScroll">
-          <!-- @slot Dialog body slot -->
-          <slot name="body" />
-        </div>
-        <div class="m-dialog__body-bottom" :style="`opacity: ${bodyShadowBottomOpacity}`" />
-        <div class="m-dialog__footer">
-          <!-- @slot Dialog footer slot -->
-          <slot name="footer" />
-        </div>
-        <div v-if="!hideCross" class="m-dialog__close" @click="hide()">
-          <m-icon :icon="CROSS_ICON" size="m" color="grey-500" />
-        </div>
+  <div>
+    <transition name="m-dialog__slide-bottom">
+      <m-flex
+        v-if="showDialog"
+        class="m-dialog__container"
+        align-items="center"
+        justify-content="center"
+        :aria-hidden="showDialog"
+        :style="`height: ${componentHeight};`"
+      >
+        <div class="m-dialog__container m-dialog__container--overlay" @click.prevent="hide()"></div>
+        <m-flex class="m-dialog" direction="column" :style="dialogStyle">
+          <div class="m-dialog__header" :class="{ 'm-dialog__header--padding-right': !hideCross }">
+            <!-- @slot Dialog header slot -->
+            <slot name="header" />
+          </div>
+          <div class="m-dialog__body-top" :style="`opacity: ${bodyShadowTopOpacity}`" />
+          <div ref="pbDialogBody" class="m-dialog__body" @scroll="handleScroll">
+            <!-- @slot Dialog body slot -->
+            <slot name="body" />
+          </div>
+          <div class="m-dialog__body-bottom" :style="`opacity: ${bodyShadowBottomOpacity}`" />
+          <div class="m-dialog__footer">
+            <!-- @slot Dialog footer slot -->
+            <slot name="footer" />
+          </div>
+          <div v-if="!hideCross" class="m-dialog__close" @click="hide()">
+            <m-icon :icon="CROSS_ICON" size="m" color="grey-500" />
+          </div>
+        </m-flex>
       </m-flex>
-    </m-flex>
-  </transition>
+    </transition>
+  </div>
 </template>
 
 <script lang="ts">
@@ -249,6 +250,7 @@ $responsive-breakpoint: 'm';
   max-height: 100%;
   overflow: hidden;
   position: relative;
+  z-index: 999;
 
   @include set-from-screen('m') {
     max-height: 50vh;
@@ -279,7 +281,6 @@ $responsive-breakpoint: 'm';
     right: 0;
     top: 0;
     width: 100vw;
-    z-index: 100;
   }
 
   &__container--overlay {

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

@@ -263,13 +263,19 @@ export default defineComponent({
 
     const validationSchema = initValidation(componentId, computedPayload);
 
-    watch(space, async (newValue) => {
+    const disabledButton = (value: any) => {
       const validation = computedPayload.value.viewModel.validation;
-      if (newValue && parseInt(newValue) >= validation.minValue && parseInt(newValue) <= validation.maxValue) {
+      if (value && parseInt(value) >= validation.minValue && parseInt(value) <= validation.maxValue) {
         disabledNextStep.value = false;
       } else {
         disabledNextStep.value = true;
       }
+    };
+
+    disabledButton(space.value);
+
+    watch(space, async (newValue) => {
+      disabledButton(newValue);
     });
 
     const { handleSubmit } = useForm({ validationSchema: validationSchema.value });

package/src/components/trezor/PbTrezor.vue

@@ -116,6 +116,7 @@ import MLink from '../mozaic/link/MLink.vue';
 import MTextInput from '../mozaic/text-input/MTextInput.vue';
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { object, string, boolean, number } from 'yup';
+import { TrezorInterface } from './PbTrezorInterface';
 import objectPath from 'object-path';
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
@@ -187,6 +188,26 @@ export default defineComponent({
         props.payload.viewModel.defaultValue?.zipcode?.path,
       ) || null;
 
+    const convertToTypeOf = (typedVar: string, input: any): string | number => {
+      switch (typedVar) {
+        case 'string':
+          return input.toString();
+        case 'float':
+          return parseFloat(input);
+        case 'integer':
+          return parseInt(input);
+        default:
+          return input;
+      }
+    };
+
+    const metadata = props.payload.viewModel.metadata;
+    let sendingMetadata: any;
+
+    metadata.forEach((meta: TrezorInterface) => {
+      sendingMetadata[meta.attribut] = convertToTypeOf(meta.type, getAnswerValue(meta.answerCode, meta.path)) || null;
+    });
+
     let formData = ref<any>({
       values: {
         lastname: '',
@@ -239,6 +260,7 @@ export default defineComponent({
               },
               optin: formData.value.values.optin,
               optinPartners: formData.value.values.optinPartners,
+              metadata: sendingMetadata,
             },
             typeLead: props.payload.viewModel.typeLead,
           });

package/src/components/trezor/PbTrezorInterface.ts

@@ -0,0 +1,6 @@
+export interface TrezorInterface {
+  attribut: string;
+  type: string;
+  answerCode: string;
+  path: string;
+}

package/src/components/trezor/default-payload.json

@@ -9,6 +9,14 @@
         "path": "value"
       }
     },
+    "metadata": [
+      {
+        "attribut": "surface",
+        "type": "float",
+        "answerCode": "LMFR_HEAT_PUMP_AIR_WATER_QUESTION_SURFACE_AREA",
+        "path": "space"
+      }
+    ],
     "translationErrors": {
       "lastname": "Le nom est requis",
       "firstname": "Le prénom est requis",