@movalib/movalib-commons 1.0.59 → 1.0.61

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+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';
@@ -10,6 +11,7 @@ export { default as MovaCopyright } from './src/MovaCopyright';
 export { default as MovaVehicleTireField } from './src/MovaVehicleTireField';
 export { default as ConfirmationDialog } from './src/ConfirmationDialog';
 export { default as GenderSelector } from './src/GenderSelector';
+export { default as Logger } from './src/helpers/Logger';
 export { default as Customer } from './src/models/Customer';
 export { default as User } from './src/models/User';
 export { default as Role } from './src/models/Role';
@@ -21,6 +23,7 @@ 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 { MovaFormField, MovaLoginForm, MovaUserSignUpForm, MovaInterval, OriginReference } from './src/helpers/Types';
-export { validateField } from './src/helpers/Tools';
+export { validateField, formatVehicleTire, formatFrenchVehiclePlate } from './src/helpers/Tools';
 export { validatePhoneNumber, validateText, validateEmail } from './src/helpers/Validator';
-export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType, DigitalPassportIndex, DocumentState, Gender } from './src/helpers/Enums';
+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,8 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Gender = exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = exports.MovaAppType = exports.RoleType = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.validateField = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.Customer = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.VehiclePlateField = exports.QRCode = exports.MovaDialog = exports.Loader = 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.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 = void 0;
 // Export des composants
+var MovaDigitalPassport_1 = require("./src/MovaDigitalPassport");
+Object.defineProperty(exports, "MovaDigitalPassport", { enumerable: true, get: function () { return __importDefault(MovaDigitalPassport_1).default; } });
 var Loader_1 = require("./src/Loader");
 Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return __importDefault(Loader_1).default; } });
 var MovaDialog_1 = require("./src/MovaDialog");
@@ -31,6 +33,8 @@ Object.defineProperty(exports, "ConfirmationDialog", { enumerable: true, get: fu
 var GenderSelector_1 = require("./src/GenderSelector");
 Object.defineProperty(exports, "GenderSelector", { enumerable: true, get: function () { return __importDefault(GenderSelector_1).default; } });
 // Export des classes
+var Logger_1 = require("./src/helpers/Logger");
+Object.defineProperty(exports, "Logger", { enumerable: true, get: function () { return __importDefault(Logger_1).default; } });
 var Customer_1 = require("./src/models/Customer");
 Object.defineProperty(exports, "Customer", { enumerable: true, get: function () { return __importDefault(Customer_1).default; } });
 var User_1 = require("./src/models/User");
@@ -54,10 +58,16 @@ Object.defineProperty(exports, "VehicleTire", { enumerable: true, get: function
 // Export des méthodes utilitaires
 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; } });
 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; } });
 Object.defineProperty(exports, "validateEmail", { enumerable: true, get: function () { return Validator_1.validateEmail; } });
+var DateUtils_1 = require("./src/helpers/DateUtils");
+Object.defineProperty(exports, "formatDateByCountryCode", { enumerable: true, get: function () { return DateUtils_1.formatDateByCountryCode; } });
+Object.defineProperty(exports, "getLongFormattedDateTime", { enumerable: true, get: function () { return DateUtils_1.getLongFormattedDateTime; } });
+Object.defineProperty(exports, "capitalizeFirstLetter", { enumerable: true, get: function () { return DateUtils_1.capitalizeFirstLetter; } });
 // Export des enums
 var Enums_1 = require("./src/helpers/Enums");
 Object.defineProperty(exports, "RoleType", { enumerable: true, get: function () { return Enums_1.RoleType; } });
