@movalib/movalib-commons 1.62.4 → 1.63.0

package/devIndex.tsx

@@ -35,6 +35,8 @@ const App = () => {
   // Chargement de données garage de test
   const [garage, setGarage] = useState<Garage>();
   const [openAccountValidation, setOpenAccountValidation] = useState<Boolean>(false);
+  const [plateCountry, setPlateCountry] = useState<"FR" | "INTL">("FR");
+  const [plateModel, setPlateModel] = useState<string>();
 
   useEffect(() => {
     refreshGarageData();
@@ -119,10 +121,19 @@ const App = () => {
               gender: undefined
             }} />
 
-          <Container style={flexCenter} sx={{ width: '400px', mt: 2}}>
-            <VehiclePlateField onValidVehiclePlate={function (vehiclePlate: string): void {
-                alert('plaque valide');
-              } } />
+          <Container  sx={{ width: '400px', mt: 2}}>
+            <VehiclePlateField 
+              onCountryChange={(country) => {
+                console.log("Changement pays :", country);
+                setPlateCountry(country);
+              }}
+              onValidVehiclePlate={function (vehiclePlate: string, country: string): void {
+                  console.log('plaque valide, pays :', country);
+                }} country={plateCountry} model={plateModel}
+                onModelChange={(model) => {
+                  console.log("Changement modèle :", model);
+                  setPlateModel(model);
+              }}/>
           </Container>
           <Container style={flexCenter} sx={{ width: '400px', mt: 2}}>
             <MovaVehicleTireField onChangeVehicleTire={(vehicleTire) => {

package/dist/devIndex.js

@@ -69,6 +69,8 @@ var App = function () {
     // Chargement de données garage de test
     var _a = (0, react_1.useState)(), garage = _a[0], setGarage = _a[1];
     var _b = (0, react_1.useState)(false), openAccountValidation = _b[0], setOpenAccountValidation = _b[1];
+    var _c = (0, react_1.useState)("FR"), plateCountry = _c[0], setPlateCountry = _c[1];
+    var _d = (0, react_1.useState)(), plateModel = _d[0], setPlateModel = _d[1];
     (0, react_1.useEffect)(function () {
         refreshGarageData();
     }, []);
@@ -130,8 +132,14 @@ var App = function () {
                                     return;
                                 }, form: {
                                     gender: undefined
-                                } }), (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)(material_1.Container, __assign({ sx: { width: '400px', mt: 2 } }, { children: (0, jsx_runtime_1.jsx)(VehiclePlateField_1.default, { onCountryChange: function (country) {
+                                        console.log("Changement pays :", country);
+                                        setPlateCountry(country);
+                                    }, onValidVehiclePlate: function (vehiclePlate, country) {
+                                        console.log('plaque valide, pays :', country);
+                                    }, country: plateCountry, model: plateModel, onModelChange: function (model) {
+                                        console.log("Changement modèle :", model);
+                                        setPlateModel(model);
                                     } }) })), (0, jsx_runtime_1.jsx)(material_1.Container, __assign({ style: Tools_1.flexCenter, sx: { width: '400px', mt: 2 } }, { children: (0, jsx_runtime_1.jsx)(MovaVehicleTireField_1.default, { onChangeVehicleTire: function (vehicleTire) {
                                         console.log('formatVehicleTire', (0, Tools_1.formatVehicleTire)(vehicleTire));
                                     } }) })), (0, jsx_runtime_1.jsx)(MovaLogin_1.default, { darkMode: false, movaAppType: Enums_1.MovaAppType.INDIVIDUAL, version: "0.1.3", onSubmit: function (form) {

package/dist/index.d.ts

@@ -52,7 +52,7 @@ export type { APIRequest, APIResponse } from './src/helpers/ApiHelper';
 export type { DaySchedule, DayInterval } from './src/ScheduleFields';
 export type { MovaFormField, MovaLoginForm, MovaUserSignUpForm, MovaInterval, MovaVehicleForm, AddressFieldName, } from './src/helpers/Types';
 export { readCookie, deleteCookie } from './src/helpers/CookieUtils';
-export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel, capitalizeFirstLetter, flexLeftRow, formatPhoneNumber, getFormattedSchedule, getFormattedIntervals, findScheduleByDayOfWeek, getDayOfWeekLabel, isSafariOniOS, getApplicationsShortLabels, } from './src/helpers/Tools';
+export { validateField, formatVehicleTire, formatVehiclePlate, isEmpty, getApplicationShortLabel, capitalizeFirstLetter, flexLeftRow, formatPhoneNumber, getFormattedSchedule, getFormattedIntervals, findScheduleByDayOfWeek, getDayOfWeekLabel, isSafariOniOS, getApplicationsShortLabels, } from './src/helpers/Tools';
 export { validatePhoneNumber, validateText, validateEmail } from './src/helpers/Validator';
 export { formatDateByTimezone, getLongFormattedDateTime } from './src/helpers/DateUtils';
 export { request, API_BASE_URL } from './src/helpers/ApiHelper';

package/dist/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Schedule = exports.VehicleGarage = 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.Employee = exports.Absence = exports.Subscription = exports.MovaTableBack = exports.MovaTable = exports.LinkedDocumentDialog = exports.PrintSize = exports.PLVComponent = exports.QrCodePLVContainer = exports.ActivateAccount = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.oldRegexPlate = exports.regexPlate = exports.VehiclePlateField = exports.QRCode = exports.MovaDialog = exports.Loader = exports.MovaDigitalPassport = exports.VehicleFullCard = exports.ScheduleFields = exports.AddressFields = exports.AccountValidation = exports.GaragePLV = exports.IbanInput = exports.DialogForgotPassword = exports.UserService = exports.GarageService = exports.AuthenticationService = exports.VehicleService = void 0;
-exports.SubscriptionType = exports.SubscriptionState = exports.CountryCode = exports.PrestationState = exports.PrestationType = exports.RegistrationState = exports.SubscriptionPaymentInterval = 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 = exports.MovaAppType = exports.RoleType = exports.CustomerType = exports.API_BASE_URL = exports.request = exports.getLongFormattedDateTime = exports.formatDateByTimezone = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.getApplicationsShortLabels = exports.isSafariOniOS = exports.getDayOfWeekLabel = exports.findScheduleByDayOfWeek = exports.getFormattedIntervals = exports.getFormattedSchedule = exports.formatPhoneNumber = exports.flexLeftRow = exports.capitalizeFirstLetter = exports.getApplicationShortLabel = exports.isEmpty = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.CategoryPrestation = exports.VehicleTire = exports.Event = void 0;
+exports.SubscriptionType = exports.SubscriptionState = exports.CountryCode = exports.PrestationState = exports.PrestationType = exports.RegistrationState = exports.SubscriptionPaymentInterval = 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 = exports.MovaAppType = exports.RoleType = exports.CustomerType = exports.API_BASE_URL = exports.request = exports.getLongFormattedDateTime = exports.formatDateByTimezone = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.getApplicationsShortLabels = exports.isSafariOniOS = exports.getDayOfWeekLabel = exports.findScheduleByDayOfWeek = exports.getFormattedIntervals = exports.getFormattedSchedule = exports.formatPhoneNumber = exports.flexLeftRow = exports.capitalizeFirstLetter = exports.getApplicationShortLabel = exports.isEmpty = exports.formatVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.CategoryPrestation = exports.VehicleTire = exports.Event = void 0;
 exports.StyledToggleButtonGroup = exports.StyledToggleButton = exports.openDialogPrint = exports.APIMethod = void 0;
 // Export des services
 var VehicleService_1 = require("./src/services/VehicleService");
@@ -120,7 +120,7 @@ Object.defineProperty(exports, "deleteCookie", { enumerable: true, get: function
 var Tools_1 = require("./src/helpers/Tools");
 Object.defineProperty(exports, "validateField", { enumerable: true, get: function () { return Tools_1.validateField; } });
 Object.defineProperty(exports, "formatVehicleTire", { enumerable: true, get: function () { return Tools_1.formatVehicleTire; } });
-Object.defineProperty(exports, "formatFrenchVehiclePlate", { enumerable: true, get: function () { return Tools_1.formatFrenchVehiclePlate; } });
+Object.defineProperty(exports, "formatVehiclePlate", { enumerable: true, get: function () { return Tools_1.formatVehiclePlate; } });
 Object.defineProperty(exports, "isEmpty", { enumerable: true, get: function () { return Tools_1.isEmpty; } });
 Object.defineProperty(exports, "getApplicationShortLabel", { enumerable: true, get: function () { return Tools_1.getApplicationShortLabel; } });
 Object.defineProperty(exports, "capitalizeFirstLetter", { enumerable: true, get: function () { return Tools_1.capitalizeFirstLetter; } });

package/dist/src/components/vehicle/VehicleFullCard.js

@@ -229,7 +229,7 @@ var VehicleFullCard = function (_a) {
                     overflow: "visible",
                     mt: 4,
                     pb: 1,
-                } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.CardContent, __assign({ sx: { pt: 0, pb: 0 } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "h6", component: "div", align: "center", sx: { mb: 1 }, color: (0, material_1.darken)(theme.palette.primary.main, 0.2) }, { children: [vehicle.brand && "".concat(vehicle.brand, " "), vehicle.model && "".concat(vehicle.model, " "), vehicle.version && "".concat(vehicle.version)] })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, sx: { mb: 1, alignItems: "center", justifyContent: "center" } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ item: true, xs: 6, sx: { position: "relative", minWidth: "234px" } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: car_plate_bg_png_1.default, alt: "Plaque d'immatriculation", style: { height: "50px", position: "relative" } }), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "h6", color: theme.palette.text.primary, sx: { position: "absolute", top: "8px", left: "76px" } }, { children: (0, jsx_runtime_1.jsx)("b", { children: (0, Tools_1.formatFrenchVehiclePlate)(vehicle.plate) }) }))] })), onDelete && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, style: {
+                } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.CardContent, __assign({ sx: { pt: 0, pb: 0 } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "h6", component: "div", align: "center", sx: { mb: 1 }, color: (0, material_1.darken)(theme.palette.primary.main, 0.2) }, { children: [vehicle.brand && "".concat(vehicle.brand, " "), vehicle.model && "".concat(vehicle.model, " "), vehicle.version && "".concat(vehicle.version)] })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, sx: { mb: 1, alignItems: "center", justifyContent: "center" } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ item: true, xs: 6, sx: { position: "relative", minWidth: "234px" } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: car_plate_bg_png_1.default, alt: "Plaque d'immatriculation", style: { height: "50px", position: "relative" } }), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "h6", color: theme.palette.text.primary, sx: { position: "absolute", top: "8px", left: "76px" } }, { children: (0, jsx_runtime_1.jsx)("b", { children: (0, Tools_1.formatVehiclePlate)(vehicle.plate, vehicle.foreignPlate) }) }))] })), onDelete && ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, style: {
                                                     display: "flex",
                                                     alignItems: "center",
                                                     justifyContent: "center",

package/dist/src/components/vehicle/VehiclePlateField.d.ts

@@ -1,6 +1,10 @@
 import { FunctionComponent } from 'react';
 interface VehiclePlateFieldProps {
-    onValidVehiclePlate: (vehiclePlate: string) => void;
+    onValidVehiclePlate: (vehiclePlate: string, country: 'FR' | 'INTL') => void;
+    onCountryChange?: (country: 'FR' | 'INTL') => void;
+    country: 'FR' | 'INTL';
+    model?: string;
+    onModelChange?: (model: string) => void;
 }
 export declare const regexPlate: RegExp;
 export declare const oldRegexPlate: RegExp;

package/dist/src/components/vehicle/VehiclePlateField.js

@@ -18,26 +18,34 @@ exports.oldRegexPlate = exports.regexPlate = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var TextField_1 = __importDefault(require("@mui/material/TextField"));
-var material_1 = require("@mui/material");
-var SearchRounded_1 = __importDefault(require("@mui/icons-material/SearchRounded"));
 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)
 exports.regexPlate = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/;
 // Regex pour une plaque d'immatriculation française (ancien format FNI)
 exports.oldRegexPlate = /^\d{1,4}[ -]?[A-Z]{1,4}[ -]?\d{1,4}$/;
 var VehiclePlateField = function (_a) {
-    var onValidVehiclePlate = _a.onValidVehiclePlate;
+    var onValidVehiclePlate = _a.onValidVehiclePlate, onCountryChange = _a.onCountryChange, country = _a.country, onModelChange = _a.onModelChange, model = _a.model;
     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];
