@movalib/movalib-commons 1.59.13 → 1.59.15

package/.env.development

@@ -1,3 +1,5 @@
 HTTPS=true
+SSL_CRT_FILE=/Users/Dimitri/localhost.pem
+SSL_KEY_FILE=/Users/Dimitri/localhost-key.pem
 REACT_APP_API_URL=https://localhost:8443/api
 REACT_APP_MOVALIB_APP_URL=https://localhost:3001

package/devIndex.tsx

@@ -21,7 +21,7 @@ import ScheduleFields, { DaySchedule } from './src/ScheduleFields';
 import Schedule from './src/models/Schedule';
 import { flexCenter } from './src/helpers/Tools';
 import AccountValidation from './src/AccountValidation';
-import VehiclePlateField from './src/VehiclePlateField';
+import VehiclePlateField from './src/components/vehicle/VehiclePlateField';
 import GaragePLV from './src/GaragePLV';
 import AddressFields from './src/AddressFields';
 import IbanInput from './src/IbanInput';

package/dist/devIndex.js

@@ -58,7 +58,7 @@ var ScheduleFields_1 = __importDefault(require("./src/ScheduleFields"));
 var Schedule_1 = __importDefault(require("./src/models/Schedule"));
 var Tools_1 = require("./src/helpers/Tools");
 var AccountValidation_1 = __importDefault(require("./src/AccountValidation"));
-var VehiclePlateField_1 = __importDefault(require("./src/VehiclePlateField"));
+var VehiclePlateField_1 = __importDefault(require("./src/components/vehicle/VehiclePlateField"));
 var GaragePLV_1 = __importDefault(require("./src/GaragePLV"));
 var AddressFields_1 = __importDefault(require("./src/AddressFields"));
 var IbanInput_1 = __importDefault(require("./src/IbanInput"));

package/dist/index.d.ts

@@ -2,18 +2,19 @@ export { default as VehicleService } from './src/services/VehicleService';
 export { default as AuthenticationService } from './src/services/AuthenticationService';
 export { default as GarageService } from './src/services/GarageService';
 export { default as UserService } from './src/services/UserService';
+export { default as UserConnected } from './src/services/UserConnected';
 export { default as DialogForgotPassword } from './src/DialogForgotPassword';
 export { default as IbanInput } from './src/IbanInput';
 export { default as GaragePLV } from './src/GaragePLV';
 export { default as AccountValidation } from './src/AccountValidation';
 export { default as AddressFields } from './src/AddressFields';
 export { default as ScheduleFields } from './src/ScheduleFields';
-export { default as VehicleFullCard } from './src/VehicleFullCard';
+export { default as VehicleFullCard } from './src/components/vehicle/VehicleFullCard';
 export { default as MovaDigitalPassport } from './src/MovaDigitalPassport';
 export { default as Loader } from './src/Loader';
 export { default as MovaDialog } from './src/MovaDialog';
 export { default as QRCode } from './src/QRCode';
-export { default as VehiclePlateField, regexPlate, oldRegexPlate } from './src/VehiclePlateField';
+export { default as VehiclePlateField, regexPlate, oldRegexPlate } from './src/components/vehicle/VehiclePlateField';
 export { default as TestButton } from './src/TestButton';
 export { default as MovaSnackbar } from './src/MovaSnackbar';
 export { default as MovaLogin } from './src/MovaLogin';
@@ -25,6 +26,7 @@ export { default as GenderSelector } from './src/GenderSelector';
 export { default as ActivateAccount } from './src/components/singup/ActivateAccount';
 export { QrCodePLVContainer } from './src/components/QrCodePLVContainer/QrCodePLVContainer';
 export { PLVComponent, PrintSize } from './src/components/QrCodePLVContainer/PLVComponent';
+export { LinkedDocumentDialog } from './src/components/LinkedDocumentDialog';
 export { default as Subscription } from './src/models/Subscription';
 export { default as Absence } from './src/models/Absence';
 export { default as Employee } from './src/models/Employee';
@@ -49,9 +51,10 @@ export type { APIRequest, APIResponse } from './src/helpers/ApiHelper';
 export type { DaySchedule, DayInterval } from './src/ScheduleFields';
 export type { MovaFormField, MovaLoginForm, MovaUserSignUpForm, MovaInterval, MovaVehicleForm, AddressFieldName, } from './src/helpers/Types';
 export { readCookie, deleteCookie } from './src/helpers/CookieUtils';
-export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel, capitalizeFirstLetter, flexLeftRow, formatPhoneNumber, getFormattedSchedule, getFormattedIntervals, findScheduleByDayOfWeek, getDayOfWeekLabel, isSafariOniOS, getApplicationsShortLabels, } from './src/helpers/Tools';
+export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel, capitalizeFirstLetter, flexLeftRow, formatPhoneNumber, getFormattedSchedule, getFormattedIntervals, findScheduleByDayOfWeek, getDayOfWeekLabel, isSafariOniOS, iAmOwner, getApplicationsShortLabels, } from './src/helpers/Tools';
 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 { 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';
+export { StyledToggleButton, StyledToggleButtonGroup } from './src/style/styled';

package/dist/index.js

@@ -4,8 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CategoryPrestation = exports.VehicleTire = exports.Event = exports.Schedule = exports.VehicleGarage = 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.ActivateAccount = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.oldRegexPlate = exports.regexPlate = 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.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 = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = void 0;
+exports.Event = exports.Schedule = exports.VehicleGarage = 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.LinkedDocumentDialog = exports.PrintSize = exports.PLVComponent = exports.QrCodePLVContainer = exports.ActivateAccount = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.oldRegexPlate = exports.regexPlate = 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.UserConnected = exports.UserService = exports.GarageService = exports.AuthenticationService = exports.VehicleService = void 0;
+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.iAmOwner = exports.isSafariOniOS = exports.getDayOfWeekLabel = exports.findScheduleByDayOfWeek = exports.getFormattedIntervals = exports.getFormattedSchedule = exports.formatPhoneNumber = exports.flexLeftRow = exports.capitalizeFirstLetter = exports.getApplicationShortLabel = exports.isEmpty = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.CategoryPrestation = exports.VehicleTire = void 0;
+exports.StyledToggleButtonGroup = exports.StyledToggleButton = exports.openDialogPrint = exports.APIMethod = 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; } });
@@ -15,6 +16,8 @@ var GarageService_1 = require("./src/services/GarageService");
 Object.defineProperty(exports, "GarageService", { enumerable: true, get: function () { return __importDefault(GarageService_1).default; } });
 var UserService_1 = require("./src/services/UserService");
 Object.defineProperty(exports, "UserService", { enumerable: true, get: function () { return __importDefault(UserService_1).default; } });
