@movalib/movalib-commons 1.1.16 → 1.1.17

package/devIndex.tsx

@@ -12,7 +12,7 @@ import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import DatePicker from '@mui/lab/DatePicker';
 import frLocale from 'date-fns/locale/fr';
 import QRCode from './src/QRCode';
-import { Box, Button, Typography } from '@mui/material';
+import { Box, Button, Container, Typography } from '@mui/material';
 import GarageService from './src/services/GarageService';
 import AuthenticationService from './src/services/AuthenticationService';
 import Logger from './src/helpers/Logger';
@@ -21,6 +21,7 @@ import ScheduleFields, { DaySchedule } from './src/ScheduleFields';
 import Schedule from './src/models/Schedule';
 import { flexCenter } from './src/helpers/Tools';
 import AccountValidation from './src/AccountValidation';
+import VehiclePlateField from './src/VehiclePlateField';
 
 const App = () => {
 
@@ -106,8 +107,15 @@ const App = () => {
         <ThemeProvider theme={theme}>
           <Box sx={{ mb: 4}}>
 
+          <Container style={flexCenter} sx={{ width: '400px', mt: 2}}>
+            <VehiclePlateField onValidVehiclePlate={function (vehiclePlate: string): void {
+                alert('plaque valide');
+              } } />
+          </Container>
+ 
+
             <MovaLogin 
-              darkMode={true}
+              darkMode={false}
               movaAppType={MovaAppType.GARAGE} 
               version="0.1.3"
               onSubmit={function (form: MovaLoginForm): void {
@@ -117,7 +125,7 @@ const App = () => {
               } } />
 
             <MovaSignUp 
-              darkMode={true}
+              darkMode={false}
               movaAppType={MovaAppType.INDIVIDUAL} onSubmit={function (form: MovaLoginForm): void {
               alert('Form Submitted !');
             } } />

package/dist/devIndex.js

@@ -58,6 +58,7 @@ var ScheduleFields_1 = __importDefault(require("./src/ScheduleFields"));
 var Schedule_1 = __importDefault(require("./src/models/Schedule"));
 var Tools_1 = require("./src/helpers/Tools");
 var AccountValidation_1 = __importDefault(require("./src/AccountValidation"));
+var VehiclePlateField_1 = __importDefault(require("./src/VehiclePlateField"));
 var App = function () {
     Logger_1.default.enableLogging();
     // Chargement de données garage de test
@@ -118,11 +119,13 @@ var App = function () {
             }
         }
     };
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider, __assign({ dateAdapter: AdapterDateFns_1.AdapterDateFns, adapterLocale: fr_1.default }, { children: (0, jsx_runtime_1.jsxs)(styles_1.ThemeProvider, __assign({ theme: theme_1.default }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: { mb: 4 } }, { children: [(0, jsx_runtime_1.jsx)(MovaLogin_1.default, { darkMode: true, movaAppType: Enums_1.MovaAppType.GARAGE, version: "0.1.3", onSubmit: function (form) {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider, __assign({ dateAdapter: AdapterDateFns_1.AdapterDateFns, adapterLocale: fr_1.default }, { children: (0, jsx_runtime_1.jsxs)(styles_1.ThemeProvider, __assign({ theme: theme_1.default }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: { mb: 4 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Container, __assign({ style: Tools_1.flexCenter, sx: { width: '400px', mt: 2 } }, { children: (0, jsx_runtime_1.jsx)(VehiclePlateField_1.default, { onValidVehiclePlate: function (vehiclePlate) {
+                                        alert('plaque valide');
+                                    } }) })), (0, jsx_runtime_1.jsx)(MovaLogin_1.default, { darkMode: false, movaAppType: Enums_1.MovaAppType.GARAGE, version: "0.1.3", onSubmit: function (form) {
                                     alert('Form Submitted !');
                                 }, onSubmitForgotPassword: function (email) {
                                     throw new Error('Function not implemented.');
-                                } }), (0, jsx_runtime_1.jsx)(MovaSignUp_1.default, { darkMode: true, movaAppType: Enums_1.MovaAppType.INDIVIDUAL, onSubmit: function (form) {
+                                } }), (0, jsx_runtime_1.jsx)(MovaSignUp_1.default, { darkMode: false, movaAppType: Enums_1.MovaAppType.INDIVIDUAL, onSubmit: function (form) {
                                     alert('Form Submitted !');
                                 } }), (0, jsx_runtime_1.jsx)(QRCode_1.default, { data: getQRCodeData(), showDownload: true }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '40px' } }), (0, jsx_runtime_1.jsx)("div", __assign({ style: Tools_1.flexCenter }, { children: (0, jsx_runtime_1.jsx)(ScheduleFields_1.default, { schedules: garage === null || garage === void 0 ? void 0 : garage.schedules, size: "small", timePickerStep: 30, onChange: handleScheduleChange }) }))] })), (0, jsx_runtime_1.jsx)(material_1.Box, __assign({ style: Tools_1.flexCenter }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: function () { return setOpenAccountValidation(!openAccountValidation); } }, { children: "Validation de compte" })) })), openAccountValidation && (0, jsx_runtime_1.jsx)(AccountValidation_1.default, { movaAppType: Enums_1.MovaAppType.GARAGE, onSubmit: function (success, message) {
                             throw new Error('Function not implemented.');

package/dist/index.d.ts

@@ -40,4 +40,4 @@ export { readCookie, deleteCookie } from './src/helpers/CookieUtils';
 export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel } from './src/helpers/Tools';
 export { validatePhoneNumber, validateText, validateEmail } from './src/helpers/Validator';
 export { formatDateByCountryCode, getLongFormattedDateTime, capitalizeFirstLetter } from './src/helpers/DateUtils';
-export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType, DigitalPassportIndex, DocumentState, Gender, DateFormatTypes, PartsApplicationType, ProductType, OrderPreference, OrderState, SlotAlgorithm } from './src/helpers/Enums';
+export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType, DigitalPassportIndex, DocumentState, Gender, DateFormatTypes, PartsApplicationType, ProductType, OrderPreference, OrderState, SlotAlgorithm, VehiclePlateFormat as VehiclePlateType } from './src/helpers/Enums';

package/dist/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MovaAppType = exports.RoleType = exports.capitalizeFirstLetter = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.getApplicationShortLabel = exports.isEmpty = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.Customer = exports.Logger = exports.Operation = exports.Prestation = exports.Product = exports.Supplier = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.VehiclePlateField = exports.QRCode = exports.MovaDialog = exports.Loader = exports.MovaDigitalPassport = exports.VehicleFullCard = exports.ScheduleFields = exports.AddressFields = exports.AccountValidation = exports.UserService = exports.GarageService = exports.AuthenticationService = void 0;
-exports.SlotAlgorithm = exports.OrderState = exports.OrderPreference = exports.ProductType = exports.PartsApplicationType = exports.DateFormatTypes = exports.Gender = exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = void 0;
+exports.VehiclePlateType = exports.SlotAlgorithm = exports.OrderState = exports.OrderPreference = exports.ProductType = exports.PartsApplicationType = exports.DateFormatTypes = exports.Gender = exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = void 0;
 // Export des services
 var AuthenticationService_1 = require("./src/services/AuthenticationService");
 Object.defineProperty(exports, "AuthenticationService", { enumerable: true, get: function () { return __importDefault(AuthenticationService_1).default; } });
@@ -114,3 +114,4 @@ Object.defineProperty(exports, "ProductType", { enumerable: true, get: function
 Object.defineProperty(exports, "OrderPreference", { enumerable: true, get: function () { return Enums_1.OrderPreference; } });
 Object.defineProperty(exports, "OrderState", { enumerable: true, get: function () { return Enums_1.OrderState; } });
 Object.defineProperty(exports, "SlotAlgorithm", { enumerable: true, get: function () { return Enums_1.SlotAlgorithm; } });
+Object.defineProperty(exports, "VehiclePlateType", { enumerable: true, get: function () { return Enums_1.VehiclePlateFormat; } });

package/dist/src/VehiclePlateField.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,20 +17,71 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
-// Regex pour une plaque d'immatriculation française
+var Enums_1 = require("./helpers/Enums");
+var Logger_1 = __importDefault(require("./helpers/Logger"));
+var material_1 = require("@mui/material");
+var SearchRounded_1 = __importDefault(require("@mui/icons-material/SearchRounded"));
+// Regex pour une plaque d'immatriculation française (nouveau format SIV)
 var regex = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/;
+// Regex pour une plaque d'immatriculation française (ancien format FNI)
+var oldRegex = /^\d{1,4}[ -]?[A-Z]{1,4}[ -]?\d{1,4}$/;
 var VehiclePlateField = function (_a) {
     var onValidVehiclePlate = _a.onValidVehiclePlate;
     var _b = (0, react_1.useState)(''), value = _b[0], setValue = _b[1];
     var _c = (0, react_1.useState)(false), error = _c[0], setError = _c[1];
     var _d = (0, react_1.useState)(0), lastLength = _d[0], setLastLength = _d[1]; // Ajout d'un état pour stocker la longueur précédente
+    var _e = (0, react_1.useState)(''), helperText = _e[0], setHelperText = _e[1];
+    // Hook de validation de la plaque
     (0, react_1.useEffect)(function () {
         if (!error && value !== '' && value.match(regex)) {
             onValidVehiclePlate(value);
         }
     }, [error, value, onValidVehiclePlate]);
+    var getPlateFormat = function (plate) {
+        if (/^[A-Za-z]/.test(plate)) {
+            // Commence par une lettre => nouveau format
+            return Enums_1.VehiclePlateFormat.FRENCH_NEW;
+        }
+        else if (/^\d/.test(plate)) {
+            // Commence par un chiffre => ancien format
+            return Enums_1.VehiclePlateFormat.FRENCH_OLD;
+        }
+        else {
+            Logger_1.default.error("Format de plaque inconnu");
+            // On retourne le nouveau format par défaut
+            return Enums_1.VehiclePlateFormat.FRENCH_NEW;
+        }
+    };
     var handleChange = function (e) {
         var inputValue = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, ''); // Convertir en majuscules et supprimer les caractères non valides
+        // Si la saisie commence par une lettre, on contrôle l'ancien format, sinon le nouveau
+        switch (getPlateFormat(inputValue)) {
+            case Enums_1.VehiclePlateFormat.FRENCH_NEW: {
+                setHelperText((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Format d\u00E9tect\u00E9 : ", (0, jsx_runtime_1.jsx)("b", { children: "AA-111-AA" })] }));
+                handleChangeFrenchNew(inputValue);
+                break;
+            }
+            case Enums_1.VehiclePlateFormat.FRENCH_OLD: {
+                setHelperText((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Format d\u00E9tect\u00E9 (ancien) : ", (0, jsx_runtime_1.jsx)("b", { children: "1111 AAAA 1111" })] }));
+                handleChangeFrenchOld(inputValue);
+                break;
+            }
+        }
+    };
+    var validatePlate = function () {
+        if (oldRegex.test(value)) {
+            onValidVehiclePlate(value);
+        }
+        setError(!oldRegex.test(value));
+    };
+    var handleChangeFrenchOld = function (inputValue) {
+        // ON bloque la saisie à 12 caractères max (limite des anciennes plaques)
+        if (!(inputValue.length > 12)) {
+            setValue(inputValue);
+        }
+        setLastLength(inputValue.length); // Mettre à jour la longueur précédente
+    };
+    var handleChangeFrenchNew = function (inputValue) {
         // Vérifier si l'utilisateur est en train de supprimer un caractère
         var isDeleting = inputValue.length < lastLength;
         // Supprimer les tirets pour avoir une chaîne propre
@@ -32,12 +94,20 @@ var VehiclePlateField = function (_a) {
             inputValue = "".concat(cleanInput.slice(0, 2), "-").concat(cleanInput.slice(2, 5), "-").concat(cleanInput.slice(5, 7));
         }
         setValue(inputValue);
-        setError(!regex.test(inputValue));
+        // On teste la plaque une fois la saisie terminée
+        if (inputValue.length == 9) {
+            setError(!regex.test(inputValue));
+        }
+        else {
+            setError(false);
+        }
         setLastLength(inputValue.length); // Mettre à jour la longueur précédente
     };
     return ((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Plaque d'immatriculation", variant: "outlined", value: value, onChange: handleChange, error: error, autoFocus: true, sx: {
             width: '100%',
             '& input': { textTransform: 'uppercase' } // CSS pour forcer les majuscules dans l'input
-        }, helperText: error ? "Utilisez le format 'XX-123-XX'" : '' }));
+        }, helperText: lastLength > 0 ? helperText : '', InputProps: {
+            endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, __assign({ position: "end", sx: { mr: 1, display: getPlateFormat(value) === Enums_1.VehiclePlateFormat.FRENCH_OLD ? 'inherit' : 'none' } }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ edge: "end", onClick: validatePlate }, { children: (0, jsx_runtime_1.jsx)(SearchRounded_1.default, {}) })) }))),
+        } }));
 };
 exports.default = VehiclePlateField;

