project-booster-vue 10.7.13 → 10.8.1

package/README.md

@@ -6,6 +6,33 @@ It is based on the [mozaic design system](https://mozaic.appspot.com/).
 
 Visit the [project-booster-vue storybook](https://adeo.github.io/project-booster-vue/) to discover available components.
 
+## Maintainers
+
+Team: project-booster@adeo.com
+
+#### Product Owners
+
+- ~~Sébastien Martinage~~
+- ~~Adrien Stadler~~
+- ~~Narjisse Loulanti~~
+- Ekaterina Kelekhsaeva: ekaterina.kelekhsaeva1@ext.adeo.com
+
+#### Developers
+
+- ~~Ndongo Wade~~
+- ~~Rémi Even~~
+- ~~Fabien Saulier~~
+- ~~Nicolas Inchauspé~~
+- ~~Tony Proum~~
+- ~~Nicolas Beaussart~~
+- ~~Faten Ghandour~~
+- ~~Clément Buchart~~
+- ~~Mickaël Margollé~~
+- ~~Jean-Baptiste Renault~~
+- Anthony Pillot: anthony.pillot@ext.leroymerlin.fr
+- Maxime Drecourt: maxime.drecourt@ext.adeo.com
+- Yassine Bourakba: yassine.bourakba@ext.adeo.com
+
 ## Get started
 
 ### Install

package/package.json

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

package/src/components/configurations/list/PbConfigurationsList.vue

@@ -31,7 +31,7 @@
             />
             <pb-card
               v-else
-              class="pb-configurations-list__card"
+              class="pb-configurations-list__card js-cdl"
               :flag-label="configuration.type"
               :hero="configuration.label"
               :flattened="readOnly"
@@ -43,6 +43,10 @@
               :text="`Réalisée le ${formatDate(configuration.creationDate)}`"
               :selected="configuration.selected"
               @click="emitConfigurationClickEvent(configuration)"
+              data-cdl-click-type="cdl_event"
+              :data-cdl-click-data="
+                formatEvent({ button_name: configuration.label, button_location: stepLocation }, EventTypeEnum.BUTTON)
+              "
             />
           </div>
         </m-flexy-col>
@@ -81,6 +85,7 @@ import PbAnimableLoader from '../../loader/PbAnimableLoader.vue';
 import PbCard from '../../cards/PbCard.vue';
 import { format } from 'date-fns';
 import Velocity from 'velocity-animate';
+import { EventTypeEnum, formatEvent } from '../../rework/services/event';
 
 export const CONFIGURATION_ANIMATION_DURATION = 50;
 
@@ -134,10 +139,18 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    /**
+     * Step location
+     */
+    stepLocation: {
+      type: String,
+      default: '',
+    },
   },
 
   data: () => ({
     showMoreButtonAnimationDelay: 0,
+    EventTypeEnum,
   }),
 
   methods: {
@@ -196,6 +209,7 @@ export default defineComponent({
        */
       this.$emit('refresh-configuration', configuration);
     },
+    formatEvent,
   },
 });
 </script>

package/src/components/rework/question/MPbQuestion.vue

@@ -216,13 +216,20 @@
             <m-button
               label="Précédent"
               theme="bordered-neutral"
-              class="pb-question__actions-buttons-button"
+              class="pb-question__actions-buttons-button js-cdl"
               size="m"
               size-from-l="l"
               @click="$emit('go-back')"
               v-if="!payload.viewModel.hideBackButton"
               icon="ArrowBack48"
               :data-cerberus="sanitizeCerberusAttribut('MPB-QUESTION', 'Etape precedente')"
+              data-cdl-click-type="cdl_event"
+              :data-cdl-click-data="
+                formatEvent(
+                  { button_name: 'Etape precedente', button_location: payload.viewModel.analytics.funnel_name },
+                  EventTypeEnum.BUTTON,
+                )
+              "
             >
             </m-button>
           </div>
@@ -769,10 +776,14 @@ const nextStepHandler = () => {
 };
 
 const updateCdlValues = () => {
-  const answers: any = [];
+  let answers: any = [];
 
   for (const answerCode in Object.fromEntries(selectedAnswers.value)) {
-    answers.push(answerCode);
+    if (!answers.includes(answerCode)) {
+      answers.push(answerCode);
+    } else {
+      answers = answers.filter((item: any) => item !== answerCode);
+    }
   }
 
   eventData.value = formatEvent(

package/src/components/rework/question/configurations-import/MPbConfigurationsImport.vue

@@ -61,15 +61,32 @@
 
         <div class="pb-configurations-import__redirect-link" v-if="payload.viewModel.redirectLink">
           <m-link
+            class="js-cdl"
             :label="payload.viewModel.redirectLink.label"
             @click="callAction(payload.viewModel.redirectLink.nextStep)"
             theme="primary"
+            data-cdl-click-type="cdl_event"
+            :data-cdl-click-data="
+              formatEvent(
+                { button_name: payload.viewModel.redirectLink.label, button_location: stepLocation },
+                EventTypeEnum.BUTTON,
+              )
+            "
           ></m-link>
         </div>
 
         <div class="pb-configurations-import__buttons row-flex" v-if="payload.callToActions">
           <div class="pb-configurations-import__buttons__button" v-for="button in payload.callToActions">
-            <m-button :label="button.label" @click="callAction(button.nextStep)" :theme="button.theme" />
+            <m-button
+              class="js-cdl"
+              :label="button.label"
+              @click="callAction(button.nextStep)"
+              :theme="button.theme"
+              data-cdl-click-type="cdl_event"
+              :data-cdl-click-data="
+                formatEvent({ button_name: button.label, button_location: stepLocation }, EventTypeEnum.BUTTON)
+              "
+            />
           </div>
         </div>
       </m-container>
@@ -123,6 +140,7 @@ import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { Configuration } from '@/types/pb/Configuration';
 import { decorate } from '@/services/decorate';
 import { PayloadAction } from '../../types/genericPayload';
+import { EventTypeEnum, formatEvent } from '../../services/event';
 
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';
@@ -192,6 +210,13 @@ export default defineComponent({
       type: String,
       default: '0px',
     },
+    /**
+     * Step location
+     */
+    stepLocation: {
+      type: String,
+      default: '',
+    },
   },
 
   setup(props, { emit }) {
@@ -280,6 +305,8 @@ export default defineComponent({
       configurationImportSuccess,
       configurationImportError,
       callAction,
+      EventTypeEnum,
+      formatEvent,
     };
   },
 });