+var UserConnected_1 = require("./src/services/UserConnected");
+Object.defineProperty(exports, "UserConnected", { enumerable: true, get: function () { return __importDefault(UserConnected_1).default; } });
 // Export des composants
 var DialogForgotPassword_1 = require("./src/DialogForgotPassword");
 Object.defineProperty(exports, "DialogForgotPassword", { enumerable: true, get: function () { return __importDefault(DialogForgotPassword_1).default; } });
@@ -28,7 +31,7 @@ var AddressFields_1 = require("./src/AddressFields");
 Object.defineProperty(exports, "AddressFields", { enumerable: true, get: function () { return __importDefault(AddressFields_1).default; } });
 var ScheduleFields_1 = require("./src/ScheduleFields");
 Object.defineProperty(exports, "ScheduleFields", { enumerable: true, get: function () { return __importDefault(ScheduleFields_1).default; } });
-var VehicleFullCard_1 = require("./src/VehicleFullCard");
+var VehicleFullCard_1 = require("./src/components/vehicle/VehicleFullCard");
 Object.defineProperty(exports, "VehicleFullCard", { enumerable: true, get: function () { return __importDefault(VehicleFullCard_1).default; } });
 var MovaDigitalPassport_1 = require("./src/MovaDigitalPassport");
 Object.defineProperty(exports, "MovaDigitalPassport", { enumerable: true, get: function () { return __importDefault(MovaDigitalPassport_1).default; } });
@@ -38,7 +41,7 @@ var MovaDialog_1 = require("./src/MovaDialog");
 Object.defineProperty(exports, "MovaDialog", { enumerable: true, get: function () { return __importDefault(MovaDialog_1).default; } });
 var QRCode_1 = require("./src/QRCode");
 Object.defineProperty(exports, "QRCode", { enumerable: true, get: function () { return __importDefault(QRCode_1).default; } });
-var VehiclePlateField_1 = require("./src/VehiclePlateField");
+var VehiclePlateField_1 = require("./src/components/vehicle/VehiclePlateField");
 Object.defineProperty(exports, "VehiclePlateField", { enumerable: true, get: function () { return __importDefault(VehiclePlateField_1).default; } });
 Object.defineProperty(exports, "regexPlate", { enumerable: true, get: function () { return VehiclePlateField_1.regexPlate; } });
 Object.defineProperty(exports, "oldRegexPlate", { enumerable: true, get: function () { return VehiclePlateField_1.oldRegexPlate; } });
