@movalib/movalib-commons 1.60.0 → 1.60.1

package/dist/src/MovaLogin.d.ts

@@ -1,7 +1,7 @@
-import { FunctionComponent, ReactNode } from "react";
 import { AlertColor } from "@mui/material";
-import { MovaLoginForm } from "./helpers/Types";
+import { FunctionComponent, ReactNode } from "react";
 import { MovaAppType } from "./helpers/Enums";
+import { MovaLoginForm } from "./helpers/Types";
 /**
  * Propriétés du composant
  * movaAppType : type d'application Movalib au sein de laquelle le composant est injectée

package/dist/src/MovaLogin.js

@@ -51,26 +51,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
+var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
+var VisibilityOff_1 = __importDefault(require("@mui/icons-material/VisibilityOff"));
 var lab_1 = require("@mui/lab");
-var logo_large_border_png_1 = __importDefault(require("./assets/images/logo/logo_large_border.png"));
-var logo_pro_large_border_png_1 = __importDefault(require("./assets/images/logo/logo_pro_large_border.png"));
+var material_1 = require("@mui/material");
+var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
+var libphonenumber_js_1 = require("libphonenumber-js");
+var react_1 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+var DialogForgotPassword_1 = __importDefault(require("./DialogForgotPassword"));
+var MovaCopyright_1 = __importDefault(require("./MovaCopyright"));
+var leaf_green_large_png_1 = __importDefault(require("./assets/images/leaf_green_large.png"));
+var leaf_pink_large_png_1 = __importDefault(require("./assets/images/leaf_pink_large.png"));
 var logo_admin_large_png_1 = __importDefault(require("./assets/images/logo/logo_admin_large.png"));
+var logo_large_border_png_1 = __importDefault(require("./assets/images/logo/logo_large_border.png"));
 var logo_large_dm_png_1 = __importDefault(require("./assets/images/logo/logo_large_dm.png"));
+var logo_pro_large_border_png_1 = __importDefault(require("./assets/images/logo/logo_pro_large_border.png"));
 var logo_pro_large_dm_png_1 = __importDefault(require("./assets/images/logo/logo_pro_large_dm.png"));
-var leaf_green_large_png_1 = __importDefault(require("./assets/images/leaf_green_large.png"));
-var leaf_pink_large_png_1 = __importDefault(require("./assets/images/leaf_pink_large.png"));
-var material_1 = require("@mui/material");
-var MovaCopyright_1 = __importDefault(require("./MovaCopyright"));
 var Enums_1 = require("./helpers/Enums");
-var Validator_1 = require("./helpers/Validator");
 var Tools_1 = require("./helpers/Tools");
-var react_router_dom_1 = require("react-router-dom");
-var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
-var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
-var VisibilityOff_1 = __importDefault(require("@mui/icons-material/VisibilityOff"));
-var DialogForgotPassword_1 = __importDefault(require("./DialogForgotPassword"));
-var libphonenumber_js_1 = require("libphonenumber-js");
+var Validator_1 = require("./helpers/Validator");
 // Permet de centrer le contenu de l'application
 var styles = {
     display: 'flex',
@@ -233,14 +233,16 @@ var MovaLogin = function (_a) {
               </Dialog>
             );
         } */
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: styles }, { children: [(0, jsx_runtime_1.jsx)("img", { src: leaf_green_large_png_1.default, style: { position: 'fixed',
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: styles }, { children: [(0, jsx_runtime_1.jsx)("img", { src: leaf_green_large_png_1.default, style: {
+                    position: 'fixed',
                     float: 'left',
                     width: '250px',
                     height: '400px',
                     top: '-20%',
                     left: '0%',
                     opacity: '0.3',
-                    zIndex: -8 }, alt: 'Feuille Verte Movalib' }), (0, jsx_runtime_1.jsxs)(material_1.Container, __assign({ component: "main", maxWidth: "xs" }, { children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
+                    zIndex: -8
+                }, alt: 'Feuille Verte Movalib' }), (0, jsx_runtime_1.jsxs)(material_1.Container, __assign({ component: "main", maxWidth: "xs" }, { children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
                             marginTop: 6,
                             display: 'flex',
                             flexDirection: 'column',
@@ -263,13 +265,15 @@ var MovaLogin = function (_a) {
                                         borderColor: darkMode ? 'white' : 'default', // Couleur de la bordure
                                     }
                                 } }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { value: "remember", color: "primary" }), label: "Se souvenir de moi" }), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, __assign({ loading: loading, type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2, backgroundColor: darkMode ? theme.palette.primary.dark : theme.palette.primary.main } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Se connecter" }) })), movaAppType === Enums_1.MovaAppType.INDIVIDUAL && (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ fullWidth: true, variant: "outlined", onClick: function (e) { return handleOnClickSignUp(); }, sx: { mb: 2, color: theme.palette.primary.dark } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "CR\u00C9ER MON COMPTE" }) })), alertMessage && alertSeverity && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: alertSeverity, sx: { mb: 2 } }, { children: alertMessage })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ variant: "body2", color: "text.secondary", onClick: function (e) { return handleOnClickForgotPassword(); }, sx: { cursor: 'pointer' } }, { children: "Mot de passe oubli\u00E9 ?" })) })) }))] })), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 1 } }), version && (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: 'body2', color: theme.palette.grey[200], sx: { textAlign: 'center' } }, { children: version })), openForgotPassword &&
-                        (0, jsx_runtime_1.jsx)(DialogForgotPassword_1.default, { openForgotPassword: openForgotPassword, setOpenForgotPassword: setOpenForgotPassword, movaAppType: movaAppType, form: form, handleInputChange: handleInputChange, handleSubmitForgotPassword: handleSubmitForgotPassword })] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: { position: 'fixed',
+                        (0, jsx_runtime_1.jsx)(DialogForgotPassword_1.default, { openForgotPassword: openForgotPassword, setOpenForgotPassword: setOpenForgotPassword, movaAppType: movaAppType, form: form, handleInputChange: handleInputChange, handleSubmitForgotPassword: handleSubmitForgotPassword })] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: {
+                    position: 'fixed',
                     float: 'right',
                     width: '250px',
                     height: '400px',
                     bottom: '-20%',
                     right: '0%',
                     opacity: '0.3',
-                    zIndex: '-10' }, alt: 'Feuille Rose Movalib' })] })));
+                    zIndex: '-10'
+                }, alt: 'Feuille Rose Movalib' })] })));
 };
 exports.default = MovaLogin;

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

