@movalib/movalib-commons 1.59.2 → 1.59.4

package/dist/index.d.ts

@@ -51,5 +51,5 @@ export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, ge
 export { validatePhoneNumber, validateText, validateEmail } from './src/helpers/Validator';
 export { formatDateByCountryCode, getLongFormattedDateTime } from './src/helpers/DateUtils';
 export { request, API_BASE_URL } from './src/helpers/ApiHelper';
-export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType, DigitalPassportIndex, DocumentState, Gender, DateFormatTypes, PartsApplicationType, ProductType, OrderPreference, OrderState, SlotAlgorithm, VehiclePlateFormat as VehiclePlateType, SubscriptionPaymentInterval, RegistrationState, PrestationType, PrestationState, CountryCode, SubscriptionState, SubscriptionType, APIMethod, } from './src/helpers/Enums';
+export { CustomerType, RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType, DigitalPassportIndex, DocumentState, Gender, DateFormatTypes, PartsApplicationType, ProductType, OrderPreference, OrderState, SlotAlgorithm, VehiclePlateFormat as VehiclePlateType, SubscriptionPaymentInterval, RegistrationState, PrestationType, PrestationState, CountryCode, SubscriptionState, SubscriptionType, APIMethod, } from './src/helpers/Enums';
 export { openDialogPrint } from './src/utils/DialogPrint';

package/dist/index.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.CategoryPrestation = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.Customer = exports.Logger = exports.Operation = exports.Prestation = exports.Product = exports.Supplier = exports.Employee = exports.Absence = exports.Subscription = exports.PrintSize = exports.PLVComponent = exports.QrCodePLVContainer = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.VehiclePlateField = exports.QRCode = exports.MovaDialog = exports.Loader = exports.MovaDigitalPassport = exports.VehicleFullCard = exports.ScheduleFields = exports.AddressFields = exports.AccountValidation = exports.GaragePLV = exports.IbanInput = exports.DialogForgotPassword = exports.UserService = exports.GarageService = exports.AuthenticationService = exports.VehicleService = void 0;
-exports.openDialogPrint = exports.APIMethod = 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.API_BASE_URL = exports.request = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = 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 = void 0;
+exports.openDialogPrint = exports.APIMethod = 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.formatDateByCountryCode = 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 = void 0;
 // Export des services
 var VehicleService_1 = require("./src/services/VehicleService");
 Object.defineProperty(exports, "VehicleService", { enumerable: true, get: function () { return __importDefault(VehicleService_1).default; } });
@@ -131,6 +131,7 @@ Object.defineProperty(exports, "request", { enumerable: true, get: function () {
 Object.defineProperty(exports, "API_BASE_URL", { enumerable: true, get: function () { return ApiHelper_1.API_BASE_URL; } });
 // Export des enums
 var Enums_1 = require("./src/helpers/Enums");
+Object.defineProperty(exports, "CustomerType", { enumerable: true, get: function () { return Enums_1.CustomerType; } });
 Object.defineProperty(exports, "RoleType", { enumerable: true, get: function () { return Enums_1.RoleType; } });
 Object.defineProperty(exports, "MovaAppType", { enumerable: true, get: function () { return Enums_1.MovaAppType; } });
 Object.defineProperty(exports, "DayOfWeek", { enumerable: true, get: function () { return Enums_1.DayOfWeek; } });

package/dist/src/MovaSignUp.js

@@ -231,7 +231,7 @@ var MovaSignUp = function (_a) {
                                     }
                                 } }), usePhoneNumber && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { type: "tel", margin: "normal", required: true, fullWidth: true, id: "phoneNumber", label: "N\u00B0 de t\u00E9l\u00E9phone", name: "phoneNumber", autoComplete: "tel", onChange: function (e) { return handleInputChange(e); }, value: userForm.phoneNumber.value, error: Boolean(userForm.phoneNumber.error), helperText: userForm.phoneNumber.error, InputProps: {
                                             endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ edge: "end", onClick: function () { return setOpenPhoneNumberInfo(!openPhoneNumberInfo); } }, { children: (0, jsx_runtime_1.jsx)(Info_1.default, {}) })) }))),
