project-booster-vue 9.56.0 → 9.56.1

package/package.json

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

package/src/components/pedagogy/PbPedagogy.vue

@@ -14,21 +14,19 @@
           <div class="pb-pedagogy__content-description-line-text" v-html="line.label" />
         </div>
       </m-flex>
-      <form
-        action="#"
-        class="pb-pedagogy__form-lead"
-        v-if="payload.viewModel.showFormLead"
-        @submit.prevent="saveFormLead(payload.viewModel.showFormLead.nextStep)"
-      >
+      <form action="#" class="pb-pedagogy__form-lead" v-if="payload.viewModel.showFormLead">
         <input
           type="email"
           class="pb-pedagogy__form-lead__input"
           v-model="emailToSaved"
+          required
           :placeholder="payload.viewModel.showFormLead.inputPlaceholder"
         />
+        <div v-if="error && error.message" class="pb-pedagogy__error">{{ error.message }}</div>
         <m-button
           :label="payload.viewModel.showFormLead.buttonLabel"
           class="pb-pedagogy__form-lead__button mc-button--full"
+          @click="saveFormLead(payload.viewModel.showFormLead)"
         />
       </form>
       <m-flex
@@ -107,6 +105,7 @@ export default defineComponent({
   data: () => ({
     value: [],
     emailToSaved: '',
+    error: {},
   }),
   computed: {
     ...mapGetters('appointmentQualification', {
@@ -168,10 +167,23 @@ export default defineComponent({
       });
     },
     saveFormLead(action: any) {
-      this.$emit('step-completed', {
-        answers: this.emailToSaved,
-        nextStep: action,
-      });
+      const validation = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(this.emailToSaved.trim());
+
+      if (this.emailToSaved.trim() != '' && validation) {
+        this.error = false;
+        this.$emit('step-completed', {
+          answers: [
+            {
+              email: this.emailToSaved,
+            },
+          ],
+          nextStep: action.nextStep,
+        });
+      } else {
+        this.error = {
+          message: 'Veuillez rentrer un email valide.',
+        };
+      }
     },
   },
 });
@@ -202,6 +214,13 @@ $responsive-breakpoint: 'm';
     }
   }
 
+  &__error {
+    @include set-font-scale('04', 'm');
+
+    color: $color-danger-500;
+    margin-bottom: $mu050;
+  }
+
   &__content {
     box-sizing: border-box;
     padding: $mu100;

package/src/components/restitution/PbRestitution.vue

@@ -279,9 +279,13 @@ export default defineComponent({
       if (action?.type === 'MODAL') {
         this.dialogViewModel = action.dialogViewModel;
         this.displayDialog = true;
+      } else if (action?.type === 'STEP') {
+        this.$emit('step-completed', {
+          answers: [],
+          nextStep: action,
+        });
       }
     },
-
     handleDialogClose() {
       this.showSaveProjectItem = false;
     },