project-booster-vue 10.2.3 → 10.3.0

package/package.json

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

package/src/components/scenario/PbScenario.vue

@@ -63,6 +63,7 @@
             completed-event-name="step-completed"
             :sticky-bottom-offset="stickyBottomOffset()"
             :min-height="minHeight"
+            :is-collaborator="isCollaborator"
             @step-completed="handleStepCompleted"
             @update-selected="handleSemiUpdateSelected"
             @redirection="handleRedirection"
@@ -235,6 +236,14 @@ export default defineComponent({
       type: Object,
       default: () => ({}),
     },
+    /**
+     * Indicates whether the authenticated user is a collaborator
+     */
+    isCollaborator: {
+      type: Boolean,
+      default: false,
+      required: false,
+    },
   },
 
   setup(props, { emit }) {

package/src/components/trezor/PbTrezor.vue

@@ -136,6 +136,36 @@
 
         <div class="ml-flexy">
           <div class="pb-trezor__form__col ml-flexy__col--5of6 no-padding">
+            <m-flex v-if="isCollaborator" class="pb-trezor__form__row space" direction="column">
+              <label class="pb-trezor__form__label"
+                >Partenaire à privilégier<span> *sous réserve de disponibilité</span></label
+              >
+              <div class="pb-trezor__form__cards-container">
+                <m-pb-card
+                  v-for="partner in partners"
+                  :key="partner.id"
+                  :title="partner.name"
+                  :selected="formData.values.selectedPreferredPartner == partner.id"
+                  @card-click="handleSelectPartner(partner)"
+                />
+              </div>
+            </m-flex>
+
+            <m-flex v-if="isCollaborator" class="pb-trezor__form__row space" direction="column">
+              <label class="pb-trezor__form__label"
+                >Commentaire du collaborateur<span> *minimum 10 caractères</span></label
+              >
+              <div class="pb-trezor__form__textarea-container">
+                <textarea
+                  class="pb-trezor__textarea"
+                  v-model="formData.values.comment"
+                  placeholder="Votre texte ici.."
+                  :required="false"
+                  rows="5"
+                />
+              </div>
+            </m-flex>
+
             <m-flex class="pb-trezor__form__row space" direction="column">
               <label class="pb-trezor__form__label"><span>obligatoire</span></label>
               <div class="pb-trezor__form__checkbox-container">
@@ -207,7 +237,7 @@
     <template #default>
       <h4>Nos partenaires sont :</h4>
       <ul>
-        <li v-for="(partner, i) in partners" :key="'partner_' + i">{{ partner }}</li>
+        <li v-for="(partner, i) in partners" :key="'partner_' + i">{{ partner.name }}</li>
       </ul>
     </template>
     <template #footer>
@@ -225,6 +255,7 @@ import MCheckbox from '../mozaic/checkbox/MCheckbox.vue';
 import MLink from '../mozaic/link/MLink.vue';
 import MTextInput from '../mozaic/text-input/MTextInput.vue';
 import MRadio from '../mozaic/radio/MRadio.vue';
+import MPbCard from '../rework/cards/MPbCards.vue';
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { object, string, boolean, number } from 'yup';
 import { TrezorInterface } from './PbTrezorInterface';
@@ -246,6 +277,7 @@ export default defineComponent({
     MLink,
     MRadio,
     MModal,
+    MPbCard,
   },
   props: {
     /**
@@ -285,6 +317,14 @@ export default defineComponent({
       type: Object as PropType<Map<string, ScenarioStepAnswer[]>>,
       default: () => new Map<string, ScenarioStepAnswer[]>(),
     },
+    /**
+     * Indicates whether the authenticated user is a collaborator
+     */
+    isCollaborator: {
+      type: Boolean,
+      default: false,
+      required: false,
+    },
   },
   setup(props, { emit }) {
     const store = useStore();
@@ -350,6 +390,8 @@ export default defineComponent({
         optin: false,
         optinPartners: false,
         optinOffers: false,
+        selectedPreferredPartner: null,
+        comment: undefined,
       },
       errors: {},
     });
@@ -377,6 +419,8 @@ export default defineComponent({
         return formData.value.values.optinPartners === true;
       }),
       optinOffers: boolean(),
+      selectedPreferredPartner: number().integer().min(1).nullable(true),
+      comment: string().notRequired().nullable(true),
     });
 
     const isSubmitDisabled = ref(false);
@@ -405,6 +449,8 @@ export default defineComponent({
               optinPartners: formData.value.values.optinPartners,
               optinOffers: formData.value.values.optinOffers,
               metadata: sendingMetadata,
+              description: formData.values.comment,
+              preferredCompany: formData.values.selectedPreferredPartner,
             },
             typeLead: props.payload.viewModel.typeLead,
           });
@@ -437,7 +483,7 @@ export default defineComponent({
       }
     };
 
-    // MODAL
+    // Partners
     let showModal = ref(false);
 
     store.dispatch('trezor/loadPartners', {
@@ -446,6 +492,10 @@ export default defineComponent({
 
     const partners = computed(() => store.getters['trezor/getPartners']);
 
+    const handleSelectPartner = (partner: any) => {
+      formData.value.values.selectedPreferredPartner = partner.id;
+    };
+
     return {
       formData,
       callAction,
@@ -454,6 +504,7 @@ export default defineComponent({
       showModal,
       partners,
       isSubmitDisabled,
+      handleSelectPartner,
     };
   },
 });
@@ -503,6 +554,10 @@ $responsive-breakpoint: 'm';
     width: 100%;
   }
 
+  &__textarea {
+    width: 100%;
+  }
+
   &__form {
     padding: 30px;
     width: calc(100% - 60px);
@@ -529,6 +584,29 @@ $responsive-breakpoint: 'm';
       }
     }
 
+    &__textarea-container {
+      display: flex;
+      flex-direction: row;
+      width: 100%;
+
+      &__label {
+        font-family: LeroyMerlin, sans-serif;
+        margin-left: 0.5rem;
+      }
+    }
+
+    &__cards-container {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      gap: 1.5rem;
+
+      &__label {
+        font-family: LeroyMerlin, sans-serif;
+        margin-left: 0.5rem;
+      }
+    }
+
     &__radio {
       margin-right: 15px;
     }

package/src/stores/modules/trezorStore.ts

@@ -50,8 +50,8 @@ export default {
             if (response.data.status == 998) {
               return 'LEAD_DUPLICATED';
             }
-
             return 'LEAD_CREATED_SUCCESSFULLY';
+
           case 400:
             return 'LEAD_CREATION_FAILED_DUE_TO_QUOTA';