-                                        } }), openPhoneNumberInfo && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "info", variant: 'standard' }, { children: "Indispensable en cas d'impr\u00E9vu avec votre v\u00E9hicule." }))] }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Adresse email", name: "email", autoComplete: "email", onChange: function (e) { return handleInputChange(e); }, value: userForm.email.value, error: !userForm.email.isValid, helperText: userForm.email.error, sx: {
+                                        } }), openPhoneNumberInfo && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "info", variant: 'standard' }, { children: "Entrez le num\u00E9ro de t\u00E9l\u00E9phone que vous avez utilis\u00E9 pour r\u00E9server, afin de suivre facilement vos rendez-vous." }))] }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Adresse email", name: "email", autoComplete: "email", onChange: function (e) { return handleInputChange(e); }, value: userForm.email.value, error: !userForm.email.isValid, helperText: userForm.email.error, sx: {
                                     '& .MuiOutlinedInput-notchedOutline': {
                                         borderColor: darkMode ? 'white' : 'default', // Couleur de la bordure
                                     }

package/dist/src/ScheduleFields.js

@@ -33,6 +33,7 @@ var theme_1 = __importDefault(require("../theme")); // Import du thème personna
 var Enums_1 = require("./helpers/Enums");
 var Logger_1 = __importDefault(require("./helpers/Logger"));
 var Tools_1 = require("./helpers/Tools");
+var DateUtils_1 = require("./helpers/DateUtils");
 var ContentCopy_1 = __importDefault(require("@mui/icons-material/ContentCopy"));
 var initialSchedules = [
     { day: Enums_1.DayOfWeek.MONDAY, checked: false, allDay: false, intervals: [{ startTime: null, endTime: null, countryCode: Enums_1.CountryCode.FR, error: null }] },
@@ -147,8 +148,8 @@ var ScheduleFields = function (_a) {
                 newSchedule[dayIndex].intervals[intervalIndex].error = validateIntervals(newSchedule[dayIndex].intervals);
             }
             setSchedule(newSchedule);
-            if (type === 'endTime') {
-                // On invoque la callback de mise à jour uniquement sur l'intervalle de fin
+            if (type === 'endTime' || (type === 'startTime' && (0, DateUtils_1.isValidDate)(newSchedule[dayIndex].intervals[intervalIndex].endTime))) {
+                // On invoque la callback de mise à jour sur les deux intervalles, toutefois on contrôle que l'intervalle de fin est alimentée
                 onChange(newSchedule);
             }
         };
@@ -188,7 +189,7 @@ var ScheduleFields = function (_a) {
         onChange(newSchedule);
         setSchedule(newSchedule);
     }; };