@@ -65,6 +68,8 @@ Object.defineProperty(exports, "QrCodePLVContainer", { enumerable: true, get: fu
 var PLVComponent_1 = require("./src/components/QrCodePLVContainer/PLVComponent");
 Object.defineProperty(exports, "PLVComponent", { enumerable: true, get: function () { return PLVComponent_1.PLVComponent; } });
 Object.defineProperty(exports, "PrintSize", { enumerable: true, get: function () { return PLVComponent_1.PrintSize; } });
+var LinkedDocumentDialog_1 = require("./src/components/LinkedDocumentDialog");
+Object.defineProperty(exports, "LinkedDocumentDialog", { enumerable: true, get: function () { return LinkedDocumentDialog_1.LinkedDocumentDialog; } });
 // Export des classes
 var Subscription_1 = require("./src/models/Subscription");
 Object.defineProperty(exports, "Subscription", { enumerable: true, get: function () { return __importDefault(Subscription_1).default; } });
@@ -124,6 +129,7 @@ Object.defineProperty(exports, "getFormattedIntervals", { enumerable: true, get:
 Object.defineProperty(exports, "findScheduleByDayOfWeek", { enumerable: true, get: function () { return Tools_1.findScheduleByDayOfWeek; } });
 Object.defineProperty(exports, "getDayOfWeekLabel", { enumerable: true, get: function () { return Tools_1.getDayOfWeekLabel; } });
 Object.defineProperty(exports, "isSafariOniOS", { enumerable: true, get: function () { return Tools_1.isSafariOniOS; } });
+Object.defineProperty(exports, "iAmOwner", { enumerable: true, get: function () { return Tools_1.iAmOwner; } });
 Object.defineProperty(exports, "getApplicationsShortLabels", { enumerable: true, get: function () { return Tools_1.getApplicationsShortLabels; } });
 var Validator_1 = require("./src/helpers/Validator");
 Object.defineProperty(exports, "validatePhoneNumber", { enumerable: true, get: function () { return Validator_1.validatePhoneNumber; } });
@@ -165,3 +171,7 @@ Object.defineProperty(exports, "APIMethod", { enumerable: true, get: function ()
 // Export des utils
 var DialogPrint_1 = require("./src/utils/DialogPrint");
 Object.defineProperty(exports, "openDialogPrint", { enumerable: true, get: function () { return DialogPrint_1.openDialogPrint; } });
+// Export des styles
+var styled_1 = require("./src/style/styled");
+Object.defineProperty(exports, "StyledToggleButton", { enumerable: true, get: function () { return styled_1.StyledToggleButton; } });
+Object.defineProperty(exports, "StyledToggleButtonGroup", { enumerable: true, get: function () { return styled_1.StyledToggleButtonGroup; } });

package/dist/src/components/LinkedDocumentDialog.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { DocumentType, MovaAppType } from "../helpers/Enums";
+type LinkedDocumentDialog = {
+    isShowLinkedDocument: boolean;
+    toggleShowLinkedDocument: (docType: DocumentType | null) => void;
+    isVehicle: boolean;
+    message?: JSX.Element;
+    appType: MovaAppType;
+};
+export declare const LinkedDocumentDialog: ({ isShowLinkedDocument, toggleShowLinkedDocument, isVehicle, message, appType, }: LinkedDocumentDialog) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/LinkedDocumentDialog.js

@@ -0,0 +1,55 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkedDocumentDialog = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
+var theme_1 = __importDefault(require("../../theme"));
+var DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var icons_material_1 = require("@mui/icons-material");
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
+var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+var DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Enums_1 = require("../helpers/Enums");
+var react_1 = require("react");
+var material_1 = require("@mui/material");
+var styled_1 = require("../style/styled");
+var LinkedDocumentDialog = function (_a) {
+    var isShowLinkedDocument = _a.isShowLinkedDocument, toggleShowLinkedDocument = _a.toggleShowLinkedDocument, isVehicle = _a.isVehicle, message = _a.message, appType = _a.appType;
+    var _b = (0, react_1.useState)(null), selectedTypeDocument = _b[0], setSelectedTypeDocument = _b[1];
+    var isMobile = (0, material_1.useMediaQuery)(theme_1.default.breakpoints.down('md'));
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, __assign({ open: isShowLinkedDocument, fullWidth: true, maxWidth: 'md', onClose: function () { return toggleShowLinkedDocument(null); }, "aria-labelledby": 'alert-dialog-title', "aria-describedby": 'alert-dialog-description' }, { children: [(0, jsx_runtime_1.jsx)(Toolbar_1.default, __assign({ disableGutters: true, sx: {
+                    display: 'block',
+                    background: theme_1.default.palette.grey[200],
+                    minHeight: 3,
+                    p: 0,
+                } }, { children: (0, jsx_runtime_1.jsx)(DialogTitle_1.default, __assign({ id: 'search-dialog-title' }, { children: (0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ position: 'relative', sx: { display: 'flex', flexDirection: 'row', justifyContent: 'space-between' } }, { children: [(0, jsx_runtime_1.jsx)(icons_material_1.FindInPage, { sx: { height: '30px', width: '30px' } }), (0, jsx_runtime_1.jsx)(Typography_1.default, __assign({ variant: 'h6', sx: {
+                                    textTransform: 'uppercase',
+                                    fontStyle: 'bold',
+                                    textAlign: 'center',
+                                } }, { children: "Quel type de document ?" })), (0, jsx_runtime_1.jsx)(IconButton_1.default, __assign({ size: 'small', "aria-label": 'close', onClick: function () { return toggleShowLinkedDocument(null); }, title: 'Fermer' }, { children: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, {}) }))] })) })) })), (0, jsx_runtime_1.jsxs)(DialogContent_1.default, __assign({ sx: { textAlign: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.ToggleButtonGroup, __assign({ orientation: isMobile ? 'vertical' : 'horizontal', size: 'small', value: selectedTypeDocument, exclusive: true, onChange: function (_, value) {
+                            setSelectedTypeDocument(value);
+                        }, "aria-label": 'update-scheduling-alert', sx: { gap: 3, flexWrap: 'wrap', justifyContent: 'center' } }, { children: isVehicle ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styled_1.StyledToggleButton, __assign({ size: 'small', sx: { width: '230px' }, customSelectedBackgroundColor: theme_1.default.palette.primary.main, customHoverColor: theme_1.default.palette.primary.light, value: Enums_1.DocumentType.VEHICLE_TIRE_PHOTO, selected: selectedTypeDocument === Enums_1.DocumentType.VEHICLE_TIRE_PHOTO, "aria-label": 'document tire' }, { children: (0, jsx_runtime_1.jsx)("b", { children: "Photo pneu" }) })), appType === Enums_1.MovaAppType.INDIVIDUAL && ((0, jsx_runtime_1.jsx)(styled_1.StyledToggleButton, __assign({ size: 'small', sx: { width: '230px' }, customSelectedBackgroundColor: theme_1.default.palette.primary.main, customHoverColor: theme_1.default.palette.primary.light, value: Enums_1.DocumentType.VEHICLE_MAINTENANCE_INVOICE, selected: selectedTypeDocument === Enums_1.DocumentType.VEHICLE_MAINTENANCE_INVOICE, "aria-label": 'invoice document' }, { children: (0, jsx_runtime_1.jsx)("b", { children: "Facture" }) }))), (0, jsx_runtime_1.jsx)(styled_1.StyledToggleButton, __assign({ size: 'small', sx: { width: '230px' }, customSelectedBackgroundColor: theme_1.default.palette.primary.main, customHoverColor: theme_1.default.palette.primary.light, value: Enums_1.DocumentType.VEHICLE_INSPECTION, selected: selectedTypeDocument === Enums_1.DocumentType.VEHICLE_INSPECTION, "aria-label": 'vehicule inspection docuemnt' }, { children: (0, jsx_runtime_1.jsx)("b", { children: "Contr\u00F4le technique" }) })), (0, jsx_runtime_1.jsx)(styled_1.StyledToggleButton, __assign({ size: 'small', sx: { width: '230px' }, customSelectedBackgroundColor: theme_1.default.palette.primary.main, customHoverColor: theme_1.default.palette.primary.light, value: Enums_1.DocumentType.VEHICLE_OTHER, selected: selectedTypeDocument === Enums_1.DocumentType.VEHICLE_OTHER, "aria-label": 'vehicule document other' }, { children: (0, jsx_runtime_1.jsx)("b", { children: "Autre" }) }))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styled_1.StyledToggleButton, __assign({ size: 'small', sx: { width: '230px' }, customSelectedBackgroundColor: theme_1.default.palette.primary.main, customHoverColor: theme_1.default.palette.primary.light, value: Enums_1.DocumentType.EVENT_VISUAL_PROOFS, selected: selectedTypeDocument === Enums_1.DocumentType.EVENT_VISUAL_PROOFS, "aria-label": 'event visual proof document' }, { children: (0, jsx_runtime_1.jsx)("b", { children: "Photos et Preuves Visuelles" }) })), (0, jsx_runtime_1.jsx)(styled_1.StyledToggleButton, __assign({ size: 'small', sx: { width: '230px' }, customSelectedBackgroundColor: theme_1.default.palette.primary.main, customHoverColor: theme_1.default.palette.primary.light, value: Enums_1.DocumentType.EVENT_OTHER, selected: selectedTypeDocument === Enums_1.DocumentType.EVENT_OTHER, "aria-label": 'event document other' }, { children: (0, jsx_runtime_1.jsx)("b", { children: "Autre" }) }))] })) })), message && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: message }))] })), (0, jsx_runtime_1.jsxs)(DialogActions_1.default, __assign({ sx: {
+                    py: 1,
+                    backgroundColor: theme_1.default.palette.grey[200],
+                } }, { children: [(0, jsx_runtime_1.jsx)(Button_1.default, __assign({ color: 'inherit', onClick: function () { return toggleShowLinkedDocument(null); } }, { children: "Annuler" })), (0, jsx_runtime_1.jsx)(Box_1.default, { sx: { flexGrow: 1 } }), (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ color: 'primary', autoFocus: true, sx: { ml: 1 }, disabled: !selectedTypeDocument, onClick: function () { return toggleShowLinkedDocument(selectedTypeDocument); } }, { children: (0, jsx_runtime_1.jsx)("b", { children: "Valider" }) }))] }))] })));
+};
+exports.LinkedDocumentDialog = LinkedDocumentDialog;

package/dist/src/{VehicleFullCard.d.ts → components/vehicle/VehicleFullCard.d.ts}

@@ -1,16 +1,19 @@
 import { type FC } from 'react';
