fix : retours métier ERP-193 (4 répertoires) (#139)

Lot de retours métier **ERP-193** (« Fix tous les retours starseed »), transverse aux 4 répertoires (clients, fournisseurs, prestataires, transporteurs). ## Contenu - **Pagination** : défaut à 25 items/page sur les 4 répertoires. - **Libellé** : colonne « Dernière activité » → « Dernière modification ». - **Consultation** : masquage des onglets vides (coquilles « à venir » + onglets de données sans donnée). - **Chiffre d'affaires** : plafonné à 999 999 999 999,99 (clamp front + `Assert\LessThanOrEqual` back). - **Date de création** : interdiction des dates futures (`:max` MalioDate + `Assert\LessThanOrEqual('today')` back). - **Caractères spéciaux** : blocage des caractères parasites (`²³§~#|…`) dans les champs texte via une allow-list par profil (nom de personne / texte libre / adresse / code alphanumérique) — filtrage front à la frappe + `Assert\Regex` back autoritaire. Email/IBAN/BIC/TVA conservent leurs validateurs de format. - **UI** : champs en consultation et onglets validés grisés (`readonly` → `disabled`). - **UI** : boutons « Archiver » en rouge (variant `danger`). ## Tests - Back : nouveaux tests RG (plafond CA, dates futures, caractères spéciaux) + garde-fou contraintes — suite complète verte (813 tests). - Front : nouveaux tests unitaires (sanitizers, helpers date/montant) — 615 tests verts, eslint clean. --------- Co-authored-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr> Reviewed-on: #139 Co-authored-by: tristan <tristan@yuno.malio.fr> Co-committed-by: tristan <tristan@yuno.malio.fr>
2026-06-22 09:40:40 +00:00
parent 6c938756cc
commit 5e15c1f69f
93 changed files with 2791 additions and 803 deletions
@@ -3,63 +3,72 @@
    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
        <!-- Pays : prerempli « France » (RG-4.05). -->
        <MalioSelect
+            v-if="!hideEmpty || isFilled(model.country)"
            :model-value="model.country"
            :options="countryOptions"
            :label="t('transport.carriers.form.address.country')"
            :readonly="readonly"
-            :required="true"
+            :disabled="disabled"
+            :required="!readonly && !disabled"
            :error="errors?.country"
            @update:model-value="(v: string | number | null) => update('country', String(v ?? 'France'))"
        />

        <!-- Code postal (RG-4.06) : declenche l'autocomplete ville (BAN). -->
        <MalioInputText
+            v-if="!hideEmpty || isFilled(model.postalCode)"
            :model-value="model.postalCode"
            :label="t('transport.carriers.form.address.postalCode')"
            :mask="POSTAL_CODE_MASK"
            :readonly="readonly"
-            :required="true"
+            :disabled="disabled"
+            :required="!readonly && !disabled"
            :error="errors?.postalCode"
            @update:model-value="onPostalCodeChange"
        />

        <!-- Ville : MalioSelect alimente par le code postal (BAN). Saisie libre si BAN indispo. -->
        <MalioSelect
-            v-if="!degraded"
+            v-if="!degraded && (!hideEmpty || isFilled(model.city))"
            :model-value="model.city"
            :options="cityOptions"
            :label="t('transport.carriers.form.address.city')"
            :readonly="readonly"
+            :disabled="disabled"
            empty-option-label=""
-            :required="true"
+            :required="!readonly && !disabled"
            :error="errors?.city"
-            @update:model-value="(v: string | number | null) => update('city', v === null ? null : String(v))"
+            @update:model-value="onCityChange"
        />
        <MalioInputText
-            v-else
+            v-else-if="degraded && (!hideEmpty || isFilled(model.city))"
            :model-value="model.city"
            :label="t('transport.carriers.form.address.city')"
+            :mask="ADDRESS_MASK"
            :readonly="readonly"
-            :required="true"
+            :disabled="disabled"
+            :required="!readonly && !disabled"
            :error="errors?.city"
            @update:model-value="(v: string) => update('city', v)"
        />

-        <!-- Filler : aligne le debut de la ligne suivante sur la grille. -->
-        <div aria-hidden="true" />
+        <!-- Filler : aligne le debut de la ligne suivante sur la grille. Inutile en
+             consultation masquee (la grille se recompose sans les champs vides). -->
+        <div v-if="!hideEmpty" aria-hidden="true" />

        <!-- Adresse (BAN) sur 2 colonnes + Adresse complementaire. allow-create : le
             texte saisi est conserve si la BAN ne propose rien (saisie manuelle). -->
-        <div class="col-span-2">
+        <div v-if="!hideEmpty || isFilled(model.street)" class="col-span-2">
            <MalioInputAutocomplete
-                v-if="!readonly"
+                v-if="!readonly && !disabled"
                :model-value="model.street"
                :options="addressOptions"
                :loading="addressLoading"
                :min-search-length="3"
                :label="t('transport.carriers.form.address.street')"
                :readonly="readonly"
-                :required="true"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
                :error="errors?.street"
                :allow-create="true"
                :no-results-text="t('transport.carriers.form.address.streetNotFound')"
@@ -72,16 +81,20 @@
                :model-value="model.street"
                :label="t('transport.carriers.form.address.street')"
                :readonly="readonly"
-                :required="true"
+                :disabled="disabled"
+                :required="!readonly && !disabled"
                :error="errors?.street"
                @update:model-value="(v: string) => update('street', v)"
            />
        </div>

        <MalioInputText
+            v-if="!hideEmpty || isFilled(model.streetComplement)"
            :model-value="model.streetComplement"
            :label="t('transport.carriers.form.address.streetComplement')"
+            :mask="ADDRESS_MASK"
            :readonly="readonly"
+            :disabled="disabled"
            :error="errors?.streetComplement"
            @update:model-value="(v: string) => update('streetComplement', v)"
        />
@@ -91,6 +104,8 @@
 <script setup lang="ts">
 import { useAddressAutocomplete, type AddressSuggestion } from '~/shared/composables/useAddressAutocomplete'
 import type { CarrierAddressFormDraft } from '~/modules/transport/types/carrierForm'
+import { ADDRESS_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'

 interface RefOption {
    value: string
@@ -106,6 +121,10 @@ const props = defineProps<{
    /** Pays disponibles (France par defaut). */
    countryOptions: RefOption[]
    readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
    /** Erreurs serveur 422 de cette ligne, indexees par champ (ERP-101). */
    errors?: Record<string, string>
 }>()
@@ -150,11 +169,36 @@ const addressLoading = ref(false)
 // Conserve les suggestions d'adresse pour retrouver ville/CP au moment du select.
 let lastAddressSuggestions: AddressSuggestion[] = []

+// 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).
+
 /** Emet un nouveau brouillon avec le champ modifie (immutabilite). */
 function update<K extends keyof CarrierAddressFormDraft>(field: K, value: CarrierAddressFormDraft[K]): void {
    emit('update:modelValue', { ...props.modelValue, [field]: value })
 }

+/**
+ * Selection d'une ville (select assiste BAN) → vide adresse + complement, devenus
+ * incoherents avec la nouvelle ville. Ne reagit qu'a un vrai changement de valeur.
+ * En mode degrade (saisie libre), la ville reste un simple `update` (pas de reset
+ * a chaque frappe).
+ */
+function onCityChange(value: string | number | null): void {
+    const next = value === null ? null : String(value)
+    if (next === (props.modelValue.city ?? null)) {
+        return
+    }
+    banAddressOptions.value = []
+    lastAddressSuggestions = []
+    emit('update:modelValue', {
+        ...props.modelValue,
+        city: next,
+        street: null,
+        streetComplement: null,
+    })
+}
+
 /** Previent le parent (toast unique) que l'autocompletion est indisponible. */
 function notifyUnavailable(): void {
    if (!unavailableNotified) {
@@ -165,9 +209,27 @@ function notifyUnavailable(): void {

 /** Saisie du code postal → met a jour le champ + interroge la BAN pour la ville. */
 async function onPostalCodeChange(value: string): Promise<void> {
-    update('postalCode', value)
-
    const digits = (value ?? '').replace(/\D/g, '')
+    const previousDigits = (props.modelValue.postalCode ?? '').replace(/\D/g, '')
+
+    // CP complet (5 chiffres) et reellement modifie → ville, adresse et complement
+    // deviennent incoherents avec le nouveau code postal : on les vide pour forcer
+    // une re-saisie coherente (on n'efface pas pendant une correction partielle).
+    if (digits.length === 5 && digits !== previousDigits) {
+        banAddressOptions.value = []
+        lastAddressSuggestions = []
+        emit('update:modelValue', {
+            ...props.modelValue,
+            postalCode: value,
+            city: null,
+            street: null,
+            streetComplement: null,
+        })
+    }
+    else {
+        update('postalCode', value)
+    }
+
    if (digits.length < 5) {
        return
    }
@@ -3,7 +3,7 @@
        <!-- Suppression : ouvre une modal de confirmation côté parent. Masquée si
             non supprimable (1er bloc) ou en lecture seule. -->
        <MalioButtonIcon
-            v-if="removable && !readonly"
+            v-if="removable && !readonly && !disabled"
            icon="mdi:delete-outline"
            variant="ghost"
            button-class="absolute top-3 right-3"
@@ -12,44 +12,56 @@
        />

        <MalioInputText
+            v-if="!hideEmpty || isFilled(model.lastName)"
            :model-value="model.lastName"
            :label="t('transport.carriers.form.contact.lastName')"
+            :mask="PERSON_NAME_MASK"
            :readonly="readonly"
+            :disabled="disabled"
            :error="errors?.lastName"
            @update:model-value="(v: string) => update('lastName', v)"
        />
        <MalioInputText
+            v-if="!hideEmpty || isFilled(model.firstName)"
            :model-value="model.firstName"
            :label="t('transport.carriers.form.contact.firstName')"
+            :mask="PERSON_NAME_MASK"
            :readonly="readonly"
+            :disabled="disabled"
            :error="errors?.firstName"
            @update:model-value="(v: string) => update('firstName', v)"
        />
        <!-- Fonction sur 2 colonnes : on wrappe car MalioInputText (inheritAttrs:false)
             renvoie `class` sur l'input interne, pas sur la cellule de grille. -->
-        <div class="col-span-2">
+        <div v-if="!hideEmpty || isFilled(model.jobTitle)" class="col-span-2">
            <MalioInputText
                :model-value="model.jobTitle"
                :label="t('transport.carriers.form.contact.jobTitle')"
+                :mask="FREE_TEXT_MASK"
                :readonly="readonly"
+                :disabled="disabled"
                :error="errors?.jobTitle"
                @update:model-value="(v: string) => update('jobTitle', v)"
            />
        </div>
        <MalioInputEmail
+            v-if="!hideEmpty || isFilled(model.email)"
            :model-value="model.email"
            :label="t('transport.carriers.form.contact.email')"
            :readonly="readonly"
+            :disabled="disabled"
            :lowercase="true"
            :error="errors?.email"
            @update:model-value="(v: string) => update('email', v)"
        />
        <!-- Téléphone principal + bouton « + » révélant le 2e numéro (max 2). -->
        <MalioInputPhone
+            v-if="!hideEmpty || isFilled(model.phonePrimary)"
            :model-value="model.phonePrimary"
            :label="t('transport.carriers.form.contact.phonePrimary')"
            :mask="PHONE_MASK"
            :readonly="readonly"
+            :disabled="disabled"
            :error="errors?.phonePrimary"
            :addable="!model.hasSecondaryPhone && !readonly"
            :add-button-label="t('transport.carriers.form.contact.addPhone')"
@@ -58,11 +70,12 @@
        />
        <!-- 2e numéro : révélé à la demande (max 2 téléphones — RG-4.08). -->
        <MalioInputPhone
-            v-if="model.hasSecondaryPhone"
+            v-if="model.hasSecondaryPhone && (!hideEmpty || isFilled(model.phoneSecondary))"
            :model-value="model.phoneSecondary"
            :label="t('transport.carriers.form.contact.phoneSecondary')"
            :mask="PHONE_MASK"
            :readonly="readonly"
+            :disabled="disabled"
            :error="errors?.phoneSecondary"
            @update:model-value="(v: string) => update('phoneSecondary', v)"
        />
@@ -71,6 +84,8 @@

 <script setup lang="ts">
 import type { CarrierContactFormDraft } from '~/modules/transport/types/carrierForm'
+import { FREE_TEXT_MASK, PERSON_NAME_MASK } from '~/shared/utils/textSanitize'
+import { isFilled } from '~/shared/utils/consultationDisplay'

 // Masque téléphone FR : 5 groupes de 2 chiffres (la normalisation finale reste serveur).
 const PHONE_MASK = '## ## ## ## ##'
@@ -82,6 +97,10 @@ const props = defineProps<{
    removable?: boolean
    /** Bloc en lecture seule (onglet validé). */
    readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
+    /** Consultation : masque les champs non remplis (ERP-193). */
+    hideEmpty?: boolean
    /** Erreurs serveur 422 de cette ligne, indexées par champ (ERP-101). */
    errors?: Record<string, string>
 }>()
@@ -96,6 +115,10 @@ const { t } = useI18n()
 // Alias local pour la lisibilité du template.
 const model = computed(() => props.modelValue)

+// Filtrage des caractères parasites : porté 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).
+
 /** Émet un nouveau brouillon avec le champ modifié (immutabilité). */
 function update<K extends keyof CarrierContactFormDraft>(field: K, value: CarrierContactFormDraft[K]): void {
    emit('update:modelValue', { ...props.modelValue, [field]: value })
@@ -2,7 +2,7 @@
    <div class="relative grid grid-cols-4 gap-x-[44px] gap-y-4 bg-white py-4 pl-[28px] pr-[60px] shadow-[0_4px_4px_0_rgba(0,0,0,0.25)]">
        <!-- Suppression : modal de confirmation côté parent. -->
        <MalioButtonIcon
-            v-if="removable && !readonly"
+            v-if="removable && !readonly && !disabled"
            icon="mdi:delete-outline"
            variant="ghost"
            button-class="absolute top-3 right-3"
@@ -20,7 +20,7 @@
                    :name="`price-direction-${uid}`"
                    value="CLIENT"
                    :label="t('transport.carriers.form.price.directionClient')"
-                    :disabled="readonly"
+                    :disabled="readonly || disabled"
                    group-class="mt-0"
                    @update:model-value="onDirectionChange"
                />
@@ -29,7 +29,7 @@
                    :name="`price-direction-${uid}`"
                    value="FOURNISSEUR"
                    :label="t('transport.carriers.form.price.directionSupplier')"
-                    :disabled="readonly"
+                    :disabled="readonly || disabled"
                    group-class="mt-0"
                    @update:model-value="onDirectionChange"
                />
@@ -46,6 +46,7 @@
                empty-option-label=""
                :required="true"
                :readonly="readonly"
+                :disabled="disabled"
                :error="errors?.client"
                @update:model-value="onClientChange"
            />
@@ -56,6 +57,7 @@
                empty-option-label=""
                :required="true"
                :readonly="readonly"
+                :disabled="disabled"
                :error="errors?.clientDeliveryAddress"
                @update:model-value="(v: string | number | null) => update('clientDeliveryAddressIri', v === null ? null : String(v))"
            />
@@ -66,6 +68,7 @@
                empty-option-label=""
                :required="true"
                :readonly="readonly"
+                :disabled="disabled"
                :error="errors?.departureSite"
                @update:model-value="(v: string | number | null) => update('departureSiteIri', v === null ? null : String(v))"
            />
@@ -80,6 +83,7 @@
                empty-option-label=""
                :required="true"
                :readonly="readonly"
+                :disabled="disabled"
                :error="errors?.supplier"
                @update:model-value="onSupplierChange"
            />
@@ -90,6 +94,7 @@
                empty-option-label=""
                :required="true"
                :readonly="readonly"
+                :disabled="disabled"
                :error="errors?.supplierSupplyAddress"
                @update:model-value="(v: string | number | null) => update('supplierSupplyAddressIri', v === null ? null : String(v))"
            />
@@ -100,6 +105,7 @@
                empty-option-label=""
                :required="true"
                :readonly="readonly"
+                :disabled="disabled"
                :error="errors?.deliverySite"
                @update:model-value="(v: string | number | null) => update('deliverySiteIri', v === null ? null : String(v))"
            />
@@ -115,7 +121,7 @@
                        :name="`price-container-${uid}`"
                        value="BENNE"
                        :label="t('transport.carriers.containerType.BENNE')"
-                        :disabled="readonly"
+                        :disabled="readonly || disabled"
                        group-class="mt-0"
                        @update:model-value="(v: string | number | boolean | null) => update('containerType', v === null ? null : String(v))"
                    />
@@ -124,7 +130,7 @@
                        :name="`price-container-${uid}`"
                        value="FOND_MOUVANT"
                        :label="t('transport.carriers.containerType.FOND_MOUVANT')"
-                        :disabled="readonly"
+                        :disabled="readonly || disabled"
                        group-class="mt-0"
                        @update:model-value="(v: string | number | boolean | null) => update('containerType', v === null ? null : String(v))"
                    />
@@ -140,7 +146,7 @@
                        :name="`price-unit-${uid}`"
                        value="FORFAIT"
                        :label="t('transport.carriers.form.price.pricingForfait')"
-                        :disabled="readonly"
+                        :disabled="readonly || disabled"
                        group-class="mt-0"
                        @update:model-value="(v: string | number | boolean | null) => update('pricingUnit', v === null ? null : String(v))"
                    />
@@ -149,7 +155,7 @@
                        :name="`price-unit-${uid}`"
                        value="TONNE"
                        :label="t('transport.carriers.form.price.pricingTonne')"
-                        :disabled="readonly"
+                        :disabled="readonly || disabled"
                        group-class="mt-0"
                        @update:model-value="(v: string | number | boolean | null) => update('pricingUnit', v === null ? null : String(v))"
                    />
@@ -162,6 +168,7 @@
                :label="t('transport.carriers.form.price.price')"
                :required="true"
                :readonly="readonly"
+                :disabled="disabled"
                :error="errors?.price"
                @update:model-value="(v: string) => update('price', v)"
            />
@@ -173,6 +180,7 @@
                empty-option-label=""
                :required="true"
                :readonly="readonly"
+                :disabled="disabled"
                :error="errors?.priceState"
                @update:model-value="(v: string | number | null) => update('priceState', v === null ? null : String(v))"
            />
@@ -200,6 +208,8 @@ const props = defineProps<{
    siteOptions: SelectOption[]
    removable?: boolean
    readonly?: boolean
+    /** Bloc desactive (champs grises, consultation — distinct de readonly). */
+    disabled?: boolean
    /** Erreurs serveur 422 de cette ligne, indexées par champ (ERP-101). */
    errors?: Record<string, string>
 }>()