@@ -69,3 +79,4 @@ Object.defineProperty(exports, "DocumentType", { enumerable: true, get: function
 Object.defineProperty(exports, "DigitalPassportIndex", { enumerable: true, get: function () { return Enums_1.DigitalPassportIndex; } });
 Object.defineProperty(exports, "DocumentState", { enumerable: true, get: function () { return Enums_1.DocumentState; } });
 Object.defineProperty(exports, "Gender", { enumerable: true, get: function () { return Enums_1.Gender; } });
+Object.defineProperty(exports, "DateFormatTypes", { enumerable: true, get: function () { return Enums_1.DateFormatTypes; } });

package/dist/src/MovaDigitalPassport.d.ts

@@ -0,0 +1,7 @@
+import { DigitalPassportIndex } from './helpers/Enums';
+import type { FC } from 'react';
+interface MovaDigitalPassportProps {
+    digitalPassportIndex: DigitalPassportIndex;
+}
+declare const MovaDigitalPassport: FC<MovaDigitalPassportProps>;
+export default MovaDigitalPassport;

package/dist/src/MovaDigitalPassport.js

@@ -0,0 +1,36 @@
+"use strict";
+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 Enums_1 = require("./helpers/Enums");
+var speedometer_green_png_1 = __importDefault(require("./assets/images/speedometer_green.png"));
+var speedometer_orange_png_1 = __importDefault(require("./assets/images/speedometer_orange.png"));
+var speedometer_red_png_1 = __importDefault(require("./assets/images/speedometer_red.png"));
+var MovaDigitalPassport = function (_a) {
+    var digitalPassportIndex = _a.digitalPassportIndex;
+    var getDigitalPassportImage = function () {
+        switch (digitalPassportIndex) {
+            case Enums_1.DigitalPassportIndex.A:
+                return speedometer_green_png_1.default;
+            case Enums_1.DigitalPassportIndex.B:
+                return speedometer_orange_png_1.default;
+            case Enums_1.DigitalPassportIndex.C:
+                return speedometer_red_png_1.default;
+        }
+    };
+    var handleOnClick = function (e) {
+        e.preventDefault();
+        // On affiche la popup explicative sur la passport digital
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: digitalPassportIndex &&
+            (0, jsx_runtime_1.jsx)("img", { src: getDigitalPassportImage(), style: {
+                    position: 'relative',
+                    width: '25%',
+                    top: '-25px',
+                    right: '-15px',
+                    zIndex: 200
+                }, alt: 'Passport Digital', onClick: function (e) { return handleOnClick(e); } }) }));
+};
+exports.default = MovaDigitalPassport;

package/dist/src/VehicleFullCard.d.ts

@@ -0,0 +1,24 @@
+import { type FC } from 'react';
+import { MovaFormField } from './helpers/Types';
+import Vehicle from './models/Vehicle';
+interface VehicleFullCardProps {
+    vehicle: Vehicle;
+    onError: (message: string) => void;
+    onUploadDocument: (data: FormData) => void;
+    onDeleteDocument: (documentId: string) => void;
+    editMode: boolean;
+    focused?: boolean;
+    onUpdate?: (query: any) => void;
+    onDelete?: () => void;
+}
+export type MovaVehicleForm = {
+    currentMileage: MovaFormField;
+    averageMileagePerYear: MovaFormField;
+    tireSize: MovaFormField;
+    tireWidth: MovaFormField;
+    tireHeight: MovaFormField;
+    tireDiameter: MovaFormField;
+    tireSpeedIndex: MovaFormField;
+};
+declare const VehicleFullCard: FC<VehicleFullCardProps>;
+export default VehicleFullCard;

package/dist/src/VehicleFullCard.js