-import { MovaVehicleForm } from './helpers/Types';
-import Vehicle from './models/Vehicle';
+import { MovaVehicleForm } from '../../helpers/Types';
+import Vehicle from '../../models/Vehicle';
+import { MovaAppType } from '../../helpers/Enums';
 interface VehicleFullCardProps {
     vehicle: Vehicle;
     onError: (message: string) => void;
     onUploadDocument: (data: FormData) => void;
     onDeleteDocument: (documentId: string) => void;
     editMode: boolean;
+    appType: MovaAppType;
     fullwidth?: boolean;
     focused?: boolean;
     onUpdate?: (form: MovaVehicleForm) => void;
     onDelete?: () => void;
+    currentUpload: boolean;
 }
 declare const VehicleFullCard: FC<VehicleFullCardProps>;
 export default VehicleFullCard;

package/dist/src/{VehicleFullCard.js → components/vehicle/VehicleFullCard.js}

@@ -17,17 +17,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_1 = require("react");
-var car_figure_png_1 = __importDefault(require("./assets/images/car_figure.png"));
-var MovaVehicleTireField_1 = __importDefault(require("./MovaVehicleTireField"));
-var ConfirmationDialog_1 = __importDefault(require("./ConfirmationDialog"));
-var Enums_1 = require("./helpers/Enums");
-var Tools_1 = require("./helpers/Tools");
-var MovaDigitalPassport_1 = __importDefault(require("./MovaDigitalPassport"));
-var DateUtils_1 = require("./helpers/DateUtils");
+var car_figure_png_1 = __importDefault(require("../../assets/images/car_figure.png"));
+var MovaVehicleTireField_1 = __importDefault(require("../../MovaVehicleTireField"));
+var ConfirmationDialog_1 = __importDefault(require("../../ConfirmationDialog"));
+var Enums_1 = require("../../helpers/Enums");
+var Tools_1 = require("../../helpers/Tools");
+var MovaDigitalPassport_1 = __importDefault(require("../../MovaDigitalPassport"));
+var DateUtils_1 = require("../../helpers/DateUtils");
 var CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
 var EditRounded_1 = __importDefault(require("@mui/icons-material/EditRounded"));
 var CloseRounded_2 = __importDefault(require("@mui/icons-material/CloseRounded"));
-var Logger_1 = __importDefault(require("./helpers/Logger"));
+var Logger_1 = __importDefault(require("../../helpers/Logger"));
+var icons_material_1 = require("@mui/icons-material");
+var LinkedDocumentDialog_1 = require("../LinkedDocumentDialog");
 var initialUserFormState = {
     currentMileage: { value: null, isValid: true },
     averageMileagePerYear: { value: null, isValid: true },
@@ -38,18 +40,22 @@ var initialUserFormState = {
     tireSpeedIndex: { value: '', isValid: true }
 };
 var VehicleFullCard = function (_a) {
-    var _b, _c;
-    var vehicle = _a.vehicle, fullwidth = _a.fullwidth, onError = _a.onError, onUploadDocument = _a.onUploadDocument, onDeleteDocument = _a.onDeleteDocument, _d = _a.editMode, editMode = _d === void 0 ? false : _d, _e = _a.focused, focused = _e === void 0 ? false : _e, onUpdate = _a.onUpdate, onDelete = _a.onDelete;
+    var _b;
+    var vehicle = _a.vehicle, fullwidth = _a.fullwidth, onError = _a.onError, onUploadDocument = _a.onUploadDocument, onDeleteDocument = _a.onDeleteDocument, appType = _a.appType, _c = _a.editMode, editMode = _c === void 0 ? false : _c, _d = _a.focused, focused = _d === void 0 ? false : _d, onUpdate = _a.onUpdate, onDelete = _a.onDelete, currentUpload = _a.currentUpload;
     var theme = (0, material_1.useTheme)();
-    var _f = (0, react_1.useState)(editMode), localEditMode = _f[0], setLocalEditMode = _f[1];
-    var _g = (0, react_1.useState)(false), openConfirmDocumentDelete = _g[0], setOpenConfirmDocumentDelete = _g[1];
-    var _h = (0, react_1.useState)(false), openConfirmVehicleDelete = _h[0], setOpenConfirmVehicleDelete = _h[1];
-    var _j = (0, react_1.useState)(''), documentToDelete = _j[0], setDocumentToDelete = _j[1];
+    var _e = (0, react_1.useState)(editMode), localEditMode = _e[0], setLocalEditMode = _e[1];
+    var _f = (0, react_1.useState)(false), openConfirmDocumentDelete = _f[0], setOpenConfirmDocumentDelete = _f[1];
+    var _g = (0, react_1.useState)(false), openConfirmVehicleDelete = _g[0], setOpenConfirmVehicleDelete = _g[1];
+    var _h = (0, react_1.useState)(''), documentToDelete = _h[0], setDocumentToDelete = _h[1];
+    var _j = (0, react_1.useState)(false), sizeLimit = _j[0], setSizeLimit = _j[1];
     // Formulaire utilisé pour les modifications d'informations sur le véhicule
     var _k = (0, react_1.useState)(initialUserFormState), form = _k[0], setForm = _k[1];
     // Références aux éventuels documents uploadés depuis la fiche
     var invoiceInputRef = (0, react_1.useRef)(null);
     var tirePictureInputRef = (0, react_1.useRef)(null);
+    var _l = (0, react_1.useState)(false), isShowLinkedDocument = _l[0], setShowLinkedDocument = _l[1];
+    var docTypeCurrent = (0, react_1.useRef)();
+    var messageRGPD = appType === Enums_1.MovaAppType.INDIVIDUAL ? (0, jsx_runtime_1.jsx)(material_1.Box, {}) : (0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: { mt: 2 } }, { children: (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: 'warning' }, { children: "Vous \u00EAtes responsable des documents que vous importez, en ajoutant un document vous reconnaissez disposer du consentement explicite du client pour le stockage de ses donn\u00E9es conform\u00E9ment \u00E0 la r\u00E9glementation RGPD." })) }));
     (0, react_1.useEffect)(function () {
         setLocalEditMode(editMode);
     }, [editMode]);
@@ -91,6 +97,16 @@ var VehicleFullCard = function (_a) {
             Logger_1.default.info(form);
         }
     };
+    var toggleShowLinkedDocument = function (docType) {
+        setShowLinkedDocument(!isShowLinkedDocument);
+        if (docType && invoiceInputRef.current) {
+            docTypeCurrent.current = docType;
+            invoiceInputRef.current.click();
+        }
+        else {
+            docTypeCurrent.current = undefined;
+        }
+    };
     var isVehicleTireSizeDefined = function (vehicle) {
         return vehicle.tireSize && vehicle.tireSize.diameter && vehicle.tireSize.height && vehicle.tireSize.speedIndex && vehicle.tireSize.width;
     };