@@ -1,11 +1,12 @@
-import VehicleTire from "../models/VehicleTire";
-import { MovaFormField, MovaInterval } from "./Types";
 import { CSSProperties } from "react";
-import { DayOfWeek, PartsApplicationType } from "./Enums";
 import Schedule from "../models/Schedule";
+import VehicleTire from "../models/VehicleTire";
+import { DayOfWeek, PartsApplicationType } from "./Enums";
+import { MovaFormField, MovaInterval } from "./Types";
 export declare const getApplicationsShortLabels: (applications: PartsApplicationType[] | undefined) => string;
 export declare const flexStart: CSSProperties;
 export declare const isSafariOniOS: () => boolean;
+export declare const isInvalidMobileNumber: (phoneNumber?: string) => boolean;
 export declare const FR_WEEK_DAYS: string[];
 export declare const getDayOfWeekLabel: (day: DayOfWeek) => string | undefined;
 export declare const getDayOfWeekIndex: (day: DayOfWeek) => number;

package/dist/src/helpers/Tools.js

@@ -1,28 +1,67 @@
 "use strict";
+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.isSafariOniOS = exports.flexStart = exports.getApplicationsShortLabels = void 0;
+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.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) {
     if (!applications) {
-        return '';
+        return "";
     }
-    return applications.map(exports.getApplicationShortLabel).join(' + ');
+    return applications.map(exports.getApplicationShortLabel).join(" + ");
 };
 exports.getApplicationsShortLabels = getApplicationsShortLabels;
 exports.flexStart = {
-    display: 'flex',
-    justifyContent: 'start',
-    alignItems: 'center'
+    display: "flex",
+    justifyContent: "start",
+    alignItems: "center",
 };
 var isSafariOniOS = function () {
     var userAgent = window.navigator.userAgent;
-    var iOS = !!userAgent.match(/iPad/i) || !!userAgent.match(/iPhone/i) || !!userAgent.match(/iPod/i);
+    var iOS = !!userAgent.match(/iPad/i) ||
+        !!userAgent.match(/iPhone/i) ||
+        !!userAgent.match(/iPod/i);
     var webkit = !!userAgent.match(/WebKit/i);
     var criOS = !!userAgent.match(/CriOS/i);
     return iOS && webkit && !criOS;
 };
 exports.isSafariOniOS = isSafariOniOS;