@@ -0,0 +1,228 @@
+"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 });
+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 Loader_1 = __importDefault(require("./Loader"));
+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 initialUserFormState = {
+    currentMileage: { value: null, isValid: true },
+    averageMileagePerYear: { value: null, isValid: true },
+    tireSize: { value: null, isValid: true },
+    tireWidth: { value: '', isValid: true },
+    tireHeight: { value: '', isValid: true },
+    tireDiameter: { value: '', isValid: true },
+    tireSpeedIndex: { value: '', isValid: true }
+};
+var VehicleFullCard = function (_a) {
+    var vehicle = _a.vehicle, onError = _a.onError, onUploadDocument = _a.onUploadDocument, onDeleteDocument = _a.onDeleteDocument, _b = _a.editMode, editMode = _b === void 0 ? false : _b, _c = _a.focused, focused = _c === void 0 ? false : _c, onUpdate = _a.onUpdate, onDelete = _a.onDelete;
+    var theme = (0, material_1.useTheme)();
+    var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[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];
+    // Formulaire utilisé pour les modifications d'informations sur le véhicule
+    var _j = (0, react_1.useState)(initialUserFormState), form = _j[0], setForm = _j[1];
+    var _k = (0, react_1.useState)([]), vehicleDocuments = _k[0], setVehicleDocuments = _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);
+    (0, react_1.useEffect)(function () {
+        initForm();
+    }, [vehicle]);
+    var initForm = function () {
+        if (vehicle) {
+            setForm(function (prevForm) {
+                var _a;
+                return (__assign(__assign({}, prevForm), (_a = {}, _a['currentMileage'] = __assign(__assign({}, prevForm['currentMileage']), { value: vehicle.currentMileage }), _a)));
+            });
+            setForm(function (prevForm) {
+                var _a;
+                return (__assign(__assign({}, prevForm), (_a = {}, _a['averageMileagePerYear'] = __assign(__assign({}, prevForm['averageMileagePerYear']), { value: vehicle.averageMileagePerYear }), _a)));
+            });
+            setForm(function (prevForm) {
+                var _a;
+                return (__assign(__assign({}, prevForm), (_a = {}, _a['tireWidth'] = __assign(__assign({}, prevForm['tireWidth']), { value: vehicle.tireWidth }), _a)));
+            });
+            setForm(function (prevForm) {
+                var _a;
+                return (__assign(__assign({}, prevForm), (_a = {}, _a['tireHeight'] = __assign(__assign({}, prevForm['tireHeight']), { value: vehicle.tireHeight }), _a)));
+            });
+            setForm(function (prevForm) {
+                var _a;
+                return (__assign(__assign({}, prevForm), (_a = {}, _a['tireDiameter'] = __assign(__assign({}, prevForm['tireDiameter']), { value: vehicle.tireDiameter }), _a)));
+            });
+            setForm(function (prevForm) {
+                var _a;
+                return (__assign(__assign({}, prevForm), (_a = {}, _a['tireSpeedIndex'] = __assign(__assign({}, prevForm['tireSpeedIndex']), { value: vehicle.tireSpeedIndex }), _a)));
+            });
+            if (isVehicleTireSizeDefined(vehicle)) {
+                setForm(function (prevForm) {
+                    var _a;
+                    return (__assign(__assign({}, prevForm), (_a = {}, _a['tireSize'] = __assign(__assign({}, prevForm['tireSize']), { value: vehicle.tireSize }), _a)));
+                });
+            }
+            Logger_1.default.info(form);
+        }
+    };
+    var isVehicleTireSizeDefined = function (vehicle) {
+        return vehicle.tireSize && vehicle.tireSize.diameter && vehicle.tireSize.height && vehicle.tireSize.speedIndex && vehicle.tireSize.width;
+    };
+    var validateForm = function () {
+        var newForm = __assign({}, form);
+        // Validator pour les champs obligatoires
+        newForm.currentMileage = (0, Tools_1.validateField)(form.currentMileage, function (value) { return !!value; }, 'Champ obligatoire');
+        newForm.averageMileagePerYear = (0, Tools_1.validateField)(form.averageMileagePerYear, function (value) { return !!value; }, 'Champ obligatoire');
+        // La validation de la saisie des pneumatiques se fait dans le composant "MovaVehicleTireField", traitée dans le callback "handleOnChangeVehicleTire"
+        setForm(newForm);
+        return newForm.currentMileage.isValid && newForm.averageMileagePerYear.isValid && newForm.tireSize.isValid;
+    };
+    var handleInputChange = function (e) {
+        handleChange(e.target.name, e.target.value);
+    };
+    var handleSelectChange = function (e) {
+        handleChange(e.target.name, e.target.value);
+    };
+    var handleChange = function (fieldName, fieldValue) {
+        var _a;
+        var newField = (_a = {}, _a[fieldName] = { value: fieldValue, isValid: true }, _a);
+        setForm(__assign(__assign({}, form), newField));
+    };
+    var uploadVehicleDocument = function (document, documentType) {
+        if (vehicle && document && documentType) {
+            // Utilisation d'un formData pour permettre le trasnfert de fichier vers l'API
+            var formData = new FormData();
+            formData.append("documentType", documentType);
+            // Ajouter la facture à FormData
+            formData.append('file', document);
+            // Appel du callback correspondant
+            if (onUploadDocument)
+                onUploadDocument(formData);
+        }
+    };
+    /**
+     *
+     * @param event L'upload des documents se fait directement lors du téléchargement
+     * @param docType
+     */
+    var handleFileChange = function (event, docType) {
+        event.preventDefault();
+        if (event && event.target.files && event.target.files.length > 0 && docType) {
+            uploadVehicleDocument(event.target.files[0], docType);
+        }
+    };
+    var handleOnClickEdit = function () {
+        // On passe la fiche véhicule en mode édition
+        setLocalEditMode(true);
+    };
+    var handleOnChangeVehicleTire = function (vehicleTire, isValid) {
+        setForm(function (prevForm) {
+            var _a;
+            return (__assign(__assign({}, prevForm), (_a = {}, _a['tireSize'] = __assign(__assign({}, prevForm['tireSize']), { value: vehicleTire, isValid: isValid }), _a)));
+        });
+    };
+    var handleOnClickDeleteVehicle = function (e) {
+        e.preventDefault();
+        setOpenConfirmVehicleDelete(true);
+    };
+    var handleDeleteDocument = function (e, documentId) {
+        e.preventDefault();
+        setDocumentToDelete(documentId);
+        setOpenConfirmDocumentDelete(true);
+    };
+    var handleOnClickValidate = function () {
+        if (validateForm()) {
+            setLoading(true);
+            Logger_1.default.info(form.tireSize.value);
+            var query = {
+                currentMileage: form.currentMileage.value,
+                averageMileagePerYear: form.averageMileagePerYear.value,
+                tireWidth: form.tireSize.isValid && form.tireSize.value ? form.tireSize.value.width : undefined,
+                tireHeight: form.tireSize.isValid && form.tireSize.value ? form.tireSize.value.height : undefined,
+                tireDiameter: form.tireSize.isValid && form.tireSize.value ? form.tireSize.value.diameter : undefined,
+                tireSpeedIndex: form.tireSize.isValid && form.tireSize.value ? form.tireSize.value.speedIndex : undefined
+            };
+            Logger_1.default.info(query);
+            // Appel du callback correspondant
+            if (onUpdate)
+                onUpdate(query);
+        }
+    };
+    var handleOnClickCancel = function () {
+        initForm();
+        setLocalEditMode(false);
+    };
+    var handleCloseConfirmDocumentDelete = function () {
+        setOpenConfirmDocumentDelete(false);
+        setDocumentToDelete('');
+    };
+    var handleCloseConfirmVehicleDelete = function () {
+        setOpenConfirmVehicleDelete(false);
+    };
+    /**
+     *
+     */
+    var handleConfirmDocumentDelete = function () {
+        setOpenConfirmDocumentDelete(false);
+        if (vehicle && documentToDelete) {
+            // Appel du callback correspondant
+            if (onDeleteDocument)
+                onDeleteDocument(documentToDelete);
+        }
+    };
+    var handleConfirmVehicleDelete = function () {
+        setOpenConfirmVehicleDelete(false);
+        if (vehicle && onDelete) {
+            // Appel du callback correspondant
+            onDelete();
+        }
+    };
+    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: 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: {
+                                position: 'relative',
+                                width: '40%',
+                                top: '-25px',
+                                left: '-15px',
+                                zIndex: 200
+                            }, alt: 'Icone Voiture' }), (0, jsx_runtime_1.jsx)(MovaDigitalPassport_1.default, { digitalPassportIndex: vehicle.digitalPassportIndex }), (0, jsx_runtime_1.jsxs)(material_1.CardContent, __assign({ sx: { pt: 0, pb: 0 } }, { children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "h6", component: "div", align: "center", sx: { mb: 1 }, color: (0, material_1.darken)(theme.palette.primary.main, 0.2) }, { children: [vehicle.brand && "".concat(vehicle.brand, " "), vehicle.model && "".concat(vehicle.model, " "), vehicle.version && "".concat(vehicle.version)] })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, justifyContent: "space-between" }, { 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: "body1", color: "text.primary" }, { children: (0, jsx_runtime_1.jsx)("b", { children: (0, Tools_1.formatFrenchVehiclePlate)(vehicle.plate) }) })) })), !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 actuel :" })) })), (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.currentMileage, " km"] }) })) }))] })), localEditMode && (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12 }, { children: (0, jsx_runtime_1.jsx)(material_1.TextField, { label: "Kilom\u00E9trage actuel", name: "currentMileage", variant: "outlined", type: "number", required: true, value: form.currentMileage.value, onChange: function (e) { return handleInputChange(e); }, error: (Boolean(form.currentMileage.error)), sx: {
+                                                    width: '100%',
+                                                    mt: 2,
+                                                    '& input': { textTransform: 'uppercase' } // CSS pour forcer les majuscules dans l'input
+                                                }, helperText: Boolean(form.currentMileage.error && form.currentMileage.value > 0)
+                                                    ? form.currentMileage.error : "Sur ton 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" })) })), vehicleDocuments && (vehicleDocuments === null || vehicleDocuments === void 0 ? void 0 : vehicleDocuments.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: 'center', alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 11, sm: 6, md: 4, sx: { textAlign: 'left' } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Link, __assign({ color: (0, material_1.darken)('#F29ABA', 0.2), href: invoice.fileSignedUrl, target: "_blank", rel: "noopener" }, { children: ["Facture du ", (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (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, sm: 1, md: 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)); })), vehicleDocuments && (vehicleDocuments === null || vehicleDocuments === void 0 ? void 0 : vehicleDocuments.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: 'center', alignItems: 'center' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 11, sm: 6, md: 4, sx: { textAlign: 'left' } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Link, __assign({ color: (0, material_1.darken)('#F29ABA', 0.2), href: tirePhoto.fileSignedUrl, target: "_blank", rel: "noopener" }, { children: ["Photo pneu du ", (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (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, sm: 1, md: 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, sm: 6, md: 4, sx: { mt: 2 } }, { 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, sm: 6, md: 4, sx: { mt: 2 } }, { 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", size: 'large', 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.jsx)(Loader_1.default, { loading: loading }), (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 ?" })] }));
+};
+exports.default = VehicleFullCard;

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

