@movalib/movalib-commons 1.0.67 → 1.0.69

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';
@@ -11,21 +11,130 @@ 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>
       <LocalizationProvider dateAdapter={AdapterDateFns} adapterLocale={frLocale}>
         <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 !');
-          } } />
+          <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"));
@@ -26,14 +49,84 @@ 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.jsx)(LocalizationProvider_1.LocalizationProvider, __assign({ dateAdapter: AdapterDateFns_1.AdapterDateFns, adapterLocale: fr_1.default }, { 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

@@ -125,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) {
@@ -171,7 +171,7 @@ var MovaLogin = function (_a) {
                             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: 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.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',
+                                } }), (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.js

@@ -163,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) {

package/dist/src/QRCode.css

@@ -0,0 +1,4 @@
+.qr-code canvas {
+    max-width: 300px !important;
+    width: 100%;
+}

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;