@movalib/movalib-commons 1.0.66 → 1.0.68

package/.env.development

@@ -0,0 +1,6 @@
+#Les variables d'environnements React doivent commencer par "REACT_APP_"
+HTTPS=true
+REACT_APP_API_URL=https://localhost:8443/api
+# Activer cette URL pour tester la PROD avec l'API en Localhost
+#REACT_APP_API_URL=http://localhost:8080/api
+REACT_APP_MOVALIB_APP_URL=https://localhost:3001

package/.env.production

@@ -0,0 +1,4 @@
+#Les variables d'environnements React doivent commencer par "REACT_APP_"
+HTTPS=true
+REACT_APP_API_URL=https://api.movalib.com/api
+REACT_APP_MOVALIB_APP_URL=https://app.movalib.com

package/devIndex.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment, useEffect, useState } from 'react';
 import { createRoot } from 'react-dom/client';
 // Import des composants de la bibliothèque
 import MovaLogin from './src/MovaLogin';
@@ -7,21 +7,136 @@ import { MovaAppType } from './src/helpers/Enums';
 import { ThemeProvider } from '@mui/material/styles';
 import theme from './theme'; // Import du thème personnalisé
 import MovaSignUp from './src/MovaSignUp';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import DatePicker from '@mui/lab/DatePicker';
+import frLocale from 'date-fns/locale/fr';
+import QRCode from './src/QRCode';
+import { Box } from '@mui/material';
+import GarageService from './src/services/GarageService';
+import AuthenticationService from './src/services/AuthenticationService';
+import Logger from './src/helpers/Logger';
+import Garage from './src/models/Garage';
+import ScheduleFields, { DaySchedule } from './src/ScheduleFields';
+import Schedule from './src/models/Schedule';
+import { flexCenter } from './src/helpers/Tools';
 
 const App = () => {
+
+  // Activation des logs console si nous ne sommes pas en PRODUCTION sinon contrôle de la variable debugMode
+  if (process.env.NODE_ENV !== 'production' || localStorage.getItem('debugMode') === 'true') {
+    Logger.enableLogging();
+  }
+
+  // Chargement de données garage de test
+  const [garage, setGarage] = useState<Garage>();
+
+  useEffect(() => {
+
+    refreshGarageData();
+    
+  }, []);
+
+
+  const refreshGarageData = () => {
+
+    AuthenticationService.login(MovaAppType.GARAGE, "cto@movalib.com", "cto@MOVALIB.com")
+      .then(response => {
+
+        if(response.success){
+          Logger.info(response.data);
+
+          // Chargement des données du garage
+          GarageService.getAdministratedGarages()
+            .then(response => {
+
+                if (response.success) {
+                  Logger.info(response.data);
+                  setGarage(response.data ? response.data[0] : undefined);
+                } else {
+                  Logger.error(response.error);
+                }
+            })
+            .catch(error => {
+                Logger.error(response.error);
+            });
+
+        }else{
+          Logger.error(response.error);
+        }
+
+      }).catch(error => {
+        Logger.error(error);
+      });
+  }
+
+  const getQRCodeData = ():string => {
+    // On renvoie les données pour le QR Code, l'url change selon l'environnement (variables d'environnement)
+    return `https://localhost:3001/#/garage/1?redirect=garage`;
+  }
+
+  const handleScheduleChange = (schedule: DaySchedule[]) => {
+    alert('Hello !');
+    if(schedule){
+          // On contrôle l'absence d'erreur dans le tableau de schedule
+          const hasErrors = schedule.some(day => day.intervals.some(interval => interval.error !== null));
+
+          if(!hasErrors){
+              // On crée un objet Schedule sur la base du DaySchedule reçu de ScheduleFields
+              let newSchedule = new Array<Schedule>();
+
+              schedule.forEach(s => {                    
+                  newSchedule.push(new Schedule(
+                      s.day, 
+                      s.intervals.map(({ startTime, endTime, countryCode }) => ({ startTime, endTime, countryCode })),
+                      true
+                  ));
+              });
+
+              Logger.info(JSON.stringify(newSchedule));
+              let request = {
+                  schedule: JSON.stringify(newSchedule)
+              };
+
+              alert('Schedule Submitted !');
+          }
+      }
+  }
+
+
   return (
     <div>
-      <ThemeProvider theme={theme}>
-        <MovaLogin movaAppType={MovaAppType.GARAGE} onSubmit={function (form: MovaLoginForm): void {
-          alert('Form Submitted !');
-        } } onSubmitForgotPassword={function (email: string): void {
-          throw new Error('Function not implemented.');
-        } } />
-
-        <MovaSignUp movaAppType={MovaAppType.USER} onSubmit={function (form: MovaLoginForm): void {
-          alert('Form Submitted !');
-        } } />
-      </ThemeProvider>
+      <LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={frLocale}>
+        <ThemeProvider theme={theme}>
+          <Box sx={{ mb: 4}}>
+
+            <MovaLogin movaAppType={MovaAppType.GARAGE} onSubmit={function (form: MovaLoginForm): void {
+              alert('Form Submitted !');
+            } } onSubmitForgotPassword={function (email: string): void {
+              throw new Error('Function not implemented.');
+            } } />
+
+            <MovaSignUp movaAppType={MovaAppType.INDIVIDUAL} onSubmit={function (form: MovaLoginForm): void {
+              alert('Form Submitted !');
+            } } />
+
+            <QRCode data={getQRCodeData()} showDownload={true} />
+
+            <div style={{ marginTop: '40px' }} />
+
+            <div style={flexCenter}>
+              <ScheduleFields 
+                            schedules={garage?.schedules}
+                            size="small"
+                            timePickerStep={30} 
+                            onChange={handleScheduleChange}          
+                          />
+            </div>
+
+
+          </Box>
+        </ThemeProvider>
+      </LocalizationProvider>
     </div>
   );
 };