@@ -115,6 +131,10 @@ var VehicleFullCard = function (_a) {
         setForm(__assign(__assign({}, form), newField));
     };
     var uploadVehicleDocument = function (document, documentType) {
+        if (document.size > 10000000) {
+            setSizeLimit(true);
+            return;
+        }
         if (vehicle && document && documentType) {
             // Utilisation d'un formData pour permettre le trasnfert de fichier vers l'API
             var formData = new FormData();
@@ -203,9 +223,11 @@ var VehicleFullCard = function (_a) {
         }
     };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [vehicle &&
-                (0, jsx_runtime_1.jsxs)(material_1.Card, __assign({ variant: 'outlined', sx: { maxWidth: fullwidth ? '80%' : 345,
+                (0, jsx_runtime_1.jsxs)(material_1.Card, __assign({ variant: 'outlined', sx: {
+                        maxWidth: fullwidth ? '80%' : 345,
                         backgroundColor: focused ? theme.palette.primary.light : 'white',
-                        overflow: 'visible', mt: 4, pb: 1 } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: car_figure_png_1.default, style: {
+                        overflow: 'visible', mt: 4, pb: 1
+                    } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: car_figure_png_1.default, style: {
                                 position: 'relative',
                                 width: '40%',
                                 top: '-25px',
@@ -217,12 +239,12 @@ var VehicleFullCard = function (_a) {
                                                     '& input': { textTransform: 'uppercase' } // CSS pour forcer les majuscules dans l'input
                                                 }, helperText: Boolean(form.currentMileage.error && form.currentMileage.value > 0)
                                                     ? form.currentMileage.error : "Sur votre tableau de bord 😉" }) })), !localEditMode && (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, textAlign: 'justify', sx: { pt: 2 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 8 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "body1", color: "text.secondary" }, { children: "Km moyen annuel :" })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 4, sx: { textAlign: 'right' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "body1", color: "text.secondary" }, { children: (0, jsx_runtime_1.jsxs)("b", { children: [vehicle.averageMileagePerYear, " km"] }) })) }))] })), localEditMode && (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, __assign({ fullWidth: true, margin: "normal", error: Boolean(form.averageMileagePerYear.error) }, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, __assign({ id: "averageMileagePerYear-label" }, { children: "Kilom\u00E9trage moyen annuel" })), (0, jsx_runtime_1.jsxs)(material_1.Select, __assign({ labelId: "averageMileagePerYear-label", id: "averageMileagePerYear", name: "averageMileagePerYear", value: form.averageMileagePerYear.value ?
-                                                            String(form.averageMileagePerYear.value) : '', onChange: function (e) { return handleSelectChange(e); }, label: "Kilom\u00E9trage moyen annuel" }, { children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 5000 }, { children: "5 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 10000 }, { children: "10 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 15000 }, { children: "15 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 20000 }, { children: "20 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 25000 }, { children: "25 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 30000 }, { children: "30 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 50000 }, { children: "50 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 75000 }, { children: "75 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 100000 }, { children: "100 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 999999 }, { children: "+100 000" }))] })), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: form.averageMileagePerYear.error })] })) })), !localEditMode && (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, textAlign: 'justify', sx: { pt: 2 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "body1", color: "text.secondary" }, { children: "Pneumatiques :" })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { textAlign: 'right' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "body1", color: "text.secondary" }, { children: isVehicleTireSizeDefined(vehicle) ? (0, jsx_runtime_1.jsx)("b", { children: (0, Tools_1.formatVehicleTire)(vehicle.tireSize) }) : '-' })) }))] })), localEditMode && (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, sx: { mt: 1 } }, { children: (0, jsx_runtime_1.jsx)(MovaVehicleTireField_1.default, { vehicleTire: form.tireSize.value, onChangeVehicleTire: handleOnChangeVehicleTire }) }))] })), !localEditMode && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "h6", component: "div", align: "center", sx: { mt: 3, mb: 1 }, color: (0, material_1.darken)(theme.palette.primary.main, 0.2) }, { children: "CARNET DU V\u00C9HICULE" })) })), vehicle.documents && ((_b = vehicle.documents) === null || _b === void 0 ? void 0 : _b.filter(function (doc) { return doc.type === Enums_1.DocumentType.VEHICLE_MAINTENANCE_INVOICE; }).map(function (invoice, index) { return ((0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, sx: { justifyContent: 'space-between', alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 11, sx: { textAlign: 'left' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ color: (0, material_1.darken)('#F29ABA', 0.2), href: invoice.fileSignedUrl, target: "_blank", rel: "noopener" }, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "body1" }, { children: ["Facture du ", (0, DateUtils_1.formatDateByCountryCode)(invoice.creationDate, 'fr', Enums_1.DateFormatTypes.SHORT_FORMAT_DATE)] })) })) }), (index + 1) * 50), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 1, sx: { textAlign: 'right' } }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ onClick: function (e) { return handleDeleteDocument(e, invoice.id); } }, { children: (0, jsx_runtime_1.jsx)(CloseRounded_2.default, {}) })) }), (index + 1) * 100)] }), index + 1)); })), vehicle.documents && ((_c = vehicle.documents) === null || _c === void 0 ? void 0 : _c.filter(function (doc) { return doc.type === Enums_1.DocumentType.VEHICLE_TIRE_PHOTO; }).map(function (tirePhoto, index) { return ((0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, sx: { justifyContent: 'space-between', alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 11, sx: { textAlign: 'left' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ color: (0, material_1.darken)('#F29ABA', 0.2), href: tirePhoto.fileSignedUrl, target: "_blank", rel: "noopener" }, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "body1" }, { children: ["Photo pneu du ", (0, DateUtils_1.formatDateByCountryCode)(tirePhoto.creationDate, 'fr', Enums_1.DateFormatTypes.SHORT_FORMAT_DATE)] })) })) }), (index + 1) * 50), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 1, sx: { textAlign: 'right' } }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ onClick: function (e) { return handleDeleteDocument(e, tirePhoto.id); } }, { children: (0, jsx_runtime_1.jsx)(CloseRounded_2.default, {}) })) }), (index + 1) * 100)] }), index + 1)); })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { mt: 2, textAlign: 'center' } }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", { accept: "image/*, application/pdf", type: "file", style: { display: 'none' }, ref: invoiceInputRef, id: "raised-button-invoice", onChange: function (e) { return handleFileChange(e, Enums_1.DocumentType.VEHICLE_MAINTENANCE_INVOICE); } }), (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "raised-button-invoice" }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ size: 'large', component: "span", variant: "outlined", sx: { alignItems: 'normal', width: '90%', mt: 2, mb: 1, height: '70px', p: 1,
-                                                                        color: (0, material_1.darken)(theme.palette.primary.main, 0.2) } }, { children: "Ajouter Facture" })) }))] }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { mt: 2, textAlign: 'center' } }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", { accept: "image/*", type: "file", style: { display: 'none' }, ref: tirePictureInputRef, id: "raised-button-tire", onChange: function (e) { return handleFileChange(e, Enums_1.DocumentType.VEHICLE_TIRE_PHOTO); } }), (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "raised-button-tire" }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ component: "span", variant: "outlined", sx: { alignItems: 'normal', width: '90%', mt: 2, mb: 1, height: '70px', p: 1,
-                                                                        color: (0, material_1.darken)(theme.palette.primary.main, 0.2) } }, { children: "Ajouter Photo Pneu" })) }))] }) }))] }))] })] })), (0, jsx_runtime_1.jsxs)(material_1.CardActions, __assign({ sx: { mt: 3, justifyContent: localEditMode ? 'center' : 'end' } }, { children: [!localEditMode &&
+                                                            String(form.averageMileagePerYear.value) : '', onChange: function (e) { return handleSelectChange(e); }, label: "Kilom\u00E9trage moyen annuel" }, { children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 5000 }, { children: "5 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 10000 }, { children: "10 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 15000 }, { children: "15 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 20000 }, { children: "20 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 25000 }, { children: "25 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 30000 }, { children: "30 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 50000 }, { children: "50 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 75000 }, { children: "75 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 100000 }, { children: "100 000" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 999999 }, { children: "+100 000" }))] })), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: form.averageMileagePerYear.error })] })) })), !localEditMode && (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, textAlign: 'justify', sx: { pt: 2 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "body1", color: "text.secondary" }, { children: "Pneumatiques :" })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { textAlign: 'right' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "body1", color: "text.secondary" }, { children: isVehicleTireSizeDefined(vehicle) ? (0, jsx_runtime_1.jsx)("b", { children: (0, Tools_1.formatVehicleTire)(vehicle.tireSize) }) : '-' })) }))] })), localEditMode && (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, sx: { mt: 1 } }, { children: (0, jsx_runtime_1.jsx)(MovaVehicleTireField_1.default, { vehicleTire: form.tireSize.value, onChangeVehicleTire: handleOnChangeVehicleTire }) }))] })), !localEditMode && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "h6", component: "div", align: "center", sx: { mt: 3, mb: 1 }, color: (0, material_1.darken)(theme.palette.primary.main, 0.2) }, { children: "CARNET DU V\u00C9HICULE" })) })), vehicle.documents && ((_b = vehicle.documents) === null || _b === void 0 ? void 0 : _b.map(function (invoice, index) { return ((0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, sx: { justifyContent: 'space-between', alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 11, sx: { textAlign: 'left' } }, { children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, __assign({ title: invoice.originalFileName }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ color: (0, material_1.darken)('#F29ABA', 0.2), href: invoice.fileSignedUrl, target: "_blank", rel: "noopener" }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "body1" }, { children: invoice.fileName + ' ' + (0, DateUtils_1.formatDateByCountryCode)(invoice.creationDate, 'fr', Enums_1.DateFormatTypes.SHORT_FORMAT_DATE) })) })) })) }), (index + 1) * 50), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 1, sx: { textAlign: 'right' } }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ disabled: !(0, Tools_1.iAmOwner)(invoice === null || invoice === void 0 ? void 0 : invoice.ownerId), onClick: function (e) { return handleDeleteDocument(e, invoice === null || invoice === void 0 ? void 0 : invoice.id); } }, { children: (0, jsx_runtime_1.jsx)(CloseRounded_2.default, {}) })) }), (index + 1) * 100)] }), index + 1)); })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, sx: { mt: 2, textAlign: 'center' } }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("input", { accept: "image/*, application/pdf", type: "file", style: { display: 'none' }, ref: invoiceInputRef, id: "raised-button-invoice", onChange: function (e) { return handleFileChange(e, docTypeCurrent.current); } }), (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ size: 'large', disabled: currentUpload, onClick: function () { return setShowLinkedDocument(true); }, component: "span", variant: "outlined", startIcon: (0, jsx_runtime_1.jsx)(icons_material_1.AttachFile, {}), sx: { alignItems: 'center', width: '90%', mt: 2, mb: 1, height: '50px', p: 1, color: (0, material_1.darken)(theme.palette.primary.main, 0.2) } }, { children: "Ajouter un document" })), currentUpload && (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: 'body2', sx: { animation: 'blink 1.5s infinite' } }, { children: "Document en cours d'importation..." })), sizeLimit && (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: 'body1', sx: { animation: 'blink 1.5s infinite' }, color: theme.palette.warning.dark }, { children: "Echec de l'importation car la taille du fichier d\u00E9passe 10Mo" })), !sizeLimit && (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: 'body2' }, { children: "Taille maximale du fichier : 10Mo" }))] }) })) }))] })] })), (0, jsx_runtime_1.jsxs)(material_1.CardActions, __assign({ sx: { mt: 3, justifyContent: localEditMode ? 'center' : 'end' } }, { children: [!localEditMode &&
                                     (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Button, __assign({ onClick: handleOnClickEdit, color: "inherit", sx: { width: '45%' }, variant: 'text' }, { children: [(0, jsx_runtime_1.jsx)(EditRounded_1.default, { sx: { mr: 1 } }), "MODIFIER"] })) }), localEditMode &&
-                                    (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Button, __assign({ onClick: handleOnClickCancel, sx: { width: '45%', color: theme.palette.text.secondary }, variant: 'text' }, { children: [(0, jsx_runtime_1.jsx)(CloseRounded_1.default, { sx: { mr: 1 } }), "ANNULER"] })), (0, jsx_runtime_1.jsxs)(material_1.Button, __assign({ onClick: handleOnClickValidate, sx: { width: '45%', color: (0, material_1.darken)(theme.palette.primary.main, 0.2) }, variant: 'text' }, { children: [(0, jsx_runtime_1.jsx)(EditRounded_1.default, { sx: { mr: 1 } }), "VALIDER"] }))] })] }))] })), localEditMode && onDelete &&
-                (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: function (e) { return handleOnClickDeleteVehicle(e); }, sx: { width: '90', mt: 4, color: theme.palette.error.light,
-                        borderColor: theme.palette.error.light }, variant: 'outlined' }, { children: "Supprimer le v\u00E9hicule" })), (0, jsx_runtime_1.jsx)(ConfirmationDialog_1.default, { open: openConfirmDocumentDelete, onClose: handleCloseConfirmDocumentDelete, onConfirm: handleConfirmDocumentDelete, message: "\u00CAtes-vous s\u00FBr de vouloir supprimer ce document ?" }), (0, jsx_runtime_1.jsx)(ConfirmationDialog_1.default, { open: openConfirmVehicleDelete, onClose: handleCloseConfirmVehicleDelete, onConfirm: handleConfirmVehicleDelete, message: "\u00CAtes-vous s\u00FBr de vouloir supprimer ce v\u00E9hicule ?" })] }));
+                                    (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Button, __assign({ onClick: handleOnClickCancel, sx: { width: '45%', color: theme.palette.text.secondary }, variant: 'text' }, { children: [(0, jsx_runtime_1.jsx)(CloseRounded_1.default, { sx: { mr: 1 } }), "ANNULER"] })), (0, jsx_runtime_1.jsxs)(material_1.Button, __assign({ onClick: handleOnClickValidate, sx: { width: '45%', color: (0, material_1.darken)(theme.palette.primary.main, 0.2) }, variant: 'text' }, { children: [(0, jsx_runtime_1.jsx)(EditRounded_1.default, { sx: { mr: 1 } }), "VALIDER"] }))] })] }))] })), isShowLinkedDocument && (0, jsx_runtime_1.jsx)(LinkedDocumentDialog_1.LinkedDocumentDialog, { isVehicle: true, isShowLinkedDocument: isShowLinkedDocument, appType: appType, toggleShowLinkedDocument: toggleShowLinkedDocument, message: messageRGPD }), localEditMode && onDelete &&
+                (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: function (e) { return handleOnClickDeleteVehicle(e); }, sx: {
+                        width: '90', mt: 4, color: theme.palette.error.light,
+                        borderColor: theme.palette.error.light
+                    }, variant: 'outlined' }, { children: "Supprimer le v\u00E9hicule" })), (0, jsx_runtime_1.jsx)(ConfirmationDialog_1.default, { open: openConfirmDocumentDelete, onClose: handleCloseConfirmDocumentDelete, onConfirm: handleConfirmDocumentDelete, message: "\u00CAtes-vous s\u00FBr de vouloir supprimer ce document ?" }), (0, jsx_runtime_1.jsx)(ConfirmationDialog_1.default, { open: openConfirmVehicleDelete, onClose: handleCloseConfirmVehicleDelete, onConfirm: handleConfirmVehicleDelete, message: "\u00CAtes-vous s\u00FBr de vouloir supprimer ce v\u00E9hicule ?" })] }));
 };
 exports.default = VehicleFullCard;

package/dist/src/components/vehicle/VehiclePlateField.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'react';
+interface VehiclePlateFieldProps {
+    onValidVehiclePlate: (vehiclePlate: string) => void;
+}
+export declare const regexPlate: RegExp;
+export declare const oldRegexPlate: RegExp;
+declare const VehiclePlateField: FunctionComponent<VehiclePlateFieldProps>;
+export default VehiclePlateField;

package/dist/src/components/vehicle/VehiclePlateField.js

@@ -0,0 +1,122 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.oldRegexPlate = exports.regexPlate = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var material_1 = require("@mui/material");
+var SearchRounded_1 = __importDefault(require("@mui/icons-material/SearchRounded"));
+var Enums_1 = require("../../helpers/Enums");
+var Logger_1 = __importDefault(require("../../helpers/Logger"));
+// Regex pour une plaque d'immatriculation française (nouveau format SIV)
+exports.regexPlate = /^[A-Z]{2}-\d{3}-[A-Z]{2}$/;
+// Regex pour une plaque d'immatriculation française (ancien format FNI)
+exports.oldRegexPlate = /^\d{1,4}[ -]?[A-Z]{1,4}[ -]?\d{1,4}$/;
+var VehiclePlateField = function (_a) {
+    var onValidVehiclePlate = _a.onValidVehiclePlate;
+    var _b = (0, react_1.useState)(''), value = _b[0], setValue = _b[1];
+    var _c = (0, react_1.useState)(false), error = _c[0], setError = _c[1];
+    var _d = (0, react_1.useState)(0), lastLength = _d[0], setLastLength = _d[1]; // Ajout d'un état pour stocker la longueur précédente
+    var _e = (0, react_1.useState)(''), helperText = _e[0], setHelperText = _e[1];
+    // Hook de validation de la plaque
+    (0, react_1.useEffect)(function () {
+        if (!error && value !== '' && value.match(exports.regexPlate)) {
+            onValidVehiclePlate(value);
+        }
+    }, [error, value, onValidVehiclePlate]);
+    var getPlateFormat = function (plate) {
+        if (plate === '') {
+            // Si la saisie est vide, retournez un format par défaut (nouveau format, par exemple)
+            return undefined;
+        }
+        if (/^[A-Za-z]/.test(plate)) {
+            // Commence par une lettre => nouveau format
+            return Enums_1.VehiclePlateFormat.FRENCH_NEW;
+        }
+        else if (/^\d/.test(plate)) {
+            // Commence par un chiffre => ancien format
+            return Enums_1.VehiclePlateFormat.FRENCH_OLD;
+        }
+        else {
+            Logger_1.default.error("Format de plaque inconnu");
+            // On retourne le nouveau format par défaut
+            return Enums_1.VehiclePlateFormat.FRENCH_NEW;
+        }
+    };
+    var handleChange = function (e) {
+        var inputValue = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, ''); // Convertir en majuscules et supprimer les caractères non valides
+        // Si la saisie commence par une lettre, on contrôle l'ancien format, sinon le nouveau
+        switch (getPlateFormat(inputValue)) {
+            case Enums_1.VehiclePlateFormat.FRENCH_NEW: {
+                setHelperText((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Format d\u00E9tect\u00E9 : ", (0, jsx_runtime_1.jsx)("b", { children: "AA-111-AA" })] }));
+                handleChangeFrenchNew(inputValue);
+                break;
+            }
+            case Enums_1.VehiclePlateFormat.FRENCH_OLD: {
+                setHelperText((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Format d\u00E9tect\u00E9 (ancien) : ", (0, jsx_runtime_1.jsx)("b", { children: "1111 AAAA 1111" }), (0, jsx_runtime_1.jsx)("br", {}), "Pour lancer la recherche, cliquez sur ", (0, jsx_runtime_1.jsx)(SearchRounded_1.default, {})] }));
+                handleChangeFrenchOld(inputValue);
+                break;
+            }
+            case undefined: {
+                setHelperText('');
+                setValue('');
+            }
+        }
+    };
+    var validatePlate = function () {
+        if (exports.oldRegexPlate.test(value)) {
+            onValidVehiclePlate(value);
+        }
+        setError(!exports.oldRegexPlate.test(value));
+    };
+    var handleChangeFrenchOld = function (inputValue) {
+        // ON bloque la saisie à 12 caractères max (limite des anciennes plaques)
+        if (!(inputValue.length > 12)) {
+            setValue(inputValue);
+        }
+        setLastLength(inputValue.length); // Mettre à jour la longueur précédente
+    };
+    var handleChangeFrenchNew = function (inputValue) {
+        // Vérifier si l'utilisateur est en train de supprimer un caractère
+        var isDeleting = inputValue.length < lastLength;
+        // Supprimer les tirets pour avoir une chaîne propre
+        var cleanInput = inputValue.replace(/-/g, '');
+        // Ajouter des tirets aux positions appropriées
+        if (cleanInput.length > 1 && !(cleanInput.length == 2 && isDeleting)) {
+            inputValue = "".concat(cleanInput.slice(0, 2), "-").concat(cleanInput.slice(2));
+        }
+        if (cleanInput.length > 4 && !(cleanInput.length == 5 && isDeleting)) {
+            inputValue = "".concat(cleanInput.slice(0, 2), "-").concat(cleanInput.slice(2, 5), "-").concat(cleanInput.slice(5, 7));
+        }
+        setValue(inputValue);
+        // On teste la plaque une fois la saisie terminée
+        if (inputValue.length == 9) {
+            setError(!exports.regexPlate.test(inputValue));
+        }
+        else {
+            setError(false);
+        }
+        setLastLength(inputValue.length); // Mettre à jour la longueur précédente
+    };
+    return ((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Plaque d'immatriculation", variant: "outlined", value: value, onChange: handleChange, error: error, autoFocus: true, sx: {
+            width: '100%',
+            '& input': { textTransform: 'uppercase' } // CSS pour forcer les majuscules dans l'input
+        }, helperText: lastLength > 0 ? helperText : '', InputProps: {
+            endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, __assign({ position: "end", sx: { mr: 1, display: getPlateFormat(value) === Enums_1.VehiclePlateFormat.FRENCH_OLD ? 'inherit' : 'none' } }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ edge: "end", onClick: validatePlate }, { children: (0, jsx_runtime_1.jsx)(SearchRounded_1.default, {}) })) }))),
+        } }));
+};
+exports.default = VehiclePlateField;

package/dist/src/helpers/CookieUtils.js

@@ -9,8 +9,9 @@ exports.COOKIE_PRO_TOKEN = 'movalibProToken';
 exports.COOKIE_INDIVIDUAL_TOKEN = 'movalibIndividualToken';
 exports.COOKIE_DEFAULT_EXPIRES = 7;
 var createCookie = function (name, value) {
+    console.log('from lib', name, value);
     if (name && value) {
-        js_cookie_1.default.set(name, value, { expires: exports.COOKIE_DEFAULT_EXPIRES, sameSite: 'None', secure: true });
+        js_cookie_1.default.set(name, value, { expires: exports.COOKIE_DEFAULT_EXPIRES, sameSite: 'Lax' });
     }
 };
 exports.createCookie = createCookie;

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

@@ -151,6 +151,10 @@ export declare enum DigitalPassportIndex {
     C = "C"
 }
 export declare enum EventState {
+    /**
+     * Demande d'empreinte bancaire (pour validation de la demande de RDV)
+    */
+    REQUIRES_PAYMENT_AUTHORIZATION = "REQUIRES_PAYMENT_AUTHORIZATION",
     /**
      * Nouvelle demande de rendez-vous (origine client OU centre)
      */