@@ -0,0 +1,4 @@
+import { DateFormatTypes } from './Enums';
+export declare const formatDateByCountryCode: (date: Date | undefined, countryCode: string, formatType: DateFormatTypes) => string;
+export declare function getLongFormattedDateTime(date: Date | undefined, timeZone: string, locale: Locale): string;
+export declare function capitalizeFirstLetter(str: string): string;

package/dist/src/helpers/DateUtils.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.capitalizeFirstLetter = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = void 0;
+var date_fns_tz_1 = require("date-fns-tz");
+var locale_1 = require("date-fns/locale");
+var Enums_1 = require("./Enums");
+var formatDateByCountryCode = function (date, countryCode, formatType) {
+    if (date) {
+        // Tableau de correspondance entre les codes de pays et les fuseaux horaires
+        var countryTimeZones = {
+            'FR': 'Europe/Paris',
+            // Ajoutez d'autres correspondances de codes de pays et de fuseaux horaires ici
+        };
+        var timeZone = countryTimeZones[countryCode.toUpperCase()];
+        if (!timeZone) {
+            throw new Error('Code de pays non pris en charge');
+        }
+        // Convertir la date UTC en date du fuseau horaire local
+        var zonedDate = (0, date_fns_tz_1.utcToZonedTime)(date, timeZone);
+        // Formater la date
+        switch (formatType) {
+            case Enums_1.DateFormatTypes.SHORT_FORMAT_DATE:
+            case Enums_1.DateFormatTypes.LONG_FORMAT_DATETIME:
+                return (0, date_fns_tz_1.format)(zonedDate, formatType, { timeZone: timeZone, locale: locale_1.fr });
+            case Enums_1.DateFormatTypes.LONG_FORMAT_DATETIME_LITERAL:
+                return getLongFormattedDateTime(zonedDate, timeZone, locale_1.fr);
+        }
+        return (0, date_fns_tz_1.format)(zonedDate, formatType, { timeZone: timeZone, locale: locale_1.fr });
+    }
+    return '';
+};
+exports.formatDateByCountryCode = formatDateByCountryCode;
+function getLongFormattedDateTime(date, timeZone, locale) {
+    if (date) {
+        var day = capitalizeFirstLetter((0, date_fns_tz_1.format)(date, 'eeee', { timeZone: timeZone, locale: locale }));
+        var month = capitalizeFirstLetter((0, date_fns_tz_1.format)(date, 'MMMM', { timeZone: timeZone, locale: locale }));
+        var hours = (0, date_fns_tz_1.format)(date, 'HH', { timeZone: timeZone, locale: locale });
+        var minutes = (0, date_fns_tz_1.format)(date, 'mm', { timeZone: timeZone, locale: locale });
+        var dayOfMonth = (0, date_fns_tz_1.format)(date, 'dd', { timeZone: timeZone, locale: locale });
+        return "".concat(day, " ").concat(dayOfMonth, " ").concat(month, " \u00E0 ").concat(hours, ":").concat(minutes);
+    }
+    return '';
+}
+exports.getLongFormattedDateTime = getLongFormattedDateTime;
+function capitalizeFirstLetter(str) {
+    if (str.length === 0) {
+        return str;
+    }
+    var firstChar = str.charAt(0).toUpperCase();
+    var restOfString = str.slice(1);
+    return firstChar + restOfString;
+}
+exports.capitalizeFirstLetter = capitalizeFirstLetter;

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