package/dist/devIndex.js

@@ -10,12 +10,35 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var client_1 = require("react-dom/client");
 // Import des composants de la bibliothèque
 var MovaLogin_1 = __importDefault(require("./src/MovaLogin"));
@@ -23,14 +46,87 @@ var Enums_1 = require("./src/helpers/Enums");
 var styles_1 = require("@mui/material/styles");
 var theme_1 = __importDefault(require("./theme")); // Import du thème personnalisé
 var MovaSignUp_1 = __importDefault(require("./src/MovaSignUp"));
+var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
+var AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
+var fr_1 = __importDefault(require("date-fns/locale/fr"));
+var QRCode_1 = __importDefault(require("./src/QRCode"));
+var material_1 = require("@mui/material");
+var GarageService_1 = __importDefault(require("./src/services/GarageService"));
+var AuthenticationService_1 = __importDefault(require("./src/services/AuthenticationService"));
+var Logger_1 = __importDefault(require("./src/helpers/Logger"));
+var ScheduleFields_1 = __importDefault(require("./src/ScheduleFields"));
+var Schedule_1 = __importDefault(require("./src/models/Schedule"));
+var Tools_1 = require("./src/helpers/Tools");
 var App = function () {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(styles_1.ThemeProvider, __assign({ theme: theme_1.default }, { children: [(0, jsx_runtime_1.jsx)(MovaLogin_1.default, { movaAppType: Enums_1.MovaAppType.GARAGE, onSubmit: function (form) {
-                        alert('Form Submitted !');
-                    }, onSubmitForgotPassword: function (email) {
-                        throw new Error('Function not implemented.');
-                    } }), (0, jsx_runtime_1.jsx)(MovaSignUp_1.default, { movaAppType: Enums_1.MovaAppType.USER, onSubmit: function (form) {
-                        alert('Form Submitted !');
-                    } })] })) }));
+    // Activation des logs console si nous ne sommes pas en PRODUCTION sinon contrôle de la variable debugMode
+    if (process.env.NODE_ENV !== 'production' || localStorage.getItem('debugMode') === 'true') {
+        Logger_1.default.enableLogging();
+    }
+    // Chargement de données garage de test
+    var _a = (0, react_1.useState)(), garage = _a[0], setGarage = _a[1];
+    (0, react_1.useEffect)(function () {
+        refreshGarageData();
+    }, []);
+    var refreshGarageData = function () {
+        AuthenticationService_1.default.login(Enums_1.MovaAppType.GARAGE, "cto@movalib.com", "cto@MOVALIB.com")
+            .then(function (response) {
+            if (response.success) {
+                Logger_1.default.info(response.data);
+                // Chargement des données du garage
+                GarageService_1.default.getAdministratedGarages()
+                    .then(function (response) {
+                    if (response.success) {
+                        Logger_1.default.info(response.data);
+                        setGarage(response.data ? response.data[0] : undefined);
+                    }
+                    else {
+                        Logger_1.default.error(response.error);
+                    }
+                })
+                    .catch(function (error) {
+                    Logger_1.default.error(response.error);
+                });
+            }
+            else {
+                Logger_1.default.error(response.error);
+            }
+        }).catch(function (error) {
+            Logger_1.default.error(error);
+        });
+    };
+    var getQRCodeData = function () {
+        // On renvoie les données pour le QR Code, l'url change selon l'environnement (variables d'environnement)
+        return "https://localhost:3001/#/garage/1?redirect=garage";
+    };
+    var handleScheduleChange = function (schedule) {
+        alert('Hello !');
+        if (schedule) {
+            // On contrôle l'absence d'erreur dans le tableau de schedule
+            var hasErrors = schedule.some(function (day) { return day.intervals.some(function (interval) { return interval.error !== null; }); });
+            if (!hasErrors) {
+                // On crée un objet Schedule sur la base du DaySchedule reçu de ScheduleFields
+                var newSchedule_1 = new Array();
+                schedule.forEach(function (s) {
+                    newSchedule_1.push(new Schedule_1.default(s.day, s.intervals.map(function (_a) {
+                        var startTime = _a.startTime, endTime = _a.endTime, countryCode = _a.countryCode;
+                        return ({ startTime: startTime, endTime: endTime, countryCode: countryCode });
+                    }), true));
+                });
+                Logger_1.default.info(JSON.stringify(newSchedule_1));
+                var request = {
+                    schedule: JSON.stringify(newSchedule_1)
+                };
+                alert('Schedule Submitted !');
+            }
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider, __assign({ dateAdapter: AdapterDateFns_1.AdapterDateFns, adapterLocale: fr_1.default }, { children: (0, jsx_runtime_1.jsx)(styles_1.ThemeProvider, __assign({ theme: theme_1.default }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: { mb: 4 } }, { children: [(0, jsx_runtime_1.jsx)(MovaLogin_1.default, { movaAppType: Enums_1.MovaAppType.GARAGE, onSubmit: function (form) {
+                                alert('Form Submitted !');
+                            }, onSubmitForgotPassword: function (email) {
+                                throw new Error('Function not implemented.');
+                            } }), (0, jsx_runtime_1.jsx)(MovaSignUp_1.default, { movaAppType: Enums_1.MovaAppType.INDIVIDUAL, onSubmit: function (form) {
+                                alert('Form Submitted !');
+                            } }), (0, jsx_runtime_1.jsx)(QRCode_1.default, { data: getQRCodeData(), showDownload: true }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '40px' } }), (0, jsx_runtime_1.jsx)("div", __assign({ style: Tools_1.flexCenter }, { children: (0, jsx_runtime_1.jsx)(ScheduleFields_1.default, { schedules: garage === null || garage === void 0 ? void 0 : garage.schedules, size: "small", timePickerStep: 30, onChange: handleScheduleChange }) }))] })) })) })) }));
 };
 var root = (0, client_1.createRoot)(document.getElementById('root'));
 root.render((0, jsx_runtime_1.jsx)(react_1.default.StrictMode, { children: (0, jsx_runtime_1.jsx)(App, {}) }));

