refactor(front) : champs anti-parasites via masks maska (filtrage natif, focus/curseur OK) au lieu du sanitizer @update ; email sans masque (ERP-193)

frontend/modules/commercial/components/ClientAddressBlock.vue

@@ -133,6 +133,7 @@
             v-else
             :model-value="model.city"
             :label="t('commercial.clients.form.address.city')"
+            :mask="ADDRESS_MASK"
             :readonly="readonly"
             :disabled="disabled"
             :required="true"
@@ -184,6 +185,7 @@
             <MalioInputText
                 :model-value="model.streetComplement"
                 :label="t('commercial.clients.form.address.streetComplement')"
+                :mask="ADDRESS_MASK"
                 :readonly="readonly"
                 :disabled="disabled"
                 :error="errors?.streetComplement"
@@ -204,7 +206,7 @@ import {
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
 import type { CategoryOption, RefOption } from '~/modules/commercial/composables/useClientReferentials'
 import type { AddressFormDraft } from '~/modules/commercial/types/clientForm'
-import { sanitizeAddress, sanitizeEmail } from '~/shared/utils/textSanitize'
+import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
 
 // Masque code postal FR : 5 chiffres.
 const POSTAL_CODE_MASK = '#####'
@@ -300,23 +302,14 @@ const addressLoading = ref(false)
 // Conserve les suggestions d'adresse pour retrouver ville/CP au moment du select.
 let lastAddressSuggestions: AddressSuggestion[] = []
 
-// Filtres de saisie par champ (ERP-193) : voie / complement / ville = profil
-// adresse, emails de facturation = profil email.
-const FIELD_SANITIZERS: Partial<Record<keyof AddressFormDraft, (v: string) => string>> = {
-    street: sanitizeAddress,
-    streetComplement: sanitizeAddress,
-    city: sanitizeAddress,
-    billingEmail: sanitizeEmail,
-    billingEmailSecondary: sanitizeEmail,
-}
+// Filtrage des caracteres parasites : porte par le mask ADDRESS_MASK (maska) sur
+// les champs texte editables (complement, ville en mode degrade). La voie en
+// autocomplete (BAN) et la ville en select ne sont pas masquees (le back valide
+// via Assert\Regex) ; les emails de facturation valident leur format (Assert\Email).
 
-/** Emet un nouveau brouillon avec le champ modifie (immutabilite), sanitise si besoin. */
+/** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof AddressFormDraft>(field: K, value: AddressFormDraft[K]): void {
-    const sanitizer = FIELD_SANITIZERS[field]
-    const next = (sanitizer && typeof value === 'string')
-        ? (sanitizer(value) as AddressFormDraft[K])
-        : value
-    emit('update:modelValue', { ...props.modelValue, [field]: next })
+    emit('update:modelValue', { ...props.modelValue, [field]: value })
 }
 
 /** Revele le 2e champ email de facturation (clic sur le « + »). */

frontend/modules/commercial/components/ClientContactBlock.vue

@@ -15,6 +15,7 @@
         <MalioInputText
             :model-value="model.lastName"
             :label="t('commercial.clients.form.contact.lastName')"
+            :mask="PERSON_NAME_MASK"
             :readonly="readonly"
             :disabled="disabled"
             :error="errors?.lastName"
@@ -23,6 +24,7 @@
         <MalioInputText
             :model-value="model.firstName"
             :label="t('commercial.clients.form.contact.firstName')"
+            :mask="PERSON_NAME_MASK"
             :readonly="readonly"
             :disabled="disabled"
             :error="errors?.firstName"
@@ -35,6 +37,7 @@
             <MalioInputText
                 :model-value="model.jobTitle"
                 :label="t('commercial.clients.form.contact.jobTitle')"
+                :mask="FREE_TEXT_MASK"
                 :readonly="readonly"
                 :disabled="disabled"
                 :error="errors?.jobTitle"
@@ -77,7 +80,7 @@
 
 <script setup lang="ts">
 import type { ContactFormDraft } from '~/modules/commercial/types/clientForm'
-import { sanitizeEmail, sanitizeFreeText, sanitizePersonName } from '~/shared/utils/textSanitize'
+import { FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
 
 // Masque telephone FR : 5 groupes de 2 chiffres (la normalisation finale reste
 // serveur, cf. formatPhoneFR re-applique a la valeur renvoyee).
@@ -108,22 +111,13 @@ const { t } = useI18n()
 // Alias local pour la lisibilite du template.
 const model = computed(() => props.modelValue)
 
-// Filtres de saisie par champ (ERP-193) : on retire les caracteres parasites a la
-// frappe. Noms = profil personne, fonction = texte libre, email = profil email.
-const FIELD_SANITIZERS: Partial<Record<keyof ContactFormDraft, (v: string) => string>> = {
-    lastName: sanitizePersonName,
-    firstName: sanitizePersonName,
-    jobTitle: sanitizeFreeText,
-    email: sanitizeEmail,
-}
+// Filtrage des caracteres parasites : porte par les masks maska sur les champs
+// (PERSON_NAME_MASK / FREE_TEXT_MASK), filtrage natif au focus/curseur. L'email n'a
+// pas de mask (ERP-101 : validation de format via Assert\Email + erreur inline).
 
-/** Emet un nouveau brouillon avec le champ modifie (immutabilite), sanitise si besoin. */
+/** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof ContactFormDraft>(field: K, value: ContactFormDraft[K]): void {
-    const sanitizer = FIELD_SANITIZERS[field]
-    const next = (sanitizer && typeof value === 'string')
-        ? (sanitizer(value) as ContactFormDraft[K])
-        : value
-    emit('update:modelValue', { ...props.modelValue, [field]: next })
+    emit('update:modelValue', { ...props.modelValue, [field]: value })
 }
 
 /** Revele le 2e numero (RG-1.02/1.20 : max 1 secondaire, le « + » disparait). */

frontend/modules/commercial/components/SupplierAddressBlock.vue

@@ -104,6 +104,7 @@
             v-else
             :model-value="model.city"
             :label="t('commercial.suppliers.form.address.city')"
+            :mask="ADDRESS_MASK"
             :readonly="readonly"
             :disabled="disabled"
             :required="true"
@@ -135,6 +136,7 @@
                 v-else
                 :model-value="model.street"
                 :label="t('commercial.suppliers.form.address.street')"
+                :mask="ADDRESS_MASK"
                 :readonly="readonly"
                 :disabled="disabled"
                 :required="true"
@@ -147,6 +149,7 @@
             <MalioInputText
                 :model-value="model.streetComplement"
                 :label="t('commercial.suppliers.form.address.streetComplement')"
+                :mask="ADDRESS_MASK"
                 :readonly="readonly"
                 :disabled="disabled"
                 :error="errors?.streetComplement"
@@ -182,7 +185,7 @@
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
 import type { CategoryOption, RefOption } from '~/modules/commercial/composables/useSupplierReferentials'
 import type { SupplierAddressFormDraft, SupplierAddressType } from '~/modules/commercial/types/supplierForm'
-import { sanitizeAddress } from '~/shared/utils/textSanitize'
+import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
 
 // Masque code postal FR : 5 chiffres.
 const POSTAL_CODE_MASK = '#####'
@@ -254,21 +257,14 @@ const addressLoading = ref(false)
 // Conserve les suggestions d'adresse pour retrouver ville/CP au moment du select.
 let lastAddressSuggestions: AddressSuggestion[] = []
 
-// Filtres de saisie par champ (ERP-193) : voie / complement / ville = profil
-// adresse. Les autres champs (CP, bennes, selects) ne sont pas filtres ici.
-const FIELD_SANITIZERS: Partial<Record<keyof SupplierAddressFormDraft, (v: string) => string>> = {
-    street: sanitizeAddress,
-    streetComplement: sanitizeAddress,
-    city: sanitizeAddress,
-}
+// Filtrage des caracteres parasites : porte par le mask ADDRESS_MASK (maska) sur
+// les champs texte editables (complement, ville en mode degrade, voie en repli). La
+// voie en autocomplete (BAN) et la ville en select ne sont pas masquees (le back
+// valide via Assert\Regex).
 
-/** Emet un nouveau brouillon avec le champ modifie (immutabilite), sanitise si besoin. */
+/** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof SupplierAddressFormDraft>(field: K, value: SupplierAddressFormDraft[K]): void {
-    const sanitizer = FIELD_SANITIZERS[field]
-    const next = (sanitizer && typeof value === 'string')
-        ? (sanitizer(value) as SupplierAddressFormDraft[K])
-        : value
-    emit('update:modelValue', { ...props.modelValue, [field]: next })
+    emit('update:modelValue', { ...props.modelValue, [field]: value })
 }
 
 /** Previent le parent (toast unique) que l'autocompletion est indisponible. */

frontend/modules/commercial/components/SupplierContactBlock.vue

@@ -14,6 +14,7 @@
         <MalioInputText
             :model-value="model.lastName"
             :label="t('commercial.suppliers.form.contact.lastName')"
+            :mask="PERSON_NAME_MASK"
             :readonly="readonly"
             :disabled="disabled"
             :error="errors?.lastName"
@@ -22,6 +23,7 @@
         <MalioInputText
             :model-value="model.firstName"
             :label="t('commercial.suppliers.form.contact.firstName')"
+            :mask="PERSON_NAME_MASK"
             :readonly="readonly"
             :disabled="disabled"
             :error="errors?.firstName"
@@ -34,6 +36,7 @@
             <MalioInputText
                 :model-value="model.jobTitle"
                 :label="t('commercial.suppliers.form.contact.jobTitle')"
+                :mask="FREE_TEXT_MASK"
                 :readonly="readonly"
                 :disabled="disabled"
                 :error="errors?.jobTitle"
@@ -76,7 +79,7 @@
 
 <script setup lang="ts">
 import type { SupplierContactFormDraft } from '~/modules/commercial/types/supplierForm'
-import { sanitizeEmail, sanitizeFreeText, sanitizePersonName } from '~/shared/utils/textSanitize'
+import { FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
 
 // Masque telephone FR : 5 groupes de 2 chiffres (la normalisation finale reste serveur).
 const PHONE_MASK = '## ## ## ## ##'
@@ -106,22 +109,13 @@ const { t } = useI18n()
 // Alias local pour la lisibilite du template.
 const model = computed(() => props.modelValue)
 
-// Filtres de saisie par champ (ERP-193) : on retire les caracteres parasites a la
-// frappe. Noms = profil personne, fonction = texte libre, email = profil email.
-const FIELD_SANITIZERS: Partial<Record<keyof SupplierContactFormDraft, (v: string) => string>> = {
-    lastName: sanitizePersonName,
-    firstName: sanitizePersonName,
-    jobTitle: sanitizeFreeText,
-    email: sanitizeEmail,
-}
+// Filtrage des caracteres parasites : porte par les masks maska sur les champs
+// (PERSON_NAME_MASK / FREE_TEXT_MASK), filtrage natif au focus/curseur. L'email n'a
+// pas de mask (ERP-101 : validation de format via Assert\Email + erreur inline).
 
-/** Emet un nouveau brouillon avec le champ modifie (immutabilite), sanitise si besoin. */
+/** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof SupplierContactFormDraft>(field: K, value: SupplierContactFormDraft[K]): void {
-    const sanitizer = FIELD_SANITIZERS[field]
-    const next = (sanitizer && typeof value === 'string')
-        ? (sanitizer(value) as SupplierContactFormDraft[K])
-        : value
-    emit('update:modelValue', { ...props.modelValue, [field]: next })
+    emit('update:modelValue', { ...props.modelValue, [field]: value })
 }
 
 /** Revele le 2e numero (max 1 secondaire, le « + » disparait). */