project-booster-vue 9.49.1 → 9.50.0

package/package.json

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

package/src/components/pedagogy/PbPedagogy.vue

@@ -21,20 +21,22 @@
       >
         {{ payload.viewModel.instructionsButton.text }}
       </m-flex>
-      <m-button
-        v-if="payload.viewModel.downloadButton"
-        :theme="payload.viewModel.downloadButton.theme"
-        :label="payload.viewModel.downloadButton.label"
-        class="pb-pedagogy__content-upload-button"
-        @click="handleButtonLinkClicked"
-      />
-      <m-button
-        v-if="payload.multiSelect"
-        theme="primary"
-        :label="payload.multiSelect.actions.VALIDATE.label"
-        class="pb-pedagogy__content-action-button"
-        @click="handleValidateClicked"
-      />
+      <m-flex class="pb-pedagogy__content--button" direction="column">
+        <m-button
+          v-if="payload.viewModel.downloadButton"
+          :theme="payload.viewModel.downloadButton.theme"
+          :label="payload.viewModel.downloadButton.label"
+          class="pb-pedagogy__content-upload-button mc-button--full"
+          @click="handleButtonLinkClicked"
+        />
+        <m-button
+          v-for="action in payload.callToActions"
+          :theme="action.bordered ? 'bordered' : 'solid'"
+          :label="action.label"
+          class="pb-pedagogy__content-action-button mc-button--full"
+          @click="handleValidateClicked(action)"
+        />
+      </m-flex>
       <m-flex
         justify-content="center"
         align-items="center"
@@ -141,12 +143,10 @@ export default defineComponent({
       window.open(targetUrl, '_blank');
     },
 
-    async handleValidateClicked() {
+    async handleValidateClicked(action: any) {
       this.$emit('step-completed', {
-        answers: this.payload.multiSelect.actions.VALIDATE.isAnswer
-          ? [this.payload.multiSelect.actions.VALIDATE]
-          : null,
-        nextStep: this.payload.multiSelect.actions.VALIDATE.nextStep,
+        answers: action.isAnswer ? [action] : null,
+        nextStep: action.nextStep,
       });
     },
   },

package/src/components/trezor/PbTrezor.vue

@@ -264,7 +264,7 @@ export default defineComponent({
       await validationSchema
         .validate(formData.value.values, { abortEarly: false })
         .then(async () => {
-          const sending = await store.dispatch('trezor/sendFormData', {
+          const leadSaveStatus = await store.dispatch('trezor/sendFormData', {
             payload: {
               customer: {
                 lastname: formData.value.values.lastname,
@@ -280,9 +280,13 @@ export default defineComponent({
             typeLead: props.payload.viewModel.typeLead,
           });
 
-          if (sending) {
+          if (leadSaveStatus) {
             emit('step-completed', {
-              answers: [],
+              answers: [
+                {
+                  status: leadSaveStatus,
+                },
+              ],
               nextStep: action.action,
             });
           }

package/src/services/api/trezorApi.ts

@@ -1,5 +1,4 @@
 import axios from 'axios';
-import { escape } from '../../services/htmlEscape';
 
 export const clientApi = axios.create({
   baseURL: '/project-booster/api',
@@ -20,11 +19,9 @@ export const updateTrezorApiClient = (config: { apiKey: string; baseUrl: string;
 };
 
 export const sendTrezorForm = async (typeLead: string, payload: object) => {
-  const response = await clientApi.post(`leads/${typeLead}`, payload);
+  const response = await clientApi.post(`leads/${typeLead}`, payload).catch(function (error) {
+    return error.response;
+  });
 
-  return JSON.parse(
-    JSON.stringify(response.data).replace(/:"([^"]+)"/g, (match, $1) => {
-      return `: "${escape($1)}"`;
-    }),
-  );
+  return response;
 };

package/src/stores/modules/trezorStore.ts

@@ -31,7 +31,18 @@ export default {
       { payload, typeLead }: { payload: object; typeLead: string },
     ) => {
       if (typeLead) {
-        return await sendTrezorForm(typeLead, payload);
+        const response = await sendTrezorForm(typeLead, payload);
+
+        switch (response.status) {
+          case 200:
+          case 201:
+            return 'LEAD_CREATED_SUCCESSFULLY';
+          case 400:
+            return 'LEAD_CREATION_FAILED_DUE_TO_QUOTA';
+
+          default:
+            return 'LEAD_CREATION_FAILED';
+        }
       }
     },
   },