package/dist/index.d.ts

@@ -23,8 +23,10 @@ export { default as Garage } from './src/models/Garage';
 export { default as Schedule } from './src/models/Schedule';
 export { default as Event } from './src/models/Event';
 export { default as VehicleTire } from './src/models/VehicleTire';
+export type { APIRequest, APIResponse } from './src/helpers/ApiHelper';
 export type { MovaFormField, MovaLoginForm, MovaUserSignUpForm, MovaInterval, OriginReference, MovaVehicleForm } from './src/helpers/Types';
-export { validateField, formatVehicleTire, formatFrenchVehiclePlate } from './src/helpers/Tools';
+export { readCookie, deleteCookie } from './src/helpers/CookieUtils';
+export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty } from './src/helpers/Tools';
 export { validatePhoneNumber, validateText, validateEmail } from './src/helpers/Validator';
 export { formatDateByCountryCode, getLongFormattedDateTime, capitalizeFirstLetter } from './src/helpers/DateUtils';
 export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType, DigitalPassportIndex, DocumentState, Gender, DateFormatTypes } from './src/helpers/Enums';

package/dist/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateFormatTypes = exports.Gender = exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = exports.MovaAppType = exports.RoleType = exports.capitalizeFirstLetter = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.Customer = exports.Logger = 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 = void 0;
+exports.DateFormatTypes = exports.Gender = exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = exports.MovaAppType = exports.RoleType = exports.capitalizeFirstLetter = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.isEmpty = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.Customer = exports.Logger = exports.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 = void 0;
 // Export des composants
 var VehicleFullCard_1 = require("./src/VehicleFullCard");
 Object.defineProperty(exports, "VehicleFullCard", { enumerable: true, get: function () { return __importDefault(VehicleFullCard_1).default; } });