+    var MIN_FOREIGN_PLATE_LENGTH = 6;
     // Hook de validation de la plaque
     (0, react_1.useEffect)(function () {
-        if (!error && value !== '' && value.match(exports.regexPlate)) {
-            onValidVehiclePlate(value);
+        if (country === 'FR') {
+            if (!error && value !== '' && value.match(exports.regexPlate)) {
+                onValidVehiclePlate(value, country);
+            }
         }
-    }, [error, value, onValidVehiclePlate]);
+        else {
+            if (value.length >= MIN_FOREIGN_PLATE_LENGTH) {
+                onValidVehiclePlate(value, country);
+            }
+        }
+    }, [error, value, country, onValidVehiclePlate]);
     var getPlateFormat = function (plate) {
         if (plate === '') {
             // Si la saisie est vide, retournez un format par défaut (nouveau format, par exemple)
@@ -58,7 +66,16 @@ var VehiclePlateField = function (_a) {
         }
     };
     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
+        var inputValue = e.target.value.toUpperCase();
+        if (country === 'INTL') {
+            setValue(inputValue);
+            setHelperText(inputValue.length >= MIN_FOREIGN_PLATE_LENGTH
+                ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})
+                : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Veuillez saisir au moins ", MIN_FOREIGN_PLATE_LENGTH, " caract\u00E8res"] }));
+            setError(inputValue.length > 0 && inputValue.length < MIN_FOREIGN_PLATE_LENGTH);
+            return;
+        }
+        inputValue = inputValue.replace(/[^A-Z0-9]/g, '');
         // 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: {