package/dist/src/helpers/Enums.d.ts

@@ -1,3 +1,7 @@
+export declare enum VehiclePlateFormat {
+    FRENCH_NEW = "FRENCH_NEW",
+    FRENCH_OLD = "FRENCH_OLD"
+}
 export declare enum SlotAlgorithm {
     /**
      * Calcul des créneaux à l'heure

package/dist/src/helpers/Enums.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoleType = exports.MovaAppType = exports.DocumentType = exports.DocumentState = exports.DayOfWeek = exports.EventType = exports.EventState = exports.DigitalPassportIndex = exports.Gender = exports.DateFormatTypes = exports.APIMethod = exports.PartsApplicationType = exports.ProductType = exports.OrderPreference = exports.OrderState = exports.SlotAlgorithm = void 0;
+exports.RoleType = exports.MovaAppType = exports.DocumentType = exports.DocumentState = exports.DayOfWeek = exports.EventType = exports.EventState = exports.DigitalPassportIndex = exports.Gender = exports.DateFormatTypes = exports.APIMethod = exports.PartsApplicationType = exports.ProductType = exports.OrderPreference = exports.OrderState = exports.SlotAlgorithm = exports.VehiclePlateFormat = void 0;
+var VehiclePlateFormat;
+(function (VehiclePlateFormat) {
+    VehiclePlateFormat["FRENCH_NEW"] = "FRENCH_NEW";
+    VehiclePlateFormat["FRENCH_OLD"] = "FRENCH_OLD";
+})(VehiclePlateFormat = exports.VehiclePlateFormat || (exports.VehiclePlateFormat = {}));
 var SlotAlgorithm;
 (function (SlotAlgorithm) {
     /**

package/index.ts

@@ -56,5 +56,5 @@ export { formatDateByCountryCode, getLongFormattedDateTime, capitalizeFirstLette
 // Export des enums
 export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType,
     DigitalPassportIndex, DocumentState, Gender, DateFormatTypes, PartsApplicationType,
-    ProductType, OrderPreference, OrderState, SlotAlgorithm } from './src/helpers/Enums';
+    ProductType, OrderPreference, OrderState, SlotAlgorithm, VehiclePlateFormat as VehiclePlateType } from './src/helpers/Enums';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.1.16",
+  "version": "1.1.17",
   "description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/VehiclePlateField.tsx

@@ -1,48 +1,118 @@
-import React, { FunctionComponent, useEffect, useState } from 'react';
+import React, { FunctionComponent, ReactNode, useEffect, useState } from 'react';
 import TextField from '@mui/material/TextField';
+import { VehiclePlateFormat } from './helpers/Enums';
+import Logger from './helpers/Logger';
+import { IconButton, InputAdornment } from '@mui/material';
+import SearchIcon from '@mui/icons-material/SearchRounded';
 
 interface VehiclePlateFieldProps {
     onValidVehiclePlate: (vehiclePlate: string) => void;
   }
 
-// Regex pour une plaque d'immatriculation française
+// Regex pour une plaque d'immatriculation française (nouveau format SIV)
 const regex = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/; 
+// Regex pour une plaque d'immatriculation française (ancien format FNI)
+const oldRegex = /^\d{1,4}[ -]?[A-Z]{1,4}[ -]?\d{1,4}$/;
+
 
 const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidVehiclePlate }) => {
 
   const [value, setValue] = useState<string>('');
   const [error, setError] = useState<boolean>(false);
   const [lastLength, setLastLength] = useState<number>(0); // Ajout d'un état pour stocker la longueur précédente
+  const [helperText, setHelperText] = useState<ReactNode>('');
 
+  // Hook de validation de la plaque
   useEffect(() => {
     if (!error && value !== '' && value.match(regex)) {
         onValidVehiclePlate(value);
     }
+
   }, [error, value, onValidVehiclePlate]);
 
+  const getPlateFormat = (plate: string): VehiclePlateFormat => {
+    if (/^[A-Za-z]/.test(plate)) {
+      // Commence par une lettre => nouveau format
+      return VehiclePlateFormat.FRENCH_NEW;
+    } else if (/^\d/.test(plate)) {
+      // Commence par un chiffre => ancien format
+      return VehiclePlateFormat.FRENCH_OLD;
+    } else {
+      Logger.error("Format de plaque inconnu");
+      // On retourne le nouveau format par défaut
+      return VehiclePlateFormat.FRENCH_NEW;
+    }
+  }
+
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
 
     let inputValue = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, ''); // Convertir en majuscules et supprimer les caractères non valides
 
-     // Vérifier si l'utilisateur est en train de supprimer un caractère
-     const isDeleting = inputValue.length < lastLength;
+    // Si la saisie commence par une lettre, on contrôle l'ancien format, sinon le nouveau
+    switch(getPlateFormat(inputValue)){
 
-     // Supprimer les tirets pour avoir une chaîne propre
-    const cleanInput = inputValue.replace(/-/g, '');
+      case VehiclePlateFormat.FRENCH_NEW :{
+        setHelperText(<>Format détecté : <b>AA-111-AA</b></>);
+        handleChangeFrenchNew(inputValue);
+        break;
+      }
 
-    // Ajouter des tirets aux positions appropriées
-    if (cleanInput.length > 1 && !(cleanInput.length == 2 && isDeleting)) {
-      inputValue = `${cleanInput.slice(0, 2)}-${cleanInput.slice(2)}`;
+      case VehiclePlateFormat.FRENCH_OLD: {
+        setHelperText(<>Format détecté (ancien) : <b>1111 AAAA 1111</b></>);
+        handleChangeFrenchOld(inputValue);
+        break;
+      }
     }
 
-    if (cleanInput.length > 4 && !(cleanInput.length == 5 && isDeleting)) {
-      inputValue = `${cleanInput.slice(0, 2)}-${cleanInput.slice(2, 5)}-${cleanInput.slice(5, 7)}`;
+  };
+
+  const validatePlate = () => {
+
+    if(oldRegex.test(value)){
+      onValidVehiclePlate(value);
     }
 
-    setValue(inputValue);
-    setError(!regex.test(inputValue));
-    setLastLength(inputValue.length); // Mettre à jour la longueur précédente
-  };
+    setError(!oldRegex.test(value));
+  }
+
+  const handleChangeFrenchOld = (inputValue: string) => {
+    
+      // ON bloque la saisie à 12 caractères max (limite des anciennes plaques)
+      if(!(inputValue.length > 12)){
+        setValue(inputValue);
+      } 
+
+      setLastLength(inputValue.length); // Mettre à jour la longueur précédente
+  }
+
+  const handleChangeFrenchNew = (inputValue: string) => {
+
+      // Vérifier si l'utilisateur est en train de supprimer un caractère
+      const isDeleting = inputValue.length < lastLength;
+
+      // Supprimer les tirets pour avoir une chaîne propre
+      const cleanInput = inputValue.replace(/-/g, '');
+
+      // Ajouter des tirets aux positions appropriées
+      if (cleanInput.length > 1 && !(cleanInput.length == 2 && isDeleting)) {
+        inputValue = `${cleanInput.slice(0, 2)}-${cleanInput.slice(2)}`;
+      }
+
+      if (cleanInput.length > 4 && !(cleanInput.length == 5 && isDeleting)) {
+        inputValue = `${cleanInput.slice(0, 2)}-${cleanInput.slice(2, 5)}-${cleanInput.slice(5, 7)}`;
+      }
+
+      setValue(inputValue);
+
+      // On teste la plaque une fois la saisie terminée
+      if(inputValue.length == 9){
+        setError(!regex.test(inputValue));
+      } else {
+        setError(false);
+      }
+
+      setLastLength(inputValue.length); // Mettre à jour la longueur précédente
+  }
 
   return (
     <TextField
@@ -56,7 +126,21 @@ const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidV
         width: '100%', 
         '& input': { textTransform: 'uppercase' } // CSS pour forcer les majuscules dans l'input
       }}
-      helperText={error ? "Utilisez le format 'XX-123-XX'" : ''}
+      helperText={lastLength > 0 ? helperText : ''}
+      InputProps={{
+        endAdornment: (
+             
+          <InputAdornment position="end" sx={{ mr: 1, display: getPlateFormat(value) === VehiclePlateFormat.FRENCH_OLD ? 'inherit' : 'none' }} >
+            <IconButton
+              edge="end"
+              onClick={validatePlate}
+            >
+              <SearchIcon />
+            </IconButton>
+          </InputAdornment>
+          
+        ),
+      }} 
     />
   );
 };

package/src/helpers/Enums.ts

@@ -1,16 +1,21 @@
+export enum VehiclePlateFormat {
+    FRENCH_NEW = "FRENCH_NEW",
+    FRENCH_OLD ="FRENCH_OLD"
+}
+
 export enum SlotAlgorithm {
     /**
      * Calcul des créneaux à l'heure
      */
-    HOUR ="HOUR",
+    HOUR = "HOUR",
     /**
      * Calcul des créneaux à demi-heure
      */
-    HALF_HOUR ="HALF_HOUR",
+    HALF_HOUR = "HALF_HOUR",
     /**
      * Calcul des créneaux à la période du jour (AM/PM)
      */
-    DAY_PERIOD ="DAY_PERIOD"
+    DAY_PERIOD = "DAY_PERIOD"
 }
 
 export enum OrderState {