project-booster-vue 10.4.1 → 10.4.3

package/package.json

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

package/src/components/rework/cards/MPbCards.vue

@@ -390,7 +390,6 @@ $responsive-breakpoint: 's';
   &__image-container {
     padding: $mu050 $mu050 0 $mu050;
     position: relative;
-    width: calc(100% - $mu100);
 
     & > div {
       border-radius: 5px;
@@ -518,14 +517,13 @@ $responsive-breakpoint: 's';
     color: #000;
     height: 100%;
     max-width: 100%;
-    @include set-font-face('semi-bold');
 
     .a11y-high-contrast & {
       color: $color-grey-800;
     }
 
     @include set-from-screen($responsive-breakpoint) {
-      @include set-font-scale('06', 'l');
+      @include set-font-scale('05', 'l');
     }
   }
 

package/src/components/rework/question/space-input/MPbSpaceInput.vue

@@ -32,7 +32,7 @@
         </m-flex>
         <m-flex>
           <m-text-input
-            :name="`text-input-${id}`"
+            :name="`text-input-${componentId}`"
             type="number"
             step="0.01"
             ref="pbSpaceInputTextInput"
@@ -140,7 +140,6 @@ import { MModal } from '@mozaic-ds/vue-3';
 import { SpaceInputPayload } from '@/components/question/space-input/SpaceInput';
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { decorate } from '@/services/decorate';
-import { id } from 'date-fns/locale';
 import { sanitizeCerberusAttribut } from '@/services/sanitize';
 import { EmitEventName } from '../../services/emit';
 

package/src/components/trezor/PbTrezor.vue

@@ -137,31 +137,33 @@
         <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
-              >
+              <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"
+                  :data-cerberus="sanitizeCerberusAttribut('PB-TREZOR', 'PREFERRED_PARTNER')"
                   @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
-              >
+              <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"
+                  :required="false"
+                  :data-cerberus="sanitizeCerberusAttribut('PB-TREZOR', 'COLLABORATOR_COMMENT')"
                 />
                 <label class="mc-field__error-message">{{ formData.errors.comment }}</label>
               </div>

package/src/services/api/trezorApi.ts

@@ -1,4 +1,5 @@
 import axios from 'axios';
+import { escape } from '../../services/htmlEscape';
 
 export const clientApi = axios.create({
   baseURL: '/project-booster/api',