-    return ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true, spacing: 1, sx: { minWidth: '650px', maxWidth: '800px' } }, { children: schedule.map(function (daySchedule, dayIndex) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: daySchedule.checked, onChange: handleDayChecked(dayIndex) }), label: (0, Tools_1.getDayOfWeekLabel)(daySchedule.day) }) }), dayIndex + 1), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 7 }, { children: daySchedule.intervals.map(function (interval, intervalIndex) { return ((0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, style: { paddingTop: intervalIndex > 0 ? theme_1.default.spacing(1) : 0 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { textAlign: 'center' } }, { children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.TimePicker, { views: ['hours', 'minutes'], minutesStep: timePickerStep !== null && timePickerStep !== void 0 ? timePickerStep : 30, disabled: !daySchedule.checked, value: interval.startTime, formatDensity: 'dense', closeOnSelect: false, onAccept: handleIntervalChange(dayIndex, intervalIndex, 'startTime'), slotProps: {
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true, spacing: 1, sx: { minWidth: '650px', maxWidth: '800px' } }, { children: schedule.map(function (daySchedule, dayIndex) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: daySchedule.checked, onChange: handleDayChecked(dayIndex) }), label: (0, Tools_1.getDayOfWeekLabel)(daySchedule.day) }) }), dayIndex + 1), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 7 }, { children: daySchedule.intervals.map(function (interval, intervalIndex) { return ((0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, style: { paddingTop: intervalIndex > 0 ? theme_1.default.spacing(1) : 0 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { textAlign: 'center' } }, { children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.TimePicker, { views: ['hours', 'minutes'], minutesStep: timePickerStep !== null && timePickerStep !== void 0 ? timePickerStep : 30, disabled: !daySchedule.checked, value: interval.startTime, formatDensity: 'dense', closeOnSelect: false, onChange: handleIntervalChange(dayIndex, intervalIndex, 'startTime'), slotProps: {
                                         textField: {
                                             size: 'small',
                                             sx: {
@@ -200,7 +201,7 @@ var ScheduleFields = function (_a) {
                                         actionBar: {
                                             sx: { display: 'none' },
                                         },
-                                    } }) }), (intervalIndex + 1) * Math.random()), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { display: 'contents' } }, { children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.TimePicker, { minutesStep: timePickerStep !== null && timePickerStep !== void 0 ? timePickerStep : 30, disabled: !(interval.startTime instanceof Date), value: interval.endTime, formatDensity: 'dense', onAccept: handleIntervalChange(dayIndex, intervalIndex, 'endTime'), closeOnSelect: false, slotProps: {
+                                    } }) }), (intervalIndex + 1) * Math.random()), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { display: 'contents' } }, { children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.TimePicker, { minutesStep: timePickerStep !== null && timePickerStep !== void 0 ? timePickerStep : 30, disabled: !(interval.startTime instanceof Date), value: interval.endTime, formatDensity: 'dense', onChange: handleIntervalChange(dayIndex, intervalIndex, 'endTime'), closeOnSelect: false, slotProps: {
                                         textField: {
                                             size: 'small',
                                             sx: {

package/dist/src/components/QrCodePLVContainer/QrCodePLVContainer.js

@@ -211,7 +211,7 @@ var QrCodePLVContainer = function (_a) {
                         page = _b.sent();
                         canvas = document.createElement('canvas');
                         context = canvas.getContext('2d');
-                        viewport = page.getViewport({ scale: 4 });
+                        viewport = page.getViewport({ scale: 3 });
                         canvas.width = viewport.width;
                         canvas.height = viewport.height;
                         renderContext = {

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

@@ -1,5 +1,6 @@
 /// <reference types="date-fns" />
 import { DateFormatTypes } from './Enums';
+export declare function isValidDate(date: unknown): date is Date;
 export declare const countryTimeZones: {
     [key: string]: string;
 };

package/dist/src/helpers/DateUtils.js

@@ -1,10 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.toUTCToLocaleDate = exports.countryTimeZones = void 0;
+exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.toUTCToLocaleDate = exports.countryTimeZones = exports.isValidDate = void 0;
 var date_fns_tz_1 = require("date-fns-tz");
 var locale_1 = require("date-fns/locale");
 var Enums_1 = require("./Enums");
 var Tools_1 = require("./Tools");
+function isValidDate(date) {
+    return date instanceof Date && !isNaN(date.getTime());
+}
+exports.isValidDate = isValidDate;
 // Tableau de correspondance entre les codes de pays et les fuseaux horaires
 exports.countryTimeZones = {
     'FR': 'Europe/Paris',

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

@@ -1,3 +1,7 @@
+export declare enum CustomerType {
+    INDIVIDUAL = "INDIVIDUAL",
+    PROFESSIONAL = "PROFESSIONAL"
+}
 export declare enum SubscriptionType {
     PRO_FREE = "PRO_FREE",
     PRO_STANDARD = "PRO_STANDARD"

package/dist/src/helpers/Enums.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoleType = exports.MovaAppType = exports.DocumentType = exports.DocumentState = exports.DayOfWeek = exports.EventType = exports.EventState = exports.DigitalPassportIndex = exports.Gender = exports.DateFormatTypes = exports.APIMethod = exports.PartsApplicationType = exports.ProductType = exports.OrderPreference = exports.OrderState = exports.SlotAlgorithm = exports.VehiclePlateFormat = exports.RegistrationState = exports.SubscriptionPaymentInterval = exports.PrestationType = exports.PrestationState = exports.CountryCode = exports.SubscriptionState = exports.SubscriptionType = void 0;
+exports.RoleType = exports.MovaAppType = exports.DocumentType = exports.DocumentState = exports.DayOfWeek = exports.EventType = exports.EventState = exports.DigitalPassportIndex = exports.Gender = exports.DateFormatTypes = exports.APIMethod = exports.PartsApplicationType = exports.ProductType = exports.OrderPreference = exports.OrderState = exports.SlotAlgorithm = exports.VehiclePlateFormat = exports.RegistrationState = exports.SubscriptionPaymentInterval = exports.PrestationType = exports.PrestationState = exports.CountryCode = exports.SubscriptionState = exports.SubscriptionType = exports.CustomerType = void 0;
+var CustomerType;
+(function (CustomerType) {
+    CustomerType["INDIVIDUAL"] = "INDIVIDUAL";
+    CustomerType["PROFESSIONAL"] = "PROFESSIONAL";
+})(CustomerType = exports.CustomerType || (exports.CustomerType = {}));
 var SubscriptionType;
 (function (SubscriptionType) {
     SubscriptionType["PRO_FREE"] = "PRO_FREE";

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

@@ -1,3 +1,4 @@
+import { CustomerType } from "../helpers/Enums";
 import Address from "./Address";
 import Role from "./Role";
 import User from "./User";
@@ -8,8 +9,24 @@ export default class Customer extends User {
         key: string;
         value: number;
     }[];
+    /**
+     * Type de client (professionnel / particulier)
+     */
+    type: CustomerType;
+    /**
+     * Raison sociale si client Professionnel
+     */
+    companyName: string;
+    /**
+     * Téléphone de contact additionnel (souvent un fixe pour les pro)
+     */
+    companyPhoneNumber: string;
+    /**
+     * Notes relatives au client
+     */
+    notes: string;
     constructor(id: string, roles: Role[] | undefined, firstname: string | undefined, lastname: string | undefined, avatar: string | undefined, addresses: Address[] | undefined, vehicles: Vehicle[], email: string | undefined, turnover: {
         key: string;
         value: number;
-    }[]);
+    }[], type: CustomerType, companyName: string, companyPhoneNumber: string, notes: string);
 }

package/dist/src/models/Customer.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var User_1 = __importDefault(require("./User"));
 var Customer = /** @class */ (function (_super) {
     __extends(Customer, _super);
-    function Customer(id, roles, firstname, lastname, avatar, addresses, vehicles, email, turnover) {
+    function Customer(id, roles, firstname, lastname, avatar, addresses, vehicles, email, turnover, type, companyName, companyPhoneNumber, notes) {
         if (roles === void 0) { roles = []; }
         if (firstname === void 0) { firstname = ''; }
         if (lastname === void 0) { lastname = ''; }
@@ -31,6 +31,10 @@ var Customer = /** @class */ (function (_super) {
         var _this = _super.call(this, id, roles, firstname, lastname, avatar, email) || this;
         _this.vehicles = vehicles;
         _this.turnover = turnover;
+        _this.type = type;
+        _this.companyName = companyName;
+        _this.companyPhoneNumber = companyPhoneNumber;
+        _this.notes = notes;
         return _this;
     }
     return Customer;

package/index.ts

@@ -86,6 +86,7 @@ export { request, API_BASE_URL } from './src/helpers/ApiHelper';
 
 // Export des enums
 export {
+  CustomerType,
   RoleType,
   MovaAppType,
   DayOfWeek,

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.59.2",
+  "version": "1.59.4",
   "description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,
   "scripts": {
-    "start": "webpack-dev-server --entry ./devIndex.tsx --open",
+    "start": "webpack-dev-server --entry ./devIndex.tsx --open --https",
     "build": "rm -rf dist && tsc && npm run copy-assets",
     "copy-assets": "cp -r src/assets/ dist/src/assets/ && cp -r src/style/ dist/src/style/",
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/MovaSignUp.tsx

@@ -302,7 +302,7 @@ const MovaSignUp: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType,
                             ),
                           }}   
                       />
-                      {openPhoneNumberInfo && <Alert severity="info" variant='standard'>Indispensable en cas d'imprévu avec votre véhicule.</Alert>}
+                      {openPhoneNumberInfo && <Alert severity="info" variant='standard'>Entrez le numéro de téléphone que vous avez utilisé pour réserver, afin de suivre facilement vos rendez-vous.</Alert>}
                       </>
                     }
                     <TextField

package/src/ScheduleFields.tsx

@@ -9,7 +9,7 @@ import Schedule from './models/Schedule';
 import { CountryCode, DayOfWeek } from './helpers/Enums';
 import Logger from './helpers/Logger';
 import { flexCenter, getDayOfWeekIndex, getDayOfWeekLabel } from './helpers/Tools';
-import { toUTCToLocaleDate } from './helpers/DateUtils';
+import { isValidDate, toUTCToLocaleDate } from './helpers/DateUtils';
 import ContentCopyIcon from '@mui/icons-material/ContentCopy';
 
 
@@ -160,7 +160,7 @@ const ScheduleFields: FunctionComponent<ScheduleFieldsProps> = ({ timePickerStep
 
   const handleIntervalChange = (dayIndex: number, intervalIndex: number, type: 'startTime' | 'endTime') => 
   (newValue: "" | Date | null) => {
-
+    
     const newSchedule = [...schedule];
 
     newSchedule[dayIndex].intervals[intervalIndex][type] = newValue!;
@@ -180,8 +180,8 @@ const ScheduleFields: FunctionComponent<ScheduleFieldsProps> = ({ timePickerStep
 
     setSchedule(newSchedule);
 
-    if(type === 'endTime'){
-      // On invoque la callback de mise à jour uniquement sur l'intervalle de fin
+    if(type === 'endTime' || (type === 'startTime' && isValidDate(newSchedule[dayIndex].intervals[intervalIndex].endTime))){ 
+      // On invoque la callback de mise à jour sur les deux intervalles, toutefois on contrôle que l'intervalle de fin est alimentée
       onChange(newSchedule);
     }
 
@@ -264,7 +264,7 @@ const ScheduleFields: FunctionComponent<ScheduleFieldsProps> = ({ timePickerStep
                       value={interval.startTime}  
                       formatDensity='dense'        
                       closeOnSelect={false}            
-                      onAccept={handleIntervalChange(dayIndex, intervalIndex, 'startTime')}
+                      onChange={handleIntervalChange(dayIndex, intervalIndex, 'startTime')}
                       slotProps={{
                         textField: {
                           size: 'small',                          
@@ -286,7 +286,7 @@ const ScheduleFields: FunctionComponent<ScheduleFieldsProps> = ({ timePickerStep
                       disabled={!(interval.startTime instanceof Date)}
                       value={interval.endTime}
                       formatDensity='dense'
-                      onAccept={handleIntervalChange(dayIndex, intervalIndex, 'endTime')}
+                      onChange={handleIntervalChange(dayIndex, intervalIndex, 'endTime')}
                       closeOnSelect={false}
                       slotProps={{
                         textField: {

package/src/components/QrCodePLVContainer/QrCodePLVContainer.tsx

@@ -161,7 +161,7 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
     const canvas = document.createElement('canvas');
     const context = canvas.getContext('2d');
   
-    const viewport = page.getViewport({ scale: 4});
+    const viewport = page.getViewport({ scale: 3});
     canvas.width = viewport.width;
     canvas.height = viewport.height;
   

package/src/helpers/DateUtils.ts

@@ -3,6 +3,10 @@ import { fr } from 'date-fns/locale';
 import { DateFormatTypes } from './Enums';
 import { capitalizeFirstLetter } from './Tools';
 
+export function isValidDate(date: unknown): date is Date {
+    return date instanceof Date && !isNaN(date.getTime());
+}
+
 // Tableau de correspondance entre les codes de pays et les fuseaux horaires
 export const countryTimeZones: { [key: string]: string } = {
     'FR': 'Europe/Paris',

package/src/helpers/Enums.ts

@@ -1,3 +1,7 @@
+export enum CustomerType {
+    INDIVIDUAL = 'INDIVIDUAL',
+    PROFESSIONAL = 'PROFESSIONAL',
+  }
 
 export enum SubscriptionType {
     PRO_FREE = 'PRO_FREE',

package/src/models/Customer.ts

@@ -1,3 +1,4 @@
+import { CustomerType } from "../helpers/Enums";
 import Address from "./Address";
 import Role from "./Role";
 import User from "./User";
@@ -9,6 +10,25 @@ export default class Customer extends User {
     // Properties
     vehicles: Vehicle[];
     turnover: { key: string, value: number }[];
+    /**
+     * Type de client (professionnel / particulier)
+     */
+    type: CustomerType;
+
+    /**
+     * Raison sociale si client Professionnel
+     */
+    companyName: string;
+  
+    /**
+     * Téléphone de contact additionnel (souvent un fixe pour les pro)
+     */
+    companyPhoneNumber: string;
+  
+    /**
+     * Notes relatives au client
+     */
+    notes: string;
 
     constructor(
         id: string,
@@ -19,11 +39,19 @@ export default class Customer extends User {
         addresses : Address[] = [],
         vehicles: Vehicle[],
         email: string = '',
-        turnover: { key: string, value: number }[]) {
+        turnover: { key: string, value: number }[],
+        type: CustomerType,
+        companyName: string,
+        companyPhoneNumber: string,
+        notes: string) {
 
             super(id, roles, firstname, lastname, avatar, email);
 
             this.vehicles = vehicles;
             this.turnover = turnover;
+            this.type = type;
+            this.companyName = companyName;
+            this.companyPhoneNumber = companyPhoneNumber;
+            this.notes = notes;
         }
 }

package/webpack.config.js

@@ -41,4 +41,13 @@ module.exports = {
         'process.env.REACT_APP_MOVALIB_APP_URL': JSON.stringify(process.env.REACT_APP_MOVALIB_APP_URL)
       }),
     ],      
+
+    devServer: {
+      https: {
+        cert: path.resolve(__dirname, '/Users/Dimitri/localhost.pem'),
+        key: path.resolve(__dirname, '/Users/Dimitri/localhost-key.pem'),
+      },
+      open: true,
+      port: 8080, // ou un autre port si nécessaire
+    },
 };