-exports.FR_WEEK_DAYS = ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche'];
+var isInvalidMobileNumber = function (phoneNumber) {
+    var _a;
+    if (phoneNumber === void 0) { phoneNumber = ""; }
+    if (!phoneNumber || typeof phoneNumber !== "string")
+        return true;
+    // Nettoyage : supprime les espaces et convertit "00..." en "+..."
+    var cleaned = phoneNumber.replace(/\s+/g, "").replace(/^00/, "+");
+    // Si le numéro ne commence pas par +, on assume que c'est un numéro local français
+    var cleanedPhoneNumber = cleaned.startsWith("+")
+        ? cleaned
+        : "+33".concat(cleaned.replace(/^0/, ""));
+    try {
+        var parsed = (0, max_1.default)(cleanedPhoneNumber);
+        var type = (_a = parsed === null || parsed === void 0 ? void 0 : parsed.getType) === null || _a === void 0 ? void 0 : _a.call(parsed);
+        console.log(type);
+        console.log(parsed === null || parsed === void 0 ? void 0 : parsed.isValid());
+        console.log(["MOBILE", "MOBILE_OR_FIXED_LINE"].includes(type || ""));
+        return !((parsed === null || parsed === void 0 ? void 0 : parsed.isValid()) &&
+            ["MOBILE", "MOBILE_OR_FIXED_LINE"].includes(type || ""));
+    }
+    catch (_b) {
+        return true;
+    }
+};
+exports.isInvalidMobileNumber = isInvalidMobileNumber;
+exports.FR_WEEK_DAYS = [
+    "Lundi",
+    "Mardi",
+    "Mercredi",
+    "Jeudi",
+    "Vendredi",
+    "Samedi",
+    "Dimanche",
+];
 var getDayOfWeekLabel = function (day) {
     if (day) {
         return exports.FR_WEEK_DAYS[(0, exports.getDayOfWeekIndex)(day)];
@@ -84,8 +123,12 @@ var sortMovaIntervals = function (intervals) {
     if (intervals) {
         return intervals.sort(function (a, b) {
             // Convertir en Date si nécessaire
-            var startTimeA = a.startTime instanceof Date ? a.startTime : new Date(a.startTime);
-            var startTimeB = b.startTime instanceof Date ? b.startTime : new Date(b.startTime);
+            var startTimeA = a.startTime instanceof Date
+                ? a.startTime
+                : new Date(a.startTime);
+            var startTimeB = b.startTime instanceof Date
+                ? b.startTime
+                : new Date(b.startTime);
             // Gérer les valeurs nulles
             if (startTimeA === null && startTimeB === null)
                 return 0;
@@ -106,32 +149,46 @@ var findScheduleByDayOfWeek = function (schedules, dayIndex) {
 exports.findScheduleByDayOfWeek = findScheduleByDayOfWeek;
 var getDayOfWeek = function (index) {
     switch (index) {
-        case 0: return Enums_1.DayOfWeek.MONDAY;
-        case 1: return Enums_1.DayOfWeek.TUESDAY;
-        case 2: return Enums_1.DayOfWeek.WEDNESDAY;
-        case 3: return Enums_1.DayOfWeek.THURSDAY;
-        case 4: return Enums_1.DayOfWeek.FRIDAY;
-        case 5: return Enums_1.DayOfWeek.SATURDAY;
-        case 6: return Enums_1.DayOfWeek.SUNDAY;
+        case 0:
+            return Enums_1.DayOfWeek.MONDAY;
+        case 1:
+            return Enums_1.DayOfWeek.TUESDAY;
+        case 2:
+            return Enums_1.DayOfWeek.WEDNESDAY;
+        case 3:
+            return Enums_1.DayOfWeek.THURSDAY;
+        case 4:
+            return Enums_1.DayOfWeek.FRIDAY;
+        case 5:
+            return Enums_1.DayOfWeek.SATURDAY;
+        case 6:
+            return Enums_1.DayOfWeek.SUNDAY;
     }
 };
 exports.getDayOfWeek = getDayOfWeek;
 var getFrenchDayLabel = function (day) {
     switch (day) {
-        case Enums_1.DayOfWeek.MONDAY: return 'Lundi';
-        case Enums_1.DayOfWeek.TUESDAY: return 'Mardi';
-        case Enums_1.DayOfWeek.WEDNESDAY: return 'Mercredi';
-        case Enums_1.DayOfWeek.THURSDAY: return 'Jeudi';
-        case Enums_1.DayOfWeek.FRIDAY: return 'Vendredi';
-        case Enums_1.DayOfWeek.SATURDAY: return 'Samedi';
-        case Enums_1.DayOfWeek.SUNDAY: return 'Dimanche';
+        case Enums_1.DayOfWeek.MONDAY:
+            return "Lundi";
+        case Enums_1.DayOfWeek.TUESDAY:
+            return "Mardi";
+        case Enums_1.DayOfWeek.WEDNESDAY:
+            return "Mercredi";
+        case Enums_1.DayOfWeek.THURSDAY:
+            return "Jeudi";
+        case Enums_1.DayOfWeek.FRIDAY:
+            return "Vendredi";
+        case Enums_1.DayOfWeek.SATURDAY:
+            return "Samedi";
+        case Enums_1.DayOfWeek.SUNDAY:
+            return "Dimanche";
     }
 };
 exports.getFrenchDayLabel = getFrenchDayLabel;
 exports.flexLeftRow = {
-    display: 'flex',
-    justifyContent: 'start',
-    alignItems: 'center'
+    display: "flex",
+    justifyContent: "start",
+    alignItems: "center",
 };
 var capitalizeFirstLetter = function (str) {
     if (str.length === 0) {
@@ -145,30 +202,40 @@ exports.capitalizeFirstLetter = capitalizeFirstLetter;
 var getApplicationShortLabel = function (application) {
     if (application) {
         switch (application) {
-            case Enums_1.PartsApplicationType.FRONT: return "AV";
-            case Enums_1.PartsApplicationType.REAR: return "AR";
-            case Enums_1.PartsApplicationType.FRONT_REAR: return "AV + AR";
-            case Enums_1.PartsApplicationType.LEFT: return "G";
-            case Enums_1.PartsApplicationType.RIGHT: return "D";
-            case Enums_1.PartsApplicationType.LEFT_RIGHT: return "G + D";
-            case Enums_1.PartsApplicationType.FRONT_LEFT: return "AVG";
-            case Enums_1.PartsApplicationType.FRONT_RIGHT: return "AVD";
-            case Enums_1.PartsApplicationType.REAR_LEFT: return "ARG";
-            case Enums_1.PartsApplicationType.REAR_RIGHT: return "ARD";
+            case Enums_1.PartsApplicationType.FRONT:
+                return "AV";
+            case Enums_1.PartsApplicationType.REAR:
+                return "AR";
+            case Enums_1.PartsApplicationType.FRONT_REAR:
+                return "AV + AR";
+            case Enums_1.PartsApplicationType.LEFT:
+                return "G";
+            case Enums_1.PartsApplicationType.RIGHT:
+                return "D";
+            case Enums_1.PartsApplicationType.LEFT_RIGHT:
+                return "G + D";
+            case Enums_1.PartsApplicationType.FRONT_LEFT:
+                return "AVG";
+            case Enums_1.PartsApplicationType.FRONT_RIGHT:
+                return "AVD";
+            case Enums_1.PartsApplicationType.REAR_LEFT:
+                return "ARG";
+            case Enums_1.PartsApplicationType.REAR_RIGHT:
+                return "ARD";
         }
     }
     return "";
 };
 exports.getApplicationShortLabel = getApplicationShortLabel;
 exports.flexEnd = {
-    display: 'flex',
-    justifyContent: 'end',
-    alignItems: 'center'
+    display: "flex",
+    justifyContent: "end",
+    alignItems: "center",
 };
 exports.flexCenter = {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center'
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
 };
 var isEmpty = function (data) {
     return Object.keys(data).length === 0;
@@ -187,7 +254,7 @@ var formatFrenchVehiclePlate = function (input) {
             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.replace(/[^A-Z0-9]/gi, "").toUpperCase();
         switch (plateFormat) {
             case Enums_1.VehiclePlateFormat.FRENCH_NEW: {
                 // Ajouter des tirets aux positions appropriées
@@ -214,18 +281,21 @@ var formatVehicleTire = function (vehicleTire) {
         var concatened = "".concat(vehicleTire.width).concat(vehicleTire.height).concat(vehicleTire.diameter).concat(vehicleTire.speedIndex);
         return (0, exports.formatVehicleTireStr)(concatened);
     }
-    return '';
+    return "";
 };
 exports.formatVehicleTire = formatVehicleTire;
 var formatVehicleTireStr = function (input) {
-    var formatted = input.toUpperCase().replace(/[^0-9A-QS-Za-qs-z]/g, '').slice(0, 7);
+    var formatted = input
+        .toUpperCase()
+        .replace(/[^0-9A-QS-Za-qs-z]/g, "")
+        .slice(0, 7);
     if (formatted.length > 3) {
         formatted = "".concat(formatted.substring(0, 3), " / ").concat(formatted.substring(3));
     }
     var indexOfRraw = input.indexOf("R");
-    var toAdd = indexOfRraw !== -1 ? input.substring(indexOfRraw + 3) : '';
+    var toAdd = indexOfRraw !== -1 ? input.substring(indexOfRraw + 3) : "";
     if (toAdd.length > 0) {
-        toAdd = ' ' + toAdd;
+        toAdd = " " + toAdd;
     }
     if (formatted.length > 8) {
         formatted = "".concat(formatted.substring(0, 8), " R").concat(formatted.substring(8)).concat(toAdd);
@@ -246,10 +316,10 @@ var validateField = function (field, validator, errorMsg) {
         return { value: field.value, error: errorMsg, isValid: false };
     }
     else if (field) {
-        return { value: field.value, error: '', isValid: true };
+        return { value: field.value, error: "", isValid: true };
     }
     else {
-        return { value: '', error: '', isValid: true };
+        return { value: "", error: "", isValid: true };
     }
 };
 exports.validateField = validateField;

package/dist/src/helpers/Validator.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateEmail = exports.validateText = exports.validatePhoneNumber = void 0;
+var Tools_1 = require("./Tools");
 /**
  * Un email valide
  */
@@ -31,10 +32,10 @@ var userNameRegex = /^[a-z0-9_-]{3,20}$/;
  */
 var textRegex = /^[a-zA-Z0-9\s.,!?'"()+=-_-éèçà]+$/;
 function validatePhoneNumber(phoneNumber) {
-    if (phoneNumber === null || phoneNumber === undefined || phoneNumber === '') {
+    if (phoneNumber === null || phoneNumber === undefined || phoneNumber === "") {
         return false;
     }
-    return phoneNumberRegex.test(phoneNumber);
+    return !(0, Tools_1.isInvalidMobileNumber)(phoneNumber);
 }
 exports.validatePhoneNumber = validatePhoneNumber;
 function validateText(text) {

package/package.json

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

package/src/helpers/Tools.ts

@@ -1,56 +1,92 @@
-import Cookies from "js-cookie";
-import VehicleTire from "../models/VehicleTire";
-import { MovaFormField, MovaInterval } from "./Types";
+import parsePhoneNumberFromString from "libphonenumber-js/max";
 import { CSSProperties } from "react";
-import { DayOfWeek, PartsApplicationType, VehiclePlateFormat } from "./Enums";
 import Schedule from "../models/Schedule";
+import VehicleTire from "../models/VehicleTire";
+import { DayOfWeek, PartsApplicationType, VehiclePlateFormat } from "./Enums";
+import { MovaFormField, MovaInterval } from "./Types";
 
-export const getApplicationsShortLabels = (applications: PartsApplicationType[] | undefined): string => {
-  if(!applications) {
-    return '';
+export const getApplicationsShortLabels = (
+  applications: PartsApplicationType[] | undefined
+): string => {
+  if (!applications) {
+    return "";
   }
-  
-  return applications.map(getApplicationShortLabel).join(' + ');
+
+  return applications.map(getApplicationShortLabel).join(" + ");
 };
 
-export const flexStart:CSSProperties = {
-  display: 'flex',
-  justifyContent: 'start',
-  alignItems: 'center'
-}
+export const flexStart: CSSProperties = {
+  display: "flex",
+  justifyContent: "start",
+  alignItems: "center",
+};
 
-export const isSafariOniOS = ():boolean => {
+export const isSafariOniOS = (): boolean => {
   const userAgent = window.navigator.userAgent;
-  const iOS = !!userAgent.match(/iPad/i) || !!userAgent.match(/iPhone/i) || !!userAgent.match(/iPod/i);
+  const iOS =
+    !!userAgent.match(/iPad/i) ||
+    !!userAgent.match(/iPhone/i) ||
+    !!userAgent.match(/iPod/i);
   const webkit = !!userAgent.match(/WebKit/i);
   const criOS = !!userAgent.match(/CriOS/i);
-  
+
   return iOS && webkit && !criOS;
-}
+};
 
+export const isInvalidMobileNumber = (phoneNumber = "") => {
+  if (!phoneNumber || typeof phoneNumber !== "string") return true;
+
+  // Nettoyage : supprime les espaces et convertit "00..." en "+..."
+  const cleaned = phoneNumber.replace(/\s+/g, "").replace(/^00/, "+");
+  // Si le numéro ne commence pas par +, on assume que c'est un numéro local français
+  const cleanedPhoneNumber = cleaned.startsWith("+")
+    ? cleaned
+    : `+33${cleaned.replace(/^0/, "")}`;
+
+  try {
+    const parsed = parsePhoneNumberFromString(cleanedPhoneNumber);
+    const type = parsed?.getType?.();
+    console.log(type);
+    console.log(parsed?.isValid());
+    console.log(["MOBILE", "MOBILE_OR_FIXED_LINE"].includes(type || ""));
+    return !(
+      parsed?.isValid() &&
+      ["MOBILE", "MOBILE_OR_FIXED_LINE"].includes(type || "")
+    );
+  } catch {
+    return true;
+  }
+};
 
-export const FR_WEEK_DAYS: string[] = ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche'];
+export const FR_WEEK_DAYS: string[] = [
+  "Lundi",
+  "Mardi",
+  "Mercredi",
+  "Jeudi",
+  "Vendredi",
+  "Samedi",
+  "Dimanche",
+];
 
 export const getDayOfWeekLabel = (day: DayOfWeek) => {
-  if(day){
-    return FR_WEEK_DAYS[getDayOfWeekIndex(day)]
+  if (day) {
+    return FR_WEEK_DAYS[getDayOfWeekIndex(day)];
   }
-}
+};
 
 export const getDayOfWeekIndex = (day: DayOfWeek) => {
-  if(day){      
+  if (day) {
     // Convertir les valeurs de l'énumération en un tableau
     const daysArray = Object.values(DayOfWeek);
     return daysArray.indexOf(day);
   }
   return -1;
-}
-
+};
 
 export const formatPhoneNumber = (phoneNumber: string): string => {
   let formattedNumber = "";
 
-  if(phoneNumber){
+  if (phoneNumber) {
     for (let i = 0; i < phoneNumber.length; i++) {
       if (i > 0 && i % 2 === 0) {
         formattedNumber += ".";
@@ -62,87 +98,119 @@ export const formatPhoneNumber = (phoneNumber: string): string => {
   return formattedNumber;
 };
 
-export const getFormattedSchedule = (schedule: Schedule | null, dayIndex: number) => {
-  if(schedule){
-    return `${getFrenchDayLabel(schedule.dayOfWeek)} :   ${getFormattedIntervals(schedule.intervals)}`
+export const getFormattedSchedule = (
+  schedule: Schedule | null,
+  dayIndex: number
+) => {
+  if (schedule) {
+    return `${getFrenchDayLabel(
+      schedule.dayOfWeek
+    )} :   ${getFormattedIntervals(schedule.intervals)}`;
   } else {
     return `${getFrenchDayLabel(getDayOfWeek(dayIndex))} :   fermé`;
   }
-}
+};
 
 export const getFormattedIntervals = (intervals: MovaInterval[]) => {
-  if(intervals){
-    let times:string = "";
-    sortMovaIntervals(intervals).map((interval:MovaInterval, index) => {
-      if(index > 0){
-        times = `${times} |  `; 
+  if (intervals) {
+    let times: string = "";
+    sortMovaIntervals(intervals).map((interval: MovaInterval, index) => {
+      if (index > 0) {
+        times = `${times} |  `;
       }
-      times = `${times} ${formatTime(interval.startTime)} - ${formatTime(interval.endTime)}`
-    })
+      times = `${times} ${formatTime(interval.startTime)} - ${formatTime(
+        interval.endTime
+      )}`;
+    });
     return times;
   }
-}
+};
 
 export const formatTime = (date: string | Date | null) => {
-  if(date){
-    let strDate:string = date.toString();
+  if (date) {
+    let strDate: string = date.toString();
     return strDate.substring(0, 5);
   }
 };
 
 const sortMovaIntervals = (intervals: MovaInterval[]): MovaInterval[] => {
-  if(intervals){
+  if (intervals) {
     return intervals.sort((a, b) => {
       // Convertir en Date si nécessaire
-      const startTimeA = a.startTime instanceof Date ? a.startTime : new Date(a.startTime as string);
-      const startTimeB = b.startTime instanceof Date ? b.startTime : new Date(b.startTime as string);
-  
+      const startTimeA =
+        a.startTime instanceof Date
+          ? a.startTime
+          : new Date(a.startTime as string);
+      const startTimeB =
+        b.startTime instanceof Date
+          ? b.startTime
+          : new Date(b.startTime as string);
+
       // Gérer les valeurs nulles
       if (startTimeA === null && startTimeB === null) return 0;
       if (startTimeA === null) return 1;
       if (startTimeB === null) return -1;
-  
+
       // Comparer les dates
       return startTimeA.getTime() - startTimeB.getTime();
     });
   }
   return [];
-}
+};
 
-export const findScheduleByDayOfWeek = (schedules: Schedule[], dayIndex: number): Schedule | null => {
-  const foundSchedule = schedules.find(schedule => schedule.dayOfWeek === getDayOfWeek(dayIndex));
+export const findScheduleByDayOfWeek = (
+  schedules: Schedule[],
+  dayIndex: number
+): Schedule | null => {
+  const foundSchedule = schedules.find(
+    (schedule) => schedule.dayOfWeek === getDayOfWeek(dayIndex)
+  );
   return foundSchedule ? foundSchedule : null;
 };
 
-export const getDayOfWeek = (index:number) => {
+export const getDayOfWeek = (index: number) => {
   switch (index) {
-    case 0 : return DayOfWeek.MONDAY;
-    case 1 : return DayOfWeek.TUESDAY;
-    case 2 : return DayOfWeek.WEDNESDAY;
-    case 3 : return DayOfWeek.THURSDAY;
-    case 4 : return DayOfWeek.FRIDAY;
-    case 5 : return DayOfWeek.SATURDAY;
-    case 6 : return DayOfWeek.SUNDAY;
+    case 0:
+      return DayOfWeek.MONDAY;
+    case 1:
+      return DayOfWeek.TUESDAY;
+    case 2:
+      return DayOfWeek.WEDNESDAY;
+    case 3:
+      return DayOfWeek.THURSDAY;
+    case 4:
+      return DayOfWeek.FRIDAY;
+    case 5:
+      return DayOfWeek.SATURDAY;
+    case 6:
+      return DayOfWeek.SUNDAY;
   }
-}
+};
 
-export const getFrenchDayLabel = (day:DayOfWeek | undefined) => {
+export const getFrenchDayLabel = (day: DayOfWeek | undefined) => {
   switch (day) {
-    case DayOfWeek.MONDAY: return 'Lundi';
-    case DayOfWeek.TUESDAY: return 'Mardi';
-    case DayOfWeek.WEDNESDAY: return 'Mercredi';
-    case DayOfWeek.THURSDAY: return 'Jeudi';
-    case DayOfWeek.FRIDAY: return 'Vendredi';
-    case DayOfWeek.SATURDAY: return 'Samedi';
-    case DayOfWeek.SUNDAY: return 'Dimanche';
+    case DayOfWeek.MONDAY:
+      return "Lundi";
+    case DayOfWeek.TUESDAY:
+      return "Mardi";
+    case DayOfWeek.WEDNESDAY:
+      return "Mercredi";
+    case DayOfWeek.THURSDAY:
+      return "Jeudi";
+    case DayOfWeek.FRIDAY:
+      return "Vendredi";
+    case DayOfWeek.SATURDAY:
+      return "Samedi";
+    case DayOfWeek.SUNDAY:
+      return "Dimanche";
   }
-}
+};
 
-export const flexLeftRow:CSSProperties = {
-  display: 'flex',
-  justifyContent: 'start',
-  alignItems: 'center'
-}
+export const flexLeftRow: CSSProperties = {
+  display: "flex",
+  justifyContent: "start",
+  alignItems: "center",
+};
 
 export const capitalizeFirstLetter = (str: string): string => {
   if (str.length === 0) {
@@ -153,45 +221,56 @@ export const capitalizeFirstLetter = (str: string): string => {
   const restOfString = str.slice(1);
 
   return firstChar + restOfString;
-}
-
-export const getApplicationShortLabel = (application:PartsApplicationType | undefined) => {
-  if(application){
-    switch(application){
-      case PartsApplicationType.FRONT:  return "AV";
-      case PartsApplicationType.REAR: return "AR";
-      case PartsApplicationType.FRONT_REAR: return "AV + AR";
-      case PartsApplicationType.LEFT: return "G";
-      case PartsApplicationType.RIGHT: return "D";
-      case PartsApplicationType.LEFT_RIGHT: return "G + D";  
-      case PartsApplicationType.FRONT_LEFT: return "AVG";
-      case PartsApplicationType.FRONT_RIGHT: return "AVD";
-      case PartsApplicationType.REAR_LEFT: return "ARG";
-      case PartsApplicationType.REAR_RIGHT: return "ARD";  
+};
+
+export const getApplicationShortLabel = (
+  application: PartsApplicationType | undefined
+) => {
+  if (application) {
+    switch (application) {
+      case PartsApplicationType.FRONT:
+        return "AV";
+      case PartsApplicationType.REAR:
+        return "AR";
+      case PartsApplicationType.FRONT_REAR:
+        return "AV + AR";
+      case PartsApplicationType.LEFT:
+        return "G";
+      case PartsApplicationType.RIGHT:
+        return "D";
+      case PartsApplicationType.LEFT_RIGHT:
+        return "G + D";
+      case PartsApplicationType.FRONT_LEFT:
+        return "AVG";
+      case PartsApplicationType.FRONT_RIGHT:
+        return "AVD";
+      case PartsApplicationType.REAR_LEFT:
+        return "ARG";
+      case PartsApplicationType.REAR_RIGHT:
+        return "ARD";
     }
   }
   return "";
-}
+};
 
-export const flexEnd:CSSProperties = {
-  display: 'flex',
-  justifyContent: 'end',
-  alignItems: 'center'
-}
+export const flexEnd: CSSProperties = {
+  display: "flex",
+  justifyContent: "end",
+  alignItems: "center",
+};
 
-export const flexCenter:CSSProperties = {
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-}
+export const flexCenter: CSSProperties = {
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+};
 
 export const isEmpty = (data: Object): boolean => {
   return Object.keys(data).length === 0;
-}
+};
 
 export const formatFrenchVehiclePlate = (input: string | undefined): string => {
-  if(input){
-
+  if (input) {
     // On commence par détecter s'il s'agit d'un ancien ou nouveau format
     let plateFormat: VehiclePlateFormat | null = null;
 
@@ -204,21 +283,24 @@ export const formatFrenchVehiclePlate = (input: string | undefined): string => {
     }
 
     // Supprimer tous les caractères non alphanumériques
-    let cleanedInput = input.replace(/[^A-Z0-9]/gi, '').toUpperCase();
+    let cleanedInput = input.replace(/[^A-Z0-9]/gi, "").toUpperCase();
 
-    switch(plateFormat){
-      case VehiclePlateFormat.FRENCH_NEW : {
+    switch (plateFormat) {
+      case VehiclePlateFormat.FRENCH_NEW: {
         // Ajouter des tirets aux positions appropriées
         if (cleanedInput.length >= 2) {
           cleanedInput = `${cleanedInput.slice(0, 2)}-${cleanedInput.slice(2)}`;
         }
         if (cleanedInput.length >= 6) {
-          cleanedInput = `${cleanedInput.slice(0, 6)}-${cleanedInput.slice(6, 8)}`;
+          cleanedInput = `${cleanedInput.slice(0, 6)}-${cleanedInput.slice(
+            6,
+            8
+          )}`;
         }
         break;
       }
 
-      case VehiclePlateFormat.FRENCH_OLD : {
+      case VehiclePlateFormat.FRENCH_OLD: {
         // Rien de particulier, pas de tiret sur les anciennes plaques
         break;
       }
@@ -231,25 +313,30 @@ export const formatFrenchVehiclePlate = (input: string | undefined): string => {
 };
 
 export const formatVehicleTire = (vehicleTire: VehicleTire) => {
-  if(vehicleTire){
+  if (vehicleTire) {
     let concatened = `${vehicleTire.width}${vehicleTire.height}${vehicleTire.diameter}${vehicleTire.speedIndex}`;
     return formatVehicleTireStr(concatened);
   }
-  return '';
-}
+  return "";
+};
 
 export const formatVehicleTireStr = (input: string) => {
-  let formatted = input.toUpperCase().replace(/[^0-9A-QS-Za-qs-z]/g, '').slice(0, 7);
+  let formatted = input
+    .toUpperCase()
+    .replace(/[^0-9A-QS-Za-qs-z]/g, "")
+    .slice(0, 7);
   if (formatted.length > 3) {
     formatted = `${formatted.substring(0, 3)} / ${formatted.substring(3)}`;
   }
   const indexOfRraw = input.indexOf("R");
-  let toAdd = indexOfRraw !== -1 ? input.substring(indexOfRraw + 3) : '';
-  if(toAdd.length > 0) {
-    toAdd = ' ' + toAdd;
+  let toAdd = indexOfRraw !== -1 ? input.substring(indexOfRraw + 3) : "";
+  if (toAdd.length > 0) {
+    toAdd = " " + toAdd;
   }
-  if(formatted.length > 8) {
-    formatted = `${formatted.substring(0, 8)} R${formatted.substring(8)}${toAdd}`;
+  if (formatted.length > 8) {
+    formatted = `${formatted.substring(0, 8)} R${formatted.substring(
+      8
+    )}${toAdd}`;
   }
   return formatted;
 };
@@ -262,13 +349,16 @@ export const formatVehicleTireStr = (input: string) => {
  * @param {string} errorMsg - Le message d'erreur à associer au champ si la validation échoue.
  * @returns {MovaFormField} - Le champ de formulaire avec les propriétés `error` et `isValid` mises à jour.
  */
-export const validateField = (field: MovaFormField | undefined, validator: (value: string) => boolean, errorMsg: string): MovaFormField => {
-    if (field && !validator(field.value)) {
-      return { value: field.value, error: errorMsg, isValid: false };
-    } else if (field) {
-      return { value: field.value, error: '', isValid: true };
-    } else {
-      return  { value: '', error: '', isValid: true };
-    }
-  };
-  
+export const validateField = (
+  field: MovaFormField | undefined,
+  validator: (value: string) => boolean,
+  errorMsg: string
+): MovaFormField => {
+  if (field && !validator(field.value)) {
+    return { value: field.value, error: errorMsg, isValid: false };
+  } else if (field) {
+    return { value: field.value, error: "", isValid: true };
+  } else {
+    return { value: "", error: "", isValid: true };
+  }
+};

package/src/helpers/Validator.ts

@@ -1,57 +1,59 @@
+import { isInvalidMobileNumber } from "./Tools";
+
 /**
  * Un email valide
  */
-const emailRegex:RegExp  = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
+const emailRegex: RegExp = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
 
 /**
- * Un mot de passe qui contient au moins une majuscule, une minuscule, un chiffre 
+ * Un mot de passe qui contient au moins une majuscule, une minuscule, un chiffre
  * et un caractère spécial. La longueur du mot de passe doit être d'au moins 8 caractères.
  */
-const passwordRegex:RegExp  = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
+const passwordRegex: RegExp =
+  /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
 
 /**
- * Un numéro de téléphone (10 chiffres) 
+ * Un numéro de téléphone (10 chiffres)
  */
-const phoneNumberRegex:RegExp  = /^\d{0,10}$/;
+const phoneNumberRegex: RegExp = /^\d{0,10}$/;
 
 /**
  * Un code postal (5 chiffres)
  */
-const postalCodeRegex:RegExp  = /^\d{5}$/;
+const postalCodeRegex: RegExp = /^\d{5}$/;
 
 /**
  * Une URL valide
  */
-const urlRegex:RegExp =/^(ftp|http|https):\/\/[^ "]+$/;
+const urlRegex: RegExp = /^(ftp|http|https):\/\/[^ "]+$/;
 
 /**
  * Un nom pouvant contenir des lettres, chiffres d'une taille comprise entre 3 et 20 caractères
  */
-const userNameRegex:RegExp = /^[a-z0-9_-]{3,20}$/;
+const userNameRegex: RegExp = /^[a-z0-9_-]{3,20}$/;
 
 /**
  * Un texte pouvant contenir des lettres, chiffres et quelques caractères spéciaux
  */
-const textRegex:RegExp = /^[a-zA-Z0-9\s.,!?'"()+=-_-éèçà]+$/;
-
+const textRegex: RegExp = /^[a-zA-Z0-9\s.,!?'"()+=-_-éèçà]+$/;
 
-export function validatePhoneNumber(phoneNumber: string) : boolean {
-    if (phoneNumber === null || phoneNumber === undefined || phoneNumber === '') {
-        return false;
-    }
-    return phoneNumberRegex.test(phoneNumber);
+export function validatePhoneNumber(phoneNumber: string): boolean {
+  if (phoneNumber === null || phoneNumber === undefined || phoneNumber === "") {
+    return false;
+  }
+  return !isInvalidMobileNumber(phoneNumber);
 }
 
-export function validateText(text: string) : boolean {
-    if (text === null || text === undefined) {
-        return false;
-    }
-    return textRegex.test(text);
+export function validateText(text: string): boolean {
+  if (text === null || text === undefined) {
+    return false;
+  }
+  return textRegex.test(text);
 }
 
-export function validateEmail(email: string) : boolean {
-    if (email === null || email === undefined) {
-        return false;
-    }
-    return emailRegex.test(email);
-}
+export function validateEmail(email: string): boolean {
+  if (email === null || email === undefined) {
+    return false;
+  }
+  return emailRegex.test(email);
+}