@@ -207,8 +211,13 @@ export declare enum DocumentType {
     USER_BANK_DETAILS = "USER_BANK_DETAILS",
     USER_APPOINTMENT_QUOTE = "USER_APPOINTMENT_QUOTE",
     VEHICLE_MAINTENANCE_INVOICE = "VEHICLE_MAINTENANCE_INVOICE",
+    GARAGE_LOGO = "GARAGE_LOGO",
     VEHICLE_TIRE_PHOTO = "VEHICLE_TIRE_PHOTO",
-    GARAGE_LOGO = "GARAGE_LOGO"
+    VEHICLE_INSPECTION = "VEHICLE_INSPECTION",
+    VEHICLE_OTHER = "VEHICLE_OTHER",
+    EVENT_OTHER = "EVENT_OTHER",
+    EVENT_VISUAL_PROOFS = "EVENT_VISUAL_PROOFS",
+    EVENT_MAINTENANCE = "EVENT_MAINTENANCE"
 }
 export declare enum MovaAppType {
     /**

package/dist/src/helpers/Enums.js

@@ -173,6 +173,10 @@ var DigitalPassportIndex;
 })(DigitalPassportIndex = exports.DigitalPassportIndex || (exports.DigitalPassportIndex = {}));
 var EventState;
 (function (EventState) {
+    /**
+     * Demande d'empreinte bancaire (pour validation de la demande de RDV)
+    */
+    EventState["REQUIRES_PAYMENT_AUTHORIZATION"] = "REQUIRES_PAYMENT_AUTHORIZATION";
     /**
      * Nouvelle demande de rendez-vous (origine client OU centre)
      */
@@ -233,8 +237,13 @@ var DocumentType;
     DocumentType["USER_BANK_DETAILS"] = "USER_BANK_DETAILS";
     DocumentType["USER_APPOINTMENT_QUOTE"] = "USER_APPOINTMENT_QUOTE";
     DocumentType["VEHICLE_MAINTENANCE_INVOICE"] = "VEHICLE_MAINTENANCE_INVOICE";
-    DocumentType["VEHICLE_TIRE_PHOTO"] = "VEHICLE_TIRE_PHOTO";
     DocumentType["GARAGE_LOGO"] = "GARAGE_LOGO";
+    DocumentType["VEHICLE_TIRE_PHOTO"] = "VEHICLE_TIRE_PHOTO";
+    DocumentType["VEHICLE_INSPECTION"] = "VEHICLE_INSPECTION";
+    DocumentType["VEHICLE_OTHER"] = "VEHICLE_OTHER";
+    DocumentType["EVENT_OTHER"] = "EVENT_OTHER";
+    DocumentType["EVENT_VISUAL_PROOFS"] = "EVENT_VISUAL_PROOFS";
+    DocumentType["EVENT_MAINTENANCE"] = "EVENT_MAINTENANCE";
 })(DocumentType = exports.DocumentType || (exports.DocumentType = {}));
 var MovaAppType;
 (function (MovaAppType) {