@@ -58,10 +58,14 @@ Object.defineProperty(exports, "Event", { enumerable: true, get: function () { r
 var VehicleTire_1 = require("./src/models/VehicleTire");
 Object.defineProperty(exports, "VehicleTire", { enumerable: true, get: function () { return __importDefault(VehicleTire_1).default; } });
 // Export des méthodes utilitaires
+var CookieUtils_1 = require("./src/helpers/CookieUtils");
+Object.defineProperty(exports, "readCookie", { enumerable: true, get: function () { return CookieUtils_1.readCookie; } });
+Object.defineProperty(exports, "deleteCookie", { enumerable: true, get: function () { return CookieUtils_1.deleteCookie; } });
 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, "isEmpty", { enumerable: true, get: function () { return Tools_1.isEmpty; } });
 var Validator_1 = require("./src/helpers/Validator");
 Object.defineProperty(exports, "validatePhoneNumber", { enumerable: true, get: function () { return Validator_1.validatePhoneNumber; } });
 Object.defineProperty(exports, "validateText", { enumerable: true, get: function () { return Validator_1.validateText; } });

package/dist/src/MovaLogin.js

@@ -63,6 +63,9 @@ 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"));
 // Permet de centrer le contenu de l'application
 var styles = {
     display: 'flex',
@@ -85,6 +88,7 @@ var MovaLogin = function (_a) {
     var _c = (0, react_1.useState)(""), message = _c[0], setMessage = _c[1];
     var history = (0, react_router_dom_1.useHistory)();
     var _d = (0, react_1.useState)(false), openForgotPassword = _d[0], setOpenForgotPassword = _d[1];
+    var _e = (0, react_1.useState)(false), showPassword = _e[0], setShowPassword = _e[1];
     var handleInputChange = function (e) {
         var _a;
         var fieldName = e.target.name;
@@ -121,7 +125,7 @@ var MovaLogin = function (_a) {
     };
     var getMovaLogo = function () {
         return movaAppType === Enums_1.MovaAppType.GARAGE ? logo_pro_large_png_1.default :
-            movaAppType === Enums_1.MovaAppType.USER ? logo_large_png_1.default :
+            movaAppType === Enums_1.MovaAppType.INDIVIDUAL ? logo_large_png_1.default :
                 movaAppType === Enums_1.MovaAppType.ADMIN ? logo_large_png_1.default : logo_large_png_1.default;
     };
     var handleOnClickSignUp = function (e) {
@@ -143,6 +147,9 @@ var MovaLogin = function (_a) {
             onSubmitForgotPassword(form.email.value);
         }
     };
+    var handleClickShowPassword = function () {
+        setShowPassword(function (prev) { return !prev; });
+    };
     /**
      * Boite de diaogue pour la perte du mot de passe
      */
@@ -162,7 +169,9 @@ var MovaLogin = function (_a) {
                             display: 'flex',
                             flexDirection: 'column',
                             alignItems: 'center',
-                        } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getMovaLogo(), style: { width: '80%' } }), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ component: "form", onSubmit: handleSubmit, noValidate: true, sx: { mt: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Adresse email", name: "email", autoComplete: "email", autoFocus: true, onChange: function (e) { return handleInputChange(e); }, value: form.email.value, error: !form.email.isValid, helperText: form.email.error }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: "Mot de passe", type: "password", id: "password", autoComplete: "current-password", onChange: function (e) { return handleInputChange(e); }, value: form.password.value, error: !form.password.isValid, helperText: form.password.error }), (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 } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Se connecter" }) })), alertMessage && alertSeverity && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: alertSeverity, sx: { mb: 2 } }, { children: alertMessage })), (0, jsx_runtime_1.jsxs)(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(e); } }, { children: "Mot de passe oubli\u00E9 ?" })) })), movaAppType === Enums_1.MovaAppType.USER && (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ variant: "body2", color: "text.secondary", onClick: function (e) { return handleOnClickSignUp(e); } }, { children: "Cr\u00E9er mon compte" })) }))] }))] })), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 4 } }), openForgotPassword && dialogForgotPassword()] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: { position: 'fixed',
+                        } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getMovaLogo(), style: { width: '80%' } }), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ component: "form", onSubmit: handleSubmit, noValidate: true, sx: { mt: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Adresse email", name: "email", autoComplete: "email", autoFocus: true, onChange: function (e) { return handleInputChange(e); }, value: form.email.value, error: !form.email.isValid, helperText: form.email.error }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: "Mot de passe", type: showPassword ? 'text' : 'password', id: "password", autoComplete: "current-password", onChange: function (e) { return handleInputChange(e); }, value: form.password.value, error: !form.password.isValid, helperText: form.password.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: handleClickShowPassword }, { children: showPassword ? (0, jsx_runtime_1.jsx)(VisibilityOff_1.default, {}) : (0, jsx_runtime_1.jsx)(Visibility_1.default, {}) })) }))),
+                                } }), (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 } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Se connecter" }) })), alertMessage && alertSeverity && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: alertSeverity, sx: { mb: 2 } }, { children: alertMessage })), (0, jsx_runtime_1.jsxs)(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(e); } }, { children: "Mot de passe oubli\u00E9 ?" })) })), movaAppType === Enums_1.MovaAppType.INDIVIDUAL && (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ variant: "body2", color: "text.secondary", onClick: function (e) { return handleOnClickSignUp(e); } }, { children: "Cr\u00E9er mon compte" })) }))] }))] })), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 4 } }), openForgotPassword && dialogForgotPassword()] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: { position: 'fixed',
                     float: 'right',
                     width: '250px',
                     height: '400px',