@@ -78,10 +95,24 @@ var VehiclePlateField = function (_a) {
         }
     };
     var validatePlate = function () {
-        if (exports.oldRegexPlate.test(value)) {
-            onValidVehiclePlate(value);
+        if (country === 'FR') {
+            if (exports.oldRegexPlate.test(value)) {
+                onValidVehiclePlate(value, country);
+                setError(false);
+            }
+            else {
+                setError(true);
+            }
+        }
+        else {
+            if (value.length >= MIN_FOREIGN_PLATE_LENGTH) {
+                onValidVehiclePlate(value, country);
+                setError(false);
+            }
+            else {
+                setError(true);
+            }
         }
-        setError(!exports.oldRegexPlate.test(value));
     };
     var handleChangeFrenchOld = function (inputValue) {
         // ON bloque la saisie à 12 caractères max (limite des anciennes plaques)
@@ -112,11 +143,38 @@ var VehiclePlateField = function (_a) {
         }
         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: 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, {}) })) }))),
-        } }));
+    var handleCountryChange = function (event) {
+        var newCountry = event.target.value;
+        setValue('');
+        setHelperText('');
+        setError(false);
+        onCountryChange === null || onCountryChange === void 0 ? void 0 : onCountryChange(newCountry); // ✅ callback vers parent
+    };
+    var handleModelChange = function (event) {
+        var newModel = event.target.value.toUpperCase();
+        onModelChange === null || onModelChange === void 0 ? void 0 : onModelChange(newModel); // ✅ callback vers parent
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ display: "flex", alignItems: "start", gap: 1, width: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Select, __assign({ value: country, onChange: handleCountryChange, variant: "outlined", sx: {
+                            minWidth: 70,
+                            '.MuiSelect-select': {
+                                display: 'flex',
+                                alignItems: 'center',
+                                height: '100%',
+                            },
+                            '.MuiOutlinedInput-notchedOutline': {
+                                height: '100%',
+                            },
+                            p: 0,
+                            pb: '4px'
+                        } }, { children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: "FR" }, { children: "\uD83C\uDDEB\uD83C\uDDF7" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: "INTL" }, { children: "\uD83C\uDF10" }))] })), (0, jsx_runtime_1.jsx)(TextField_1.default, { label: country === "INTL" ? "Plaque étrangère / non reconnue" : "Plaque d'immatriculation (FR)", 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: lastLength > 0 || country === 'INTL' ? helperText : '', InputProps: {
+                            endAdornment: country === 'FR' && getPlateFormat(value) === Enums_1.VehiclePlateFormat.FRENCH_OLD ? ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, __assign({ position: "end", sx: { mr: 1 } }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ edge: "end", onClick: validatePlate }, { children: (0, jsx_runtime_1.jsx)(SearchRounded_1.default, {}) })) }))) : undefined,
+                        } })] })), (country === 'INTL') && (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Pr\u00E9cisez le mod\u00E8le ...", variant: "outlined", value: model, onChange: handleModelChange, autoFocus: true, sx: {
+                        width: '100%',
+                        mt: 1,
+                        '& input': { textTransform: 'uppercase' } // CSS pour forcer les majuscules dans l'input
+                    } }) })] }));
 };
 exports.default = VehiclePlateField;

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

