@movalib/movalib-commons 1.60.0 → 1.62.0

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.62.0",
 	"description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",