@@ -1,3 +1,8 @@
+export declare enum DateFormatTypes {
+    SHORT_FORMAT_DATE = "dd/MM/yyyy",
+    LONG_FORMAT_DATETIME = "dd/MM/yyyy HH:mm:ss",
+    LONG_FORMAT_DATETIME_LITERAL = "EEEE dd MMMM yyyy '\u00E0' HH:mm"
+}
 export declare enum Gender {
     MALE = 0,
     FEMALE = 1,

package/dist/src/helpers/Enums.js

@@ -1,6 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoleType = exports.MovaAppType = exports.DocumentType = exports.DocumentState = exports.DayOfWeek = exports.EventType = exports.EventState = exports.DigitalPassportIndex = exports.Gender = void 0;
+exports.RoleType = exports.MovaAppType = exports.DocumentType = exports.DocumentState = exports.DayOfWeek = exports.EventType = exports.EventState = exports.DigitalPassportIndex = exports.Gender = exports.DateFormatTypes = void 0;
+var DateFormatTypes;
+(function (DateFormatTypes) {
+    DateFormatTypes["SHORT_FORMAT_DATE"] = "dd/MM/yyyy";
+    DateFormatTypes["LONG_FORMAT_DATETIME"] = "dd/MM/yyyy HH:mm:ss";
+    DateFormatTypes["LONG_FORMAT_DATETIME_LITERAL"] = "EEEE dd MMMM yyyy '\u00E0' HH:mm";
+})(DateFormatTypes = exports.DateFormatTypes || (exports.DateFormatTypes = {}));
 var Gender;
 (function (Gender) {
     Gender[Gender["MALE"] = 0] = "MALE";

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

@@ -0,0 +1,8 @@
+declare class Logger {
+    static isEnabled(): boolean;
+    static enableLogging(): void;
+    static disableLogging(): void;
+    static info(...args: any[]): void;
+    static error(...args: any[]): void;
+}
+export default Logger;

package/dist/src/helpers/Logger.js

@@ -0,0 +1,44 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Logger = /** @class */ (function () {
+    function Logger() {
+    }
+    Logger.isEnabled = function () {
+        return localStorage.getItem('modeDebug') === 'true';
+    };
+    Logger.enableLogging = function () {
+        localStorage.setItem('modeDebug', 'true');
+    };
+    Logger.disableLogging = function () {
+        localStorage.removeItem('modeDebug');
+    };
+    Logger.info = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (Logger.isEnabled()) {
+            console.info.apply(console, __spreadArray(['INFO:'], args, false));
+        }
+    };
+    Logger.error = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (Logger.isEnabled()) {
+            console.error.apply(console, __spreadArray(['ERROR:'], args, false));
+        }
+    };
+    return Logger;
+}());
+exports.default = Logger;

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

@@ -1,5 +1,6 @@
 import VehicleTire from "../models/VehicleTire";
 import { MovaFormField } from "./Types";
+export declare const formatFrenchVehiclePlate: (input: string | undefined) => string;
 export declare function formatVehicleTire(vehicleTire: VehicleTire): string;
 export declare function formatVehicleTireStr(input: string): string;
 /**

package/dist/src/helpers/Tools.js

@@ -1,6 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateField = exports.formatVehicleTireStr = exports.formatVehicleTire = void 0;
+exports.validateField = exports.formatVehicleTireStr = exports.formatVehicleTire = exports.formatFrenchVehiclePlate = void 0;
+var formatFrenchVehiclePlate = function (input) {
+    if (input) {
+        // Supprimer tous les caractères non alphanumériques
+        var cleanedInput = input.replace(/[^A-Z0-9]/gi, '').toUpperCase();
+        // Ajouter des tirets aux positions appropriées
+        if (cleanedInput.length >= 2) {
+            cleanedInput = "".concat(cleanedInput.slice(0, 2), "-").concat(cleanedInput.slice(2));
+        }
+        if (cleanedInput.length >= 6) {
+            cleanedInput = "".concat(cleanedInput.slice(0, 6), "-").concat(cleanedInput.slice(6, 8));
+        }
+        return cleanedInput;
+    }
+    return "";
+};
+exports.formatFrenchVehiclePlate = formatFrenchVehiclePlate;
 function formatVehicleTire(vehicleTire) {
     if (vehicleTire) {
         var concatened = "".concat(vehicleTire.width).concat(vehicleTire.height).concat(vehicleTire.diameter).concat(vehicleTire.speedIndex);

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

@@ -11,8 +11,8 @@ export default class Event {
     title: string;
     garageName: string;
     garageId: number;
-    startDate?: Date;
-    endDate?: Date;
+    start?: Date;
+    end?: Date;
     state: EventState;
     prestations?: Prestation[];
     /**
@@ -36,7 +36,7 @@ export default class Event {
      * MVP : pour l'instant les références sont transmises sous cette forme classique
      */
     originReferences?: OriginReference[];
-    constructor({ id, notes, ownerId, type, title, garageName, garageId, state, startDate, endDate, prestations, guestsId, vehicleId, quoteId, originReferences }: {
+    constructor({ id, notes, ownerId, type, title, garageName, garageId, state, start, end, prestations, guestsId, vehicleId, quoteId, originReferences }: {
         id: string;
         notes?: string;
         ownerId: number;
@@ -45,8 +45,8 @@ export default class Event {
         garageName: string;
         garageId: number;
         state: EventState;
-        startDate?: Date;
-        endDate?: Date;
+        start?: Date;
+        end?: Date;
         prestations?: Prestation[];
         guestsId?: string[];
         vehicleId?: number;

package/dist/src/models/Event.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var Event = /** @class */ (function () {
     function Event(_a) {
-        var id = _a.id, notes = _a.notes, ownerId = _a.ownerId, type = _a.type, title = _a.title, garageName = _a.garageName, garageId = _a.garageId, state = _a.state, startDate = _a.startDate, endDate = _a.endDate, prestations = _a.prestations, guestsId = _a.guestsId, vehicleId = _a.vehicleId, quoteId = _a.quoteId, originReferences = _a.originReferences;
+        var id = _a.id, notes = _a.notes, ownerId = _a.ownerId, type = _a.type, title = _a.title, garageName = _a.garageName, garageId = _a.garageId, state = _a.state, start = _a.start, end = _a.end, prestations = _a.prestations, guestsId = _a.guestsId, vehicleId = _a.vehicleId, quoteId = _a.quoteId, originReferences = _a.originReferences;
         this.id = id;
         this.notes = notes;
         this.ownerId = ownerId;
@@ -11,8 +11,8 @@ var Event = /** @class */ (function () {
         this.garageName = garageName;
         this.garageId = garageId;
         this.state = state;
-        this.startDate = startDate ? new Date(startDate) : undefined;
-        this.endDate = endDate ? new Date(endDate) : undefined;
+        this.start = start ? new Date(start) : undefined;
+        this.end = end ? new Date(end) : undefined;
         this.prestations = prestations;
         this.guestsId = guestsId;
         this.vehicleId = vehicleId;
@@ -23,8 +23,11 @@ var Event = /** @class */ (function () {
         var _a;
         var list = '';
         if (event.originReferences && event.originReferences.length !== 0) {
-            (_a = event.originReferences) === null || _a === void 0 ? void 0 : _a.forEach(function (reference) {
-                list = "".concat(reference.key, " : ").concat(reference.value);
+            (_a = event.originReferences) === null || _a === void 0 ? void 0 : _a.forEach(function (reference, index) {
+                if (index > 0) {
+                    list += " / ";
+                }
+                list += "".concat(reference.key, " : ").concat(reference.value);
             });
         }
         return list;