@@ -83,7 +83,8 @@ export declare enum RegistrationState {
 }
 export declare enum VehiclePlateFormat {
     FRENCH_NEW = "FRENCH_NEW",
-    FRENCH_OLD = "FRENCH_OLD"
+    FRENCH_OLD = "FRENCH_OLD",
+    FOREIGN = "FOREIGN"
 }
 export declare enum SlotAlgorithm {
     /**

package/dist/src/helpers/Enums.js

@@ -96,6 +96,7 @@ var VehiclePlateFormat;
 (function (VehiclePlateFormat) {
     VehiclePlateFormat["FRENCH_NEW"] = "FRENCH_NEW";
     VehiclePlateFormat["FRENCH_OLD"] = "FRENCH_OLD";
+    VehiclePlateFormat["FOREIGN"] = "FOREIGN";
 })(VehiclePlateFormat = exports.VehiclePlateFormat || (exports.VehiclePlateFormat = {}));
 var SlotAlgorithm;
 (function (SlotAlgorithm) {

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

@@ -24,7 +24,7 @@ export declare const getApplicationShortLabel: (application: PartsApplicationTyp
 export declare const flexEnd: CSSProperties;
 export declare const flexCenter: CSSProperties;
 export declare const isEmpty: (data: Object) => boolean;
-export declare const formatFrenchVehiclePlate: (input: string | undefined) => string;
+export declare const formatVehiclePlate: (input: string | undefined, isForeignPlate: boolean) => string;
 export declare const formatVehicleTire: (vehicleTire: VehicleTire) => string;
 export declare const formatVehicleTireStr: (input: string) => string;
 /**

package/dist/src/helpers/Tools.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateField = exports.formatVehicleTireStr = exports.formatVehicleTire = exports.formatFrenchVehiclePlate = exports.isEmpty = exports.flexCenter = exports.flexEnd = exports.getApplicationShortLabel = exports.capitalizeFirstLetter = exports.flexLeftRow = exports.getFrenchDayLabel = exports.getDayOfWeek = exports.findScheduleByDayOfWeek = exports.formatTime = exports.getFormattedIntervals = exports.getFormattedSchedule = exports.formatPhoneNumber = exports.getDayOfWeekIndex = exports.getDayOfWeekLabel = exports.FR_WEEK_DAYS = exports.isInvalidPhoneNumber = exports.isInvalidMobileNumber = exports.isSafariOniOS = exports.flexStart = exports.getApplicationsShortLabels = void 0;
+exports.validateField = exports.formatVehicleTireStr = exports.formatVehicleTire = exports.formatVehiclePlate = exports.isEmpty = exports.flexCenter = exports.flexEnd = exports.getApplicationShortLabel = exports.capitalizeFirstLetter = exports.flexLeftRow = exports.getFrenchDayLabel = exports.getDayOfWeek = exports.findScheduleByDayOfWeek = exports.formatTime = exports.getFormattedIntervals = exports.getFormattedSchedule = exports.formatPhoneNumber = exports.getDayOfWeekIndex = exports.getDayOfWeekLabel = exports.FR_WEEK_DAYS = exports.isInvalidPhoneNumber = exports.isInvalidMobileNumber = exports.isSafariOniOS = exports.flexStart = exports.getApplicationsShortLabels = void 0;
 var max_1 = __importDefault(require("libphonenumber-js/max"));
 var Enums_1 = require("./Enums");
 var getApplicationsShortLabels = function (applications) {
@@ -266,22 +266,26 @@ var isEmpty = function (data) {
     return Object.keys(data).length === 0;
 };
 exports.isEmpty = isEmpty;
-var formatFrenchVehiclePlate = function (input) {
+var formatVehiclePlate = function (input, isForeignPlate) {
     if (input) {
-        // On commence par détecter s'il s'agit d'un ancien ou nouveau format
         var plateFormat = null;
-        if (/^[A-Za-z]/.test(input)) {
-            // Commence par une lettre => nouveau format
+        if (isForeignPlate) {
+            // Plaque étrangère
+            plateFormat = Enums_1.VehiclePlateFormat.FOREIGN;
+        }
+        else if (/^[A-Za-z]/.test(input)) {
+            // Commence par une lettre => nouveau format FR
             plateFormat = Enums_1.VehiclePlateFormat.FRENCH_NEW;
         }
         else if (/^\d/.test(input)) {
-            // Commence par un chiffre => ancien format
+            // Commence par un chiffre => ancien format FR
             plateFormat = Enums_1.VehiclePlateFormat.FRENCH_OLD;
         }
-        // Supprimer tous les caractères non alphanumériques
-        var cleanedInput = input.replace(/[^A-Z0-9]/gi, "").toUpperCase();
+        var cleanedInput = input;
         switch (plateFormat) {
             case Enums_1.VehiclePlateFormat.FRENCH_NEW: {
+                // Supprimer tous les caractères non alphanumériques
+                cleanedInput = input.replace(/[^A-Z0-9]/gi, "").toUpperCase();
                 // Ajouter des tirets aux positions appropriées
                 if (cleanedInput.length >= 2) {
                     cleanedInput = "".concat(cleanedInput.slice(0, 2), "-").concat(cleanedInput.slice(2));
@@ -292,15 +296,20 @@ var formatFrenchVehiclePlate = function (input) {
                 break;
             }
             case Enums_1.VehiclePlateFormat.FRENCH_OLD: {
+                // Supprimer tous les caractères non alphanumériques
+                cleanedInput = input.replace(/[^A-Z0-9]/gi, "").toUpperCase();
                 // Rien de particulier, pas de tiret sur les anciennes plaques
                 break;
             }
+            case Enums_1.VehiclePlateFormat.FOREIGN: {
+                // On retourne la plaque telle qu'enregistrée par l'utilisateur, ras
+            }
         }
         return cleanedInput;
     }
     return "";
 };
-exports.formatFrenchVehiclePlate = formatFrenchVehiclePlate;
+exports.formatVehiclePlate = formatVehiclePlate;
 var formatVehicleTire = function (vehicleTire) {
     if (vehicleTire) {
         var concatened = "".concat(vehicleTire.width).concat(vehicleTire.height).concat(vehicleTire.diameter).concat(vehicleTire.speedIndex);

package/dist/src/models/Vehicle.d.ts

@@ -22,6 +22,7 @@ export default class Vehicle {
     tireSize: VehicleTire;
     lastInspectionDate: Date;
     lastMaintenanceDate: Date;
-    constructor(id: number, ownerId: number, averageMileagePerYear: number, plate: string, brand: string, model: string, version: string, vin: string, currentMileage: number, digitalPassportIndex: DigitalPassportIndex, firstRegistrationDate: Date, ktype: string, tireDiameter: string, tireHeight: string, tireSpeedIndex: string, tireWidth: string, documents: Document[], tireSize: VehicleTire, lastInspectionDate: Date, lastMaintenanceDate: Date);
+    foreignPlate: boolean;
+    constructor(id: number, ownerId: number, averageMileagePerYear: number, plate: string, brand: string, model: string, version: string, vin: string, currentMileage: number, digitalPassportIndex: DigitalPassportIndex, firstRegistrationDate: Date, ktype: string, tireDiameter: string, tireHeight: string, tireSpeedIndex: string, tireWidth: string, documents: Document[], tireSize: VehicleTire, lastInspectionDate: Date, lastMaintenanceDate: Date, foreignPlate: boolean);
     getVehicleLabel(): string;
 }

package/dist/src/models/Vehicle.js

@@ -11,7 +11,7 @@ Carburant : Essence
 Cylindrée : 1984 cm3
 Puissance : 140 KW (190 HP) */
 var Vehicle = /** @class */ (function () {
-    function Vehicle(id, ownerId, averageMileagePerYear, plate, brand, model, version, vin, currentMileage, digitalPassportIndex, firstRegistrationDate, ktype, tireDiameter, tireHeight, tireSpeedIndex, tireWidth, documents, tireSize, lastInspectionDate, lastMaintenanceDate) {
+    function Vehicle(id, ownerId, averageMileagePerYear, plate, brand, model, version, vin, currentMileage, digitalPassportIndex, firstRegistrationDate, ktype, tireDiameter, tireHeight, tireSpeedIndex, tireWidth, documents, tireSize, lastInspectionDate, lastMaintenanceDate, foreignPlate) {
         this.id = id;
         this.ownerId = ownerId;
         this.averageMileagePerYear = averageMileagePerYear;
@@ -32,6 +32,7 @@ var Vehicle = /** @class */ (function () {
         this.tireSize = tireSize;
         this.lastInspectionDate = lastInspectionDate;
         this.lastMaintenanceDate = lastMaintenanceDate;
+        this.foreignPlate = foreignPlate;
     }
     Vehicle.prototype.getVehicleLabel = function () {
         return "".concat(this.brand, " ").concat(this.model, " ").concat(this.version);

package/dist/src/services/GarageService.types.d.ts

@@ -16,6 +16,8 @@ export type AddCustomerVehicleParams = {
     tireSpeedIndex?: string;
     lastMaintenanceDate?: string;
     lastInspectionDate?: string;
+    isForeignPlate?: boolean;
+    model?: string;
 };
 export type DeleteCustomerVehicleParams = {
     /** L'identifiant unique du garage */

package/index.ts

@@ -72,7 +72,7 @@ export { readCookie, deleteCookie } from './src/helpers/CookieUtils';
 export {
   validateField,
   formatVehicleTire,
-  formatFrenchVehiclePlate,
+  formatVehiclePlate,
   isEmpty,
   getApplicationShortLabel,
   capitalizeFirstLetter,

package/package.json

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

package/src/components/vehicle/VehicleFullCard.tsx

@@ -38,7 +38,7 @@ import {
 } from "../../helpers/Enums";
 import Logger from "../../helpers/Logger";
 import {
-  formatFrenchVehiclePlate,
+  formatVehiclePlate,
   formatVehicleTire,
 } from "../../helpers/Tools";
 import { MovaFormField, MovaVehicleForm } from "../../helpers/Types";
@@ -438,7 +438,7 @@ const VehicleFullCard: FC<VehicleFullCardProps> = ({
                     color={theme.palette.text.primary}
                     sx={{ position: "absolute", top: "8px", left: "76px" }}
                   >
-                    <b>{formatFrenchVehiclePlate(vehicle.plate)}</b>
+                    <b>{formatVehiclePlate(vehicle.plate, vehicle.foreignPlate)}</b>
                   </Typography>
                 </Grid>
                 {onDelete && (

package/src/components/vehicle/VehiclePlateField.tsx

@@ -1,12 +1,16 @@
 import React, { FunctionComponent, ReactNode, useEffect, useState } from 'react';
 import TextField from '@mui/material/TextField';
-import { IconButton, InputAdornment } from '@mui/material';
-import SearchIcon from '@mui/icons-material/SearchRounded';
 import { VehiclePlateFormat } from '../../helpers/Enums';
 import Logger from '../../helpers/Logger';
+import { Box, IconButton, InputAdornment, MenuItem, Select, SelectChangeEvent } from '@mui/material';
+import SearchIcon from '@mui/icons-material/SearchRounded';
 
 interface VehiclePlateFieldProps {
-    onValidVehiclePlate: (vehiclePlate: string) => void;
+    onValidVehiclePlate: (vehiclePlate: string, country: 'FR' | 'INTL') => void;
+    onCountryChange?: (country: 'FR' | 'INTL') => void;
+    country: 'FR' | 'INTL';
+    model?: string; 
+    onModelChange?: (model :string) => void;
   }
 
 // Regex pour une plaque d'immatriculation française (nouveau format SIV)
@@ -15,20 +19,26 @@ export const regexPlate = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/;
 export const oldRegexPlate = /^\d{1,4}[ -]?[A-Z]{1,4}[ -]?\d{1,4}$/;
 
 
-const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidVehiclePlate }) => {
+const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidVehiclePlate, onCountryChange, country, onModelChange, model }) => {
 
   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>('');
+  const MIN_FOREIGN_PLATE_LENGTH = 6;
 
   // Hook de validation de la plaque
   useEffect(() => {
-    if (!error && value !== '' && value.match(regexPlate)) {
-        onValidVehiclePlate(value);
+    if (country === 'FR') {
+      if (!error && value !== '' && value.match(regexPlate)) {
+        onValidVehiclePlate(value, country);
+      }
+    } else {
+      if (value.length >= MIN_FOREIGN_PLATE_LENGTH) {
+        onValidVehiclePlate(value, country);
+      }
     }
-
-  }, [error, value, onValidVehiclePlate]);
+  }, [error, value, country, onValidVehiclePlate]);
 
   const getPlateFormat = (plate: string): VehiclePlateFormat | undefined  => {
     if (plate === '') {
@@ -49,9 +59,23 @@ const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidV
     }
   }
 
+  
   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
+    let inputValue = e.target.value.toUpperCase();
+
+    if (country === 'INTL') {
+      setValue(inputValue);
+      setHelperText(
+        inputValue.length >= MIN_FOREIGN_PLATE_LENGTH
+          ? <></>
+          : <>Veuillez saisir au moins {MIN_FOREIGN_PLATE_LENGTH} caractères</>
+      );
+      setError(inputValue.length > 0 && inputValue.length < MIN_FOREIGN_PLATE_LENGTH);
+      return;
+    }
+
+    inputValue = inputValue.replace(/[^A-Z0-9]/g, '');
 
     // Si la saisie commence par une lettre, on contrôle l'ancien format, sinon le nouveau
     switch(getPlateFormat(inputValue)){
@@ -83,12 +107,21 @@ const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidV
   };
 
   const validatePlate = () => {
-
-    if(oldRegexPlate.test(value)){
-      onValidVehiclePlate(value);
+    if (country === 'FR') {
+      if (oldRegexPlate.test(value)) {
+        onValidVehiclePlate(value, country);
+        setError(false);
+      } else {
+        setError(true);
+      }
+    } else {
+      if (value.length >= MIN_FOREIGN_PLATE_LENGTH) {
+        onValidVehiclePlate(value, country);
+        setError(false);
+      } else {
+        setError(true);
+      }
     }
-
-    setError(!oldRegexPlate.test(value));
   }
 
   const handleChangeFrenchOld = (inputValue: string) => {
@@ -130,9 +163,46 @@ const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidV
       setLastLength(inputValue.length); // Mettre à jour la longueur précédente
   }
 
+  const handleCountryChange = (event: SelectChangeEvent<'FR' | 'INTL'>) => {
+    const newCountry = event.target.value as 'FR' | 'INTL';
+    setValue('');
+    setHelperText('');
+    setError(false);
+
+    onCountryChange?.(newCountry); // ✅ callback vers parent
+  };  
+
+  const handleModelChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const newModel = event.target.value.toUpperCase() as string;
+    onModelChange?.(newModel); // ✅ callback vers parent
+  };  
+
   return (
+    <>
+    <Box display="flex" alignItems="start" gap={1} width="100%">
+      <Select
+        value={country}
+        onChange={handleCountryChange}
+        variant="outlined"
+        sx={{
+          minWidth: 70,
+          '.MuiSelect-select': {
+            display: 'flex',
+            alignItems: 'center',
+            height: '100%',
+          },
+          '.MuiOutlinedInput-notchedOutline': {
+            height: '100%',
+          },
+          p: 0,
+          pb: '4px'
+        }}
+      >
+        <MenuItem value="FR">🇫🇷</MenuItem>
+        <MenuItem value="INTL">🌐</MenuItem>
+      </Select>
     <TextField
-      label="Plaque d'immatriculation"
+      label={country === "INTL" ? "Plaque étrangère / non reconnue" : "Plaque d'immatriculation (FR)"}
       variant="outlined"
       value={value}
       onChange={handleChange}
@@ -142,23 +212,37 @@ const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps> = ({ onValidV
         width: '100%', 
         '& input': { textTransform: 'uppercase' } // CSS pour forcer les majuscules dans l'input
       }}
-      helperText={lastLength > 0 ? helperText : ''}
+      helperText={lastLength > 0 || country === 'INTL' ? helperText : ''}
       InputProps={{
-        endAdornment: (
+        endAdornment: 
              
-          <InputAdornment position="end" sx={{ mr: 1, display: getPlateFormat(value) === VehiclePlateFormat.FRENCH_OLD ? 'inherit' : 'none' }} >
-            <IconButton
-              edge="end"
-              onClick={validatePlate}
-            >
-              <SearchIcon />
-            </IconButton>
-          </InputAdornment>
+          country === 'FR' && getPlateFormat(value) === VehiclePlateFormat.FRENCH_OLD ? (
+            <InputAdornment position="end" sx={{ mr: 1 }}>
+              <IconButton edge="end" onClick={validatePlate}>
+                <SearchIcon />
+              </IconButton>
+            </InputAdornment>
+          ) : undefined,
           
-        ),
       }} 
-    />
+    />   
+  </Box>
+      {(country === 'INTL') && <Box>
+      <TextField
+        label="Précisez le modèle ..."
+        variant="outlined"
+        value={model}
+        onChange={handleModelChange}
+        autoFocus
+        sx={{ 
+          width: '100%', 
+          mt: 1,
+          '& input': { textTransform: 'uppercase' } // CSS pour forcer les majuscules dans l'input
+        }}
+      />    
+    </Box>} 
+    </>
   );
 };
 
-export default VehiclePlateField;
+export default VehiclePlateField;

package/src/helpers/Enums.ts

@@ -92,6 +92,7 @@ export enum RegistrationState {
 export enum VehiclePlateFormat {
   FRENCH_NEW = "FRENCH_NEW",
   FRENCH_OLD = "FRENCH_OLD",
+  FOREIGN = "FOREIGN"
 }
 
 export enum SlotAlgorithm {

package/src/helpers/Tools.ts

@@ -294,24 +294,28 @@ export const isEmpty = (data: Object): boolean => {
   return Object.keys(data).length === 0;
 };
 
-export const formatFrenchVehiclePlate = (input: string | undefined): string => {
+export const formatVehiclePlate = (input: string | undefined, isForeignPlate: boolean): string => {
   if (input) {
-    // On commence par détecter s'il s'agit d'un ancien ou nouveau format
+
     let plateFormat: VehiclePlateFormat | null = null;
 
-    if (/^[A-Za-z]/.test(input)) {
-      // Commence par une lettre => nouveau format
+    if(isForeignPlate) {
+      // Plaque étrangère
+      plateFormat = VehiclePlateFormat.FOREIGN;
+    } else if (/^[A-Za-z]/.test(input)) {
+      // Commence par une lettre => nouveau format FR
       plateFormat = VehiclePlateFormat.FRENCH_NEW;
     } else if (/^\d/.test(input)) {
-      // Commence par un chiffre => ancien format
+      // Commence par un chiffre => ancien format FR
       plateFormat = VehiclePlateFormat.FRENCH_OLD;
     }
 
-    // Supprimer tous les caractères non alphanumériques
-    let cleanedInput = input.replace(/[^A-Z0-9]/gi, "").toUpperCase();
+    let cleanedInput = input;
 
     switch (plateFormat) {
       case VehiclePlateFormat.FRENCH_NEW: {
+        // Supprimer tous les caractères non alphanumériques
+        cleanedInput = input.replace(/[^A-Z0-9]/gi, "").toUpperCase();
         // Ajouter des tirets aux positions appropriées
         if (cleanedInput.length >= 2) {
           cleanedInput = `${cleanedInput.slice(0, 2)}-${cleanedInput.slice(2)}`;
@@ -326,11 +330,17 @@ export const formatFrenchVehiclePlate = (input: string | undefined): string => {
       }
 
       case VehiclePlateFormat.FRENCH_OLD: {
+        // Supprimer tous les caractères non alphanumériques
+        cleanedInput = input.replace(/[^A-Z0-9]/gi, "").toUpperCase();
         // Rien de particulier, pas de tiret sur les anciennes plaques
         break;
       }
-    }
 
+      case VehiclePlateFormat.FOREIGN: {
+        // On retourne la plaque telle qu'enregistrée par l'utilisateur, ras
+
+      }
+    }
     return cleanedInput;
   }
 

package/src/models/Vehicle.ts

@@ -36,6 +36,7 @@ export default class Vehicle {
      tireSize: VehicleTire;
      lastInspectionDate: Date;
      lastMaintenanceDate: Date;
+     foreignPlate: boolean;
 
     constructor(
         id: number,
@@ -57,7 +58,8 @@ export default class Vehicle {
         documents: Document[],
         tireSize: VehicleTire,
         lastInspectionDate: Date,
-        lastMaintenanceDate: Date
+        lastMaintenanceDate: Date,
+        foreignPlate: boolean
     ) {
         this.id = id;
         this.ownerId = ownerId;
@@ -79,6 +81,7 @@ export default class Vehicle {
         this.tireSize = tireSize;
         this.lastInspectionDate = lastInspectionDate;
         this.lastMaintenanceDate = lastMaintenanceDate;
+        this.foreignPlate = foreignPlate
     }
 
     getVehicleLabel() {

package/src/services/GarageService.types.ts

@@ -17,6 +17,8 @@ export type AddCustomerVehicleParams = {
 	tireSpeedIndex?: string;
 	lastMaintenanceDate?: string;
 	lastInspectionDate?: string;
+	isForeignPlate?: boolean;
+	model?: string
 }
 
 

package/dist/src/VehiclePlateField.d.ts

@@ -1,8 +0,0 @@
-import { FunctionComponent } from 'react';
-interface VehiclePlateFieldProps {
-    onValidVehiclePlate: (vehiclePlate: string) => void;
-}
-export declare const regexPlate: RegExp;
-export declare const oldRegexPlate: RegExp;
-declare const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps>;
-export default VehiclePlateField;

package/dist/src/VehiclePlateField.js

@@ -1,122 +0,0 @@
-"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 };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.oldRegexPlate = exports.regexPlate = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var TextField_1 = __importDefault(require("@mui/material/TextField"));
-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)
-exports.regexPlate = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/;
-// Regex pour une plaque d'immatriculation française (ancien format FNI)
-exports.oldRegexPlate = /^\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(exports.regexPlate)) {
-            onValidVehiclePlate(value);
-        }
-    }, [error, value, onValidVehiclePlate]);
-    var getPlateFormat = function (plate) {
-        if (plate === '') {
-            // Si la saisie est vide, retournez un format par défaut (nouveau format, par exemple)
-            return undefined;
-        }
-        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" }), (0, jsx_runtime_1.jsx)("br", {}), "Pour lancer la recherche, cliquez sur ", (0, jsx_runtime_1.jsx)(SearchRounded_1.default, {})] }));
-                handleChangeFrenchOld(inputValue);
-                break;
-            }
-            case undefined: {
-                setHelperText('');
-                setValue('');
-            }
-        }
-    };
-    var validatePlate = function () {
-        if (exports.oldRegexPlate.test(value)) {
-            onValidVehiclePlate(value);
-        }
-        setError(!exports.oldRegexPlate.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
-        var cleanInput = inputValue.replace(/-/g, '');
-        // Ajouter des tirets aux positions appropriées
-        if (cleanInput.length > 1 && !(cleanInput.length == 2 && isDeleting)) {
-            inputValue = "".concat(cleanInput.slice(0, 2), "-").concat(cleanInput.slice(2));
-        }
-        if (cleanInput.length > 4 && !(cleanInput.length == 5 && isDeleting)) {
-            inputValue = "".concat(cleanInput.slice(0, 2), "-").concat(cleanInput.slice(2, 5), "-").concat(cleanInput.slice(5, 7));
-        }
-        setValue(inputValue);
-        // On teste la plaque une fois la saisie terminée
-        if (inputValue.length == 9) {
-            setError(!exports.regexPlate.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: 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/src/VehiclePlateField.tsx

@@ -1,165 +0,0 @@
-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 (nouveau format SIV)
-export const regexPlate = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/; 
-// Regex pour une plaque d'immatriculation française (ancien format FNI)
-export const oldRegexPlate = /^\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(regexPlate)) {
-        onValidVehiclePlate(value);
-    }
-
-  }, [error, value, onValidVehiclePlate]);
-
-  const getPlateFormat = (plate: string): VehiclePlateFormat | undefined  => {
-    if (plate === '') {
-      // Si la saisie est vide, retournez un format par défaut (nouveau format, par exemple)
-      return undefined;
-    }
-
-    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
-
-    // Si la saisie commence par une lettre, on contrôle l'ancien format, sinon le nouveau
-    switch(getPlateFormat(inputValue)){
-
-      case VehiclePlateFormat.FRENCH_NEW :{
-        setHelperText(<>Format détecté : <b>AA-111-AA</b></>);
-        handleChangeFrenchNew(inputValue);
-        break;
-      }
-
-      case VehiclePlateFormat.FRENCH_OLD: {
-        setHelperText(
-          <>
-            Format détecté (ancien) : <b>1111 AAAA 1111</b>
-            <br />
-            Pour lancer la recherche, cliquez sur <SearchIcon />
-          </>
-        );        
-        handleChangeFrenchOld(inputValue);
-        break;
-      }
-
-      case undefined: {
-        setHelperText('');
-        setValue('');
-      }
-    }
-
-  };
-
-  const validatePlate = () => {
-
-    if(oldRegexPlate.test(value)){
-      onValidVehiclePlate(value);
-    }
-
-    setError(!oldRegexPlate.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(!regexPlate.test(inputValue));
-      } else {
-        setError(false);
-      }
-
-      setLastLength(inputValue.length); // Mettre à jour la longueur précédente
-  }
-
-  return (
-    <TextField
-      label="Plaque d'immatriculation"
-      variant="outlined"
-      value={value}
-      onChange={handleChange}
-      error={error}
-      autoFocus
-      sx={{ 
-        width: '100%', 
-        '& input': { textTransform: 'uppercase' } // CSS pour forcer les majuscules dans l'input
-      }}
-      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>
-          
-        ),
-      }} 
-    />
-  );
-};
-
-export default VehiclePlateField;