package/dist/src/MovaSignUp.d.ts

@@ -5,7 +5,7 @@ import { MovaAppType } from "./helpers/Enums";
 /**
  * Propriétés du composant
  * movaAppType : type d'application Movalib au sein de laquelle le composant est injectée
- * onSubmit : callbakc invoquée en cas de formulaire valide
+ * onSubmit : callback invoquée en cas de formulaire valide
  * alertMessage : éventuel message à afficher
  * alertSeverity : niveau d'alerte pour le message à afficher
  * loading : permet de mettre éventuellement le bouton de soumission en état de chargement

package/dist/src/MovaSignUp.js

@@ -53,6 +53,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var lab_1 = require("@mui/lab");
+var DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
 var logo_large_png_1 = __importDefault(require("./assets/images/logo/logo_large.png"));
 var logo_pro_large_png_1 = __importDefault(require("./assets/images/logo/logo_pro_large.png"));
 var leaf_green_large_png_1 = __importDefault(require("./assets/images/leaf_green_large.png"));
@@ -64,6 +65,10 @@ var Validator_1 = require("./helpers/Validator");
 var GenderSelector_1 = __importDefault(require("./GenderSelector"));
 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 isValid_1 = __importDefault(require("date-fns/isValid"));
 // Permet de centrer le contenu de l'application
 var styles = {
     display: 'flex',
@@ -76,7 +81,7 @@ var initialUserFormState = {
     email: { value: '', isValid: true },
     password: { value: '', isValid: true },
     gender: { value: '', isValid: true },
-    birthDate: { value: '', isValid: true },
+    birthDate: { value: null, isValid: true },
     acceptsTerms: { value: false, isValid: true },
 };
 /**
@@ -88,12 +93,25 @@ var MovaLogin = function (_a) {
     var _b = (0, react_1.useState)(initialUserFormState), userForm = _b[0], setUserForm = _b[1];
     var history = (0, react_router_dom_1.useHistory)();
     var _c = (0, react_1.useState)(""), message = _c[0], setMessage = _c[1];
+    var _d = (0, react_1.useState)(false), showPassword = _d[0], setShowPassword = _d[1];
+    var handleDateChange = function (name, date) {
+        var _a;
+        console.log(date);
+        if (name && date) {
+            var fieldName = name;
+            var fieldValue = date;
+            var newField = (_a = {}, _a[fieldName] = { value: fieldValue, isValid: true }, _a);
+            setUserForm(__assign(__assign({}, userForm), newField));
+        }
+    };
     var handleInputChange = function (e) {
         var _a;
-        var fieldName = e.target.name;
-        var fieldValue = e.target.value;
-        var newField = (_a = {}, _a[fieldName] = { value: fieldValue, isValid: true }, _a);
-        setUserForm(__assign(__assign({}, userForm), newField));
+        if (e) {
+            var fieldName = e.target.name;
+            var fieldValue = e.target.value;
+            var newField = (_a = {}, _a[fieldName] = { value: fieldValue, isValid: true }, _a);
+            setUserForm(__assign(__assign({}, userForm), newField));
+        }
     };
     var handleCheckboxChange = function (e, checked) {
         var _a;
@@ -132,7 +150,7 @@ var MovaLogin = function (_a) {
         newForm.email = (0, Tools_1.validateField)(userForm.email, function (value) { return !!value; }, 'Champ obligatoire');
         newForm.password = (0, Tools_1.validateField)(userForm.password, function (value) { return !!value; }, 'Champ obligatoire');
         newForm.gender = (0, Tools_1.validateField)(userForm.gender, function (value) { return !!value; }, 'Champ obligatoire');
-        newForm.birthDate = (0, Tools_1.validateField)(userForm.birthDate, function (value) { return !!value; }, 'Champ obligatoire');
+        newForm.birthDate = (0, Tools_1.validateField)(userForm.birthDate, function (value) { return !!value && (0, isValid_1.default)(value); }, 'Champ obligatoire');
         // Validator pour l'email
         newForm.email = (0, Tools_1.validateField)(userForm.email, Validator_1.validateEmail, 'Adresse email invalide');
         // Validator pour le mot de passe
@@ -145,7 +163,7 @@ var MovaLogin = function (_a) {
     };
     var getMovaLogo = function () {
         return movaAppType === Enums_1.MovaAppType.GARAGE ? logo_pro_large_png_1.default :
-            movaAppType === Enums_1.MovaAppType.USER ? logo_large_png_1.default :
+            movaAppType === Enums_1.MovaAppType.INDIVIDUAL ? logo_large_png_1.default :
                 movaAppType === Enums_1.MovaAppType.ADMIN ? logo_large_png_1.default : logo_large_png_1.default;
     };
     var handleOnClickLogin = function (e) {
@@ -155,6 +173,9 @@ var MovaLogin = function (_a) {
             history.push('/login');
         }
     };
+    var handleClickShowPassword = function () {
+        setShowPassword(function (prev) { return !prev; });
+    };
     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',
@@ -167,9 +188,20 @@ var MovaLogin = function (_a) {
                             display: 'flex',
                             flexDirection: 'column',
                             alignItems: 'center',
-                        } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getMovaLogo(), style: { width: '50%' } }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "button", sx: { pt: 2 } }, { children: "Nouveau compte utilisateur" }))] })), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ component: "form", onSubmit: handleSubmit, noValidate: true, sx: { mt: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, autoFocus: true, fullWidth: true, id: "firstname", label: "Pr\u00E9nom", name: "firstname", autoComplete: "given-name", onChange: function (e) { return handleInputChange(e); }, value: userForm.firstname.value, error: Boolean(userForm.firstname.error), helperText: userForm.firstname.error }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "lastname", label: "Nom", name: "lastname", autoComplete: "family-name", onChange: function (e) { return handleInputChange(e); }, value: userForm.lastname.value, error: Boolean(userForm.lastname.error), helperText: userForm.lastname.error }), (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 }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: "Mot de passe", type: "password", id: "password", autoComplete: "current-password", onChange: function (e) { return handleInputChange(e); }, value: userForm.password.value, error: !userForm.password.isValid, helperText: Boolean(userForm.password.error) ? userForm.password.error : "8 caractères minimum" }), (0, jsx_runtime_1.jsx)(GenderSelector_1.default, { handleSelectChange: handleSelectChange, form: userForm, required: true, sx: { width: '40%', mr: 2 } }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, name: "birthDate", label: "Date de naissance", type: "date", InputLabelProps: {
-                                    shrink: true,
-                                }, autoComplete: "bday", value: userForm.birthDate.value, error: !userForm.birthDate.isValid, helperText: userForm.birthDate.error, onChange: function (e) { return handleInputChange(e); }, sx: { width: '50%', float: 'right' } }), (0, jsx_runtime_1.jsxs)(material_1.FormControl, __assign({ error: !userForm.acceptsTerms.isValid }, { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { name: "acceptsTerms", color: "primary", checked: userForm.acceptsTerms.value, onChange: function (e, checked) { return handleCheckboxChange(e, checked); } }), label: (0, jsx_runtime_1.jsxs)("span", { children: ["J'accepte les", ' ', (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ href: "/terms-and-conditions", target: "_blank" }, { children: "Conditions G\u00E9n\u00E9rales d'Utilisation" }))] }) }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: userForm.acceptsTerms.error })] })), alertMessage && alertSeverity && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: alertSeverity, sx: { mb: 2 } }, { children: alertMessage })), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, __assign({ loading: loading, type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Cr\u00E9er mon compte" }) })), (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 handleOnClickLogin(e); } }, { children: "Se connecter" })) })) }))] })), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 4 } })] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: { position: 'fixed',
+                        } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getMovaLogo(), style: { width: '50%' } }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "button", sx: { pt: 2 } }, { children: "Nouveau compte utilisateur" }))] })), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ component: "form", onSubmit: handleSubmit, noValidate: true, sx: { mt: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, autoFocus: true, fullWidth: true, id: "firstname", label: "Pr\u00E9nom", name: "firstname", autoComplete: "given-name", onChange: function (e) { return handleInputChange(e); }, value: userForm.firstname.value, error: Boolean(userForm.firstname.error), helperText: userForm.firstname.error }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "lastname", label: "Nom", name: "lastname", autoComplete: "family-name", onChange: function (e) { return handleInputChange(e); }, value: userForm.lastname.value, error: Boolean(userForm.lastname.error), helperText: userForm.lastname.error }), (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 }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: "Mot de passe", type: showPassword ? 'text' : 'password', id: "password", autoComplete: "current-password", onChange: function (e) { return handleInputChange(e); }, value: userForm.password.value, error: !userForm.password.isValid, helperText: Boolean(userForm.password.error) ? userForm.password.error : "10 caractères minimum, 1 majuscule, 1 minuscule", 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: handleClickShowPassword }, { children: showPassword ? (0, jsx_runtime_1.jsx)(VisibilityOff_1.default, {}) : (0, jsx_runtime_1.jsx)(Visibility_1.default, {}) })) }))),
+                                } }), (0, jsx_runtime_1.jsx)(GenderSelector_1.default, { handleSelectChange: handleSelectChange, form: userForm, required: true, sx: { width: '40%', mr: 2 } }), (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, { label: "Date de naissance", value: userForm.birthDate.value, format: 'dd / MM / yyyy', formatDensity: 'dense', 
+                                //views={['day']}
+                                displayWeekNumber: true, onChange: function (newValue) { return handleDateChange('birthDate', newValue); }, slotProps: {
+                                    textField: {
+                                        required: true,
+                                        error: !userForm.birthDate.isValid,
+                                        sx: {
+                                            width: '50%', mt: 2, float: 'right',
+                                            padding: 0,
+                                        },
+                                    },
+                                } }), (0, jsx_runtime_1.jsxs)(material_1.FormControl, __assign({ error: !userForm.acceptsTerms.isValid }, { children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { name: "acceptsTerms", color: "primary", checked: userForm.acceptsTerms.value, onChange: function (e, checked) { return handleCheckboxChange(e, checked); } }), label: (0, jsx_runtime_1.jsxs)("span", { children: ["J'accepte les", ' ', (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ href: "/terms-and-conditions", target: "_blank" }, { children: "Conditions G\u00E9n\u00E9rales d'Utilisation" }))] }) }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: userForm.acceptsTerms.error })] })), alertMessage && alertSeverity && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: alertSeverity, sx: { mb: 2 } }, { children: alertMessage })), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, __assign({ loading: loading, type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Cr\u00E9er mon compte" }) })), (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 handleOnClickLogin(e); } }, { children: "Se connecter" })) })) }))] })), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 4 } })] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: { position: 'fixed',
                     float: 'right',
                     width: '250px',
                     height: '400px',

package/dist/src/QRCode.d.ts

@@ -1,4 +1,5 @@
 import { type FC } from 'react';
+import './QRCode.css';
 interface QRCodeProps {
     data?: string;
     showDownload?: boolean;

package/dist/src/QRCode.js

@@ -19,17 +19,15 @@ var react_1 = require("react");
 var leaf_yellow_small_png_1 = __importDefault(require("./assets/images/leaf_yellow_small.png"));
 var material_1 = require("@mui/material");
 var qr_code_styling_1 = __importDefault(require("qr-code-styling"));
+require("./QRCode.css");
 var styles = {
     inputWrapper: {
         margin: "20px 0",
         display: "flex",
         alignItems: 'center',
         justifyContent: "center",
-        width: '100%'
-    },
-    inputBox: {
-        flexGrow: 1,
-        marginRight: 20
+        width: '300px',
+        height: '300px'
     }
 };
 var QRCode = function (_a) {
@@ -38,9 +36,9 @@ var QRCode = function (_a) {
     // Le contenu du QR Code est transmis en props, sinon redirection vers ls site vitrine
     var defaultData = 'https://movalib.com';
     var _c = (0, react_1.useState)({
-        width: 300,
-        height: 300,
-        type: 'svg',
+        width: 600,
+        height: 600,
+        type: 'canvas',
         data: data !== null && data !== void 0 ? data : defaultData,
         image: leaf_yellow_small_png_1.default,
         margin: 10,
@@ -52,8 +50,7 @@ var QRCode = function (_a) {
         imageOptions: {
             hideBackgroundDots: true,
             imageSize: 0.4,
-            margin: 15,
-            crossOrigin: 'anonymous',
+            margin: 15
         },
         dotsOptions: {
             color: (0, material_1.darken)(theme.palette.primary.main, 0.3),
@@ -116,7 +113,11 @@ var QRCode = function (_a) {
             name: "movalib-qr-code"
         });
     };
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)("div", { ref: ref, style: styles.inputWrapper }), showDownload &&
-                (0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: { display: 'flex', justifyContent: 'center' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ variant: 'outlined', onClick: onDownloadClick, sx: { color: (0, material_1.darken)(theme.palette.primary.main, 0.2) } }, { children: "T\u00E9l\u00E9charger" })) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center'
+        } }, { children: [(0, jsx_runtime_1.jsx)("div", { ref: ref, style: styles.inputWrapper, className: 'qr-code' }), showDownload &&
+                (0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: { display: 'flex', justifyContent: 'center' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ variant: 'outlined', onClick: onDownloadClick, sx: { color: (0, material_1.darken)(theme.palette.primary.main, 0.2) } }, { children: "T\u00E9l\u00E9charger" })) }))] })));
 };
 exports.default = QRCode;

package/dist/src/ScheduleFields.d.ts

@@ -0,0 +1,24 @@
+import { FunctionComponent } from 'react';
+import Schedule from './models/Schedule';
+import { DayOfWeek } from './helpers/Enums';
+export declare const FR_WEEK_DAYS: string[];
+type DayInterval = {
+    startTime: Date | '' | null;
+    endTime: Date | '' | null;
+    countryCode: string;
+    error: string | null;
+};
+export type DaySchedule = {
+    day: DayOfWeek;
+    checked: boolean;
+    allDay: boolean;
+    intervals: DayInterval[];
+};
+interface ScheduleFieldsProps {
+    timePickerStep: number;
+    size: 'small' | 'medium';
+    onChange: (schedules: DaySchedule[]) => void;
+    schedules?: Schedule[] | undefined;
+}
+declare const ScheduleFields: FunctionComponent<ScheduleFieldsProps>;
+export default ScheduleFields;