@movalib/movalib-commons 1.60.1 → 1.62.1

package/dist/src/MovaLogin.d.ts

@@ -1,7 +1,7 @@
-import { AlertColor } from "@mui/material";
 import { FunctionComponent, ReactNode } from "react";
-import { MovaAppType } from "./helpers/Enums";
+import { AlertColor } from "@mui/material";
 import { MovaLoginForm } from "./helpers/Types";
+import { MovaAppType } from "./helpers/Enums";
 /**
  * Propriétés du composant
  * movaAppType : type d'application Movalib au sein de laquelle le composant est injectée

package/dist/src/MovaLogin.js

@@ -51,26 +51,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
-var VisibilityOff_1 = __importDefault(require("@mui/icons-material/VisibilityOff"));
-var lab_1 = require("@mui/lab");
-var material_1 = require("@mui/material");
-var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
-var libphonenumber_js_1 = require("libphonenumber-js");
 var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-var DialogForgotPassword_1 = __importDefault(require("./DialogForgotPassword"));
-var MovaCopyright_1 = __importDefault(require("./MovaCopyright"));
-var leaf_green_large_png_1 = __importDefault(require("./assets/images/leaf_green_large.png"));
-var leaf_pink_large_png_1 = __importDefault(require("./assets/images/leaf_pink_large.png"));
-var logo_admin_large_png_1 = __importDefault(require("./assets/images/logo/logo_admin_large.png"));
+var lab_1 = require("@mui/lab");
 var logo_large_border_png_1 = __importDefault(require("./assets/images/logo/logo_large_border.png"));
-var logo_large_dm_png_1 = __importDefault(require("./assets/images/logo/logo_large_dm.png"));
 var logo_pro_large_border_png_1 = __importDefault(require("./assets/images/logo/logo_pro_large_border.png"));
+var logo_admin_large_png_1 = __importDefault(require("./assets/images/logo/logo_admin_large.png"));
+var logo_large_dm_png_1 = __importDefault(require("./assets/images/logo/logo_large_dm.png"));
 var logo_pro_large_dm_png_1 = __importDefault(require("./assets/images/logo/logo_pro_large_dm.png"));
+var leaf_green_large_png_1 = __importDefault(require("./assets/images/leaf_green_large.png"));
+var leaf_pink_large_png_1 = __importDefault(require("./assets/images/leaf_pink_large.png"));
+var material_1 = require("@mui/material");
+var MovaCopyright_1 = __importDefault(require("./MovaCopyright"));
 var Enums_1 = require("./helpers/Enums");
-var Tools_1 = require("./helpers/Tools");
 var Validator_1 = require("./helpers/Validator");
+var Tools_1 = require("./helpers/Tools");
+var react_router_dom_1 = require("react-router-dom");
+var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
+var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
+var VisibilityOff_1 = __importDefault(require("@mui/icons-material/VisibilityOff"));
+var DialogForgotPassword_1 = __importDefault(require("./DialogForgotPassword"));
+var libphonenumber_js_1 = require("libphonenumber-js");
 // Permet de centrer le contenu de l'application
 var styles = {
     display: 'flex',
@@ -233,16 +233,14 @@ var MovaLogin = function (_a) {
               </Dialog>
             );
         } */
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: styles }, { children: [(0, jsx_runtime_1.jsx)("img", { src: leaf_green_large_png_1.default, style: {
-                    position: 'fixed',
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: styles }, { children: [(0, jsx_runtime_1.jsx)("img", { src: leaf_green_large_png_1.default, style: { position: 'fixed',
                     float: 'left',
                     width: '250px',
                     height: '400px',
                     top: '-20%',
                     left: '0%',
                     opacity: '0.3',
-                    zIndex: -8
-                }, alt: 'Feuille Verte Movalib' }), (0, jsx_runtime_1.jsxs)(material_1.Container, __assign({ component: "main", maxWidth: "xs" }, { children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
+                    zIndex: -8 }, alt: 'Feuille Verte Movalib' }), (0, jsx_runtime_1.jsxs)(material_1.Container, __assign({ component: "main", maxWidth: "xs" }, { children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
                             marginTop: 6,
                             display: 'flex',
                             flexDirection: 'column',
@@ -265,15 +263,13 @@ var MovaLogin = function (_a) {
                                         borderColor: darkMode ? 'white' : 'default', // Couleur de la bordure
                                     }
                                 } }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { value: "remember", color: "primary" }), label: "Se souvenir de moi" }), (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, __assign({ loading: loading, type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2, backgroundColor: darkMode ? theme.palette.primary.dark : theme.palette.primary.main } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Se connecter" }) })), movaAppType === Enums_1.MovaAppType.INDIVIDUAL && (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ fullWidth: true, variant: "outlined", onClick: function (e) { return handleOnClickSignUp(); }, sx: { mb: 2, color: theme.palette.primary.dark } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "CR\u00C9ER MON COMPTE" }) })), alertMessage && alertSeverity && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: alertSeverity, sx: { mb: 2 } }, { children: alertMessage })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ container: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ variant: "body2", color: "text.secondary", onClick: function (e) { return handleOnClickForgotPassword(); }, sx: { cursor: 'pointer' } }, { children: "Mot de passe oubli\u00E9 ?" })) })) }))] })), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 1 } }), version && (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: 'body2', color: theme.palette.grey[200], sx: { textAlign: 'center' } }, { children: version })), openForgotPassword &&
-                        (0, jsx_runtime_1.jsx)(DialogForgotPassword_1.default, { openForgotPassword: openForgotPassword, setOpenForgotPassword: setOpenForgotPassword, movaAppType: movaAppType, form: form, handleInputChange: handleInputChange, handleSubmitForgotPassword: handleSubmitForgotPassword })] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: {
-                    position: 'fixed',
+                        (0, jsx_runtime_1.jsx)(DialogForgotPassword_1.default, { openForgotPassword: openForgotPassword, setOpenForgotPassword: setOpenForgotPassword, movaAppType: movaAppType, form: form, handleInputChange: handleInputChange, handleSubmitForgotPassword: handleSubmitForgotPassword })] })), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: { position: 'fixed',
                     float: 'right',
                     width: '250px',
                     height: '400px',
                     bottom: '-20%',
                     right: '0%',
                     opacity: '0.3',
-                    zIndex: '-10'
-                }, alt: 'Feuille Rose Movalib' })] })));
+                    zIndex: '-10' }, alt: 'Feuille Rose Movalib' })] })));
 };
 exports.default = MovaLogin;

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

@@ -1,4 +1,4 @@
-import '../../style/QRCode.css';
+import "../../style/QRCode.css";
 export declare const getPdfDocument: (url: string) => import("pdfjs-dist/types/src/display/api").PDFDocumentLoadingTask;
 export declare const QrCodePLVContainer: ({ data }: {
     data: string;

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

@@ -79,16 +79,16 @@ var icons_material_1 = require("@mui/icons-material");
 var material_1 = require("@mui/material");
 require("../../style/QRCode.css");
 var html2canvas_1 = __importDefault(require("html2canvas"));
+var pdf_lib_1 = require("pdf-lib");
+var pdfjsLib = __importStar(require("pdfjs-dist"));
 var qr_code_styling_1 = __importDefault(require("qr-code-styling"));
 var react_1 = require("react");
 var react_to_print_1 = require("react-to-print");
 var DownloadedQRCode_1 = require("../../DownloadedQRCode");
 var leaf_yellow_small_png_1 = __importDefault(require("../../assets/images/leaf_yellow_small.png"));
 var Tools_1 = require("../../helpers/Tools");
-var pdf_lib_1 = require("pdf-lib");
 var PLVComponent_1 = require("./PLVComponent");
-var pdfjsLib = __importStar(require("pdfjs-dist"));
-pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.mjs';
+pdfjsLib.GlobalWorkerOptions.workerSrc = "/pdf.worker.min.mjs";
 var getPdfDocument = function (url) {
     return pdfjsLib.getDocument(url);
 };
@@ -96,26 +96,26 @@ exports.getPdfDocument = getPdfDocument;
 var QrCodePLVContainer = function (_a) {
     var data = _a.data;
     var _b = (0, react_1.useState)(null), selectedChoice = _b[0], setSelectedChoice = _b[1];
-    var _c = (0, react_1.useState)(''), urlA4 = _c[0], setUrlA4 = _c[1];
-    var _d = (0, react_1.useState)(''), urlA3 = _d[0], setUrlA3 = _d[1];
+    var _c = (0, react_1.useState)(""), urlA4 = _c[0], setUrlA4 = _c[1];
+    var _d = (0, react_1.useState)(""), urlA3 = _d[0], setUrlA3 = _d[1];
     var _e = (0, react_1.useState)(false), isReady = _e[0], setIsReady = _e[1];
     var qrCodeRef = (0, react_1.useRef)(null);
     var theme = (0, material_1.useTheme)();
     var PLVrefA4 = (0, react_1.useRef)(null);
     var PLVrefA3 = (0, react_1.useRef)(null);
-    //si sur l'impression des PLV en A4 ou A3 le Qrcode est flou, 
+    //si sur l'impression des PLV en A4 ou A3 le Qrcode est flou,
     //il faut modifier la width et height, imageSize du qrCodeOptions et mettre les mêmes valeurs que dans le optionQrcode de la fonction printPLV
     var qrCodeOptions = (0, react_1.useMemo)(function () { return ({
         width: 300,
         height: 300,
-        type: 'canvas',
+        type: "canvas",
         data: data,
         image: leaf_yellow_small_png_1.default,
         margin: 10,
         qrOptions: {
             typeNumber: 0,
-            mode: 'Byte',
-            errorCorrectionLevel: 'Q',
+            mode: "Byte",
+            errorCorrectionLevel: "Q",
         },
         imageOptions: {
             hideBackgroundDots: true,
@@ -124,18 +124,18 @@ var QrCodePLVContainer = function (_a) {
         },
         dotsOptions: {
             color: (0, material_1.darken)(theme.palette.primary.main, 0.4),
-            type: 'square',
+            type: "square",
         },
         backgroundOptions: {
-            color: 'white',
+            color: "white",
         },
         cornersSquareOptions: {
             color: (0, material_1.darken)(theme.palette.secondary.main, 0.2),
-            type: 'square',
+            type: "square",
         },
         cornersDotOptions: {
             color: (0, material_1.darken)(theme.palette.secondary.main, 0.2),
-            type: 'square',
+            type: "square",
         },
     }); }, [data, theme.palette]);
     var qrCode = (0, react_1.useMemo)(function () { return new qr_code_styling_1.default(qrCodeOptions); }, [qrCodeOptions]);
@@ -145,7 +145,7 @@ var QrCodePLVContainer = function (_a) {
         }
     }, [qrCode]);
     (0, react_1.useEffect)(function () {
-        var urlA4 = printPLV('A4').then(function (url) {
+        var urlA4 = printPLV("A4").then(function (url) {
             setUrlA4(url);
         });
     }, [data]);
@@ -179,12 +179,12 @@ var QrCodePLVContainer = function (_a) {
                         firstPage = pages[0];
                         _a = firstPage.getSize(), width = _a.width, height = _a.height;
                         optionQrcode = {};
-                        if (format === 'A3') {
+                        if (format === "A3") {
                             optionQrcode = {
                                 x: width - 427,
                                 y: 88,
                                 width: 349,
-                                height: 349
+                                height: 349,
                             };
                         }
                         else {
@@ -200,7 +200,7 @@ var QrCodePLVContainer = function (_a) {
                         return [4 /*yield*/, pdfDoc.save()];
                     case 7:
                         modifiedPdfBytes = _b.sent();
-                        blob = new Blob([modifiedPdfBytes], { type: 'application/pdf' });
+                        blob = new Blob([modifiedPdfBytes], { type: "application/pdf" });
                         url = URL.createObjectURL(blob);
                         loadingTask = (0, exports.getPdfDocument)(url);
                         return [4 /*yield*/, loadingTask.promise];
@@ -209,8 +209,8 @@ var QrCodePLVContainer = function (_a) {
                         return [4 /*yield*/, pdf.getPage(1)];
                     case 9:
                         page = _b.sent();
-                        canvas = document.createElement('canvas');
-                        context = canvas.getContext('2d');
+                        canvas = document.createElement("canvas");
+                        context = canvas.getContext("2d");
                         viewport = page.getViewport({ scale: 3 });
                         canvas.width = viewport.width;
                         canvas.height = viewport.height;
@@ -221,7 +221,7 @@ var QrCodePLVContainer = function (_a) {
                         return [4 /*yield*/, page.render(renderContext).promise];
                     case 10:
                         _b.sent();
-                        imageUrl = canvas.toDataURL('image/png');
+                        imageUrl = canvas.toDataURL("image/png");
                         setIsReady(true);
                         return [2 /*return*/, imageUrl];
                 }
@@ -230,31 +230,31 @@ var QrCodePLVContainer = function (_a) {
     }
     var downloadQRCodeHeadless = (0, react_1.useCallback)(function () {
         qrCode.download({
-            extension: 'png',
-            name: 'movalib-qr-code',
+            extension: "png",
+            name: "movalib-qr-code",
         });
     }, [qrCode.download]);
     var downloadQrCodeWithCTA = (0, react_1.useCallback)(function () {
         // Check if we have everything we need
-        var qrCodeContainer = document.querySelector('#qr-code-container');
-        var qrCodeDiv = qrCodeContainer === null || qrCodeContainer === void 0 ? void 0 : qrCodeContainer.querySelector('.qr-code');
-        var qrCodeCanva = qrCodeDiv === null || qrCodeDiv === void 0 ? void 0 : qrCodeDiv.querySelector('canvas');
-        var downloadedDiv = document.getElementById('qr-code-downloaded-container');
+        var qrCodeContainer = document.querySelector("#qr-code-container");
+        var qrCodeDiv = qrCodeContainer === null || qrCodeContainer === void 0 ? void 0 : qrCodeContainer.querySelector(".qr-code");
+        var qrCodeCanva = qrCodeDiv === null || qrCodeDiv === void 0 ? void 0 : qrCodeDiv.querySelector("canvas");
+        var downloadedDiv = document.getElementById("qr-code-downloaded-container");
         // If we don't have the QR Code, we can't download it
         if (!(qrCodeContainer && qrCodeDiv && qrCodeCanva && downloadedDiv)) {
             return;
         }
         var tmpRendered = downloadedDiv.cloneNode(true);
-        tmpRendered.style.display = 'flex';
-        var downloadedQrCodeImgContainer = tmpRendered.querySelector('#qr-code-img-container');
+        tmpRendered.style.display = "flex";
+        var downloadedQrCodeImgContainer = tmpRendered.querySelector("#qr-code-img-container");
         downloadedQrCodeImgContainer.append(qrCodeCanva);
         // add it to the document to be able to download it
         document.body.append(tmpRendered);
         // create the canva of the tmpRendered div and download it
         (0, html2canvas_1.default)(tmpRendered).then(function (canvas) {
-            var a = document.createElement('a');
-            a.download = 'movalib-qr-code.png';
-            a.href = canvas.toDataURL('image/png');
+            var a = document.createElement("a");
+            a.download = "movalib-qr-code.png";
+            a.href = canvas.toDataURL("image/png");
             a.click();
         });
         // remove the tmpRendered div
@@ -263,8 +263,8 @@ var QrCodePLVContainer = function (_a) {
         qrCode.append(qrCodeRef.current);
     }, [qrCode.append]);
     var onChangeSelectedChoice = function (e) {
-        if (e.target.value === 'A3' && !urlA3) {
-            printPLV('A3').then(function (url) {
+        if (e.target.value === "A3" && !urlA3) {
+            printPLV("A3").then(function (url) {
                 setUrlA3(url);
             });
         }
@@ -272,30 +272,43 @@ var QrCodePLVContainer = function (_a) {
     };
     var printA3PLV = (0, react_to_print_1.useReactToPrint)({
         content: function () { return PLVrefA3.current; },
-        documentTitle: 'Movalib_PLV_A3',
+        documentTitle: "Movalib_PLV_A3",
     });
     var printA4PLV = (0, react_to_print_1.useReactToPrint)({
         content: function () { return PLVrefA4.current; },
-        documentTitle: 'Movalib_PLV_A4',
+        documentTitle: "Movalib_PLV_A4",
     });
     var onClickDownload = (0, react_1.useMemo)(function () {
         switch (selectedChoice) {
-            case 'A3':
+            case "A3":
                 return printA3PLV;
-            case 'A4':
+            case "A4":
                 return printA4PLV;
-            case 'QR_Headless':
+            case "QR_Headless":
                 return downloadQRCodeHeadless;
-            case 'QR_Google':
+            case "QR_Google":
                 return downloadQrCodeWithCTA;
             default:
                 return function () { };
         }
-    }, [selectedChoice, downloadQRCodeHeadless, downloadQrCodeWithCTA, printA3PLV, printA4PLV]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '24px' }, { children: [urlA4 && (0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponentV2, { ref: PLVrefA4, url: urlA4, printSize: PLVComponent_1.PrintSize.A4 }), urlA3 && (0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponentV2, { ref: PLVrefA3, url: urlA3, printSize: PLVComponent_1.PrintSize.A3 }), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, justifyContent: 'center', alignItems: 'center' }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 7 }, { children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, __assign({ fullWidth: true, size: 'small' }, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, __assign({ id: 'qrcode-plv-select' }, { children: "Choisissez votre support" })), (0, jsx_runtime_1.jsxs)(material_1.Select, __assign({ labelId: 'qrcode-plv-select', label: 'Choisissez votre support', id: 'qrcode-plv-select', onChange: onChangeSelectedChoice, value: selectedChoice }, { children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 'A4' }, { children: "\uD83E\uDDFE\u00A0\u00A0PLV format A4" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 'A3' }, { children: "\uD83E\uDDFE\u00A0\u00A0PLV format A3" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 'QR_Google' }, { children: "QR Code format GoogleMyBusiness" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 'QR_Headless' }, { children: "QR Code seul" }))] }))] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 4, marginLeft: 3 }, { children: (selectedChoice === 'A3' || selectedChoice === 'A4') && !isReady ? ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(material_1.Button, __assign({ startIcon: selectedChoice === 'A3' || selectedChoice === 'A4' ? (0, jsx_runtime_1.jsx)(icons_material_1.DocumentScanner, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.QrCode2, {}), onClick: onClickDownload, variant: 'outlined', disabled: !selectedChoice || ((selectedChoice === 'A3' || selectedChoice === 'A4') && !isReady), sx: { color: (0, material_1.darken)(theme.palette.primary.main, 0.2), borderRadius: '10rem' } }, { children: selectedChoice === 'A3' || selectedChoice === 'A4' ? 'Imprimer' : 'Télécharger' }))) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ id: 'qr-code-container', style: Tools_1.flexCenter }, { children: (0, jsx_runtime_1.jsx)("div", { ref: qrCodeRef, style: {
-                        height: '300px',
-                        width: '300px',
-                        maxWidth: '300px !important',
-                    }, className: 'qr-code' }) })), (0, jsx_runtime_1.jsx)(DownloadedQRCode_1.DownloadedQRCode, {})] })));
+    }, [
+        selectedChoice,
+        downloadQRCodeHeadless,
+        downloadQrCodeWithCTA,
+        printA3PLV,
+        printA4PLV,
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ display: "flex", flexDirection: "column", alignItems: "center", gap: "24px" }, { children: [urlA4 && ((0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponentV2, { ref: PLVrefA4, url: urlA4, printSize: PLVComponent_1.PrintSize.A4 })), urlA3 && ((0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponentV2, { ref: PLVrefA3, url: urlA3, printSize: PLVComponent_1.PrintSize.A3 })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, justifyContent: "center", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 7 }, { children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, __assign({ fullWidth: true, size: "small" }, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, __assign({ id: "qrcode-plv-select" }, { children: "Choisissez votre support" })), (0, jsx_runtime_1.jsxs)(material_1.Select, __assign({ labelId: "qrcode-plv-select", label: "Choisissez votre support", id: "qrcode-plv-select", onChange: onChangeSelectedChoice, value: selectedChoice }, { children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: "A4" }, { children: "\uD83E\uDDFE\u00A0\u00A0PLV format A4" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: "A3" }, { children: "\uD83E\uDDFE\u00A0\u00A0PLV format A3" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: "QR_Google" }, { children: "QR Code format GoogleMyBusiness" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: "QR_Headless" }, { children: "QR Code seul" }))] }))] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 4, marginLeft: 3 }, { children: (selectedChoice === "A3" || selectedChoice === "A4") && !isReady ? ((0, jsx_runtime_1.jsx)(material_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(material_1.Button, __assign({ startIcon: selectedChoice === "A3" || selectedChoice === "A4" ? ((0, jsx_runtime_1.jsx)(icons_material_1.DocumentScanner, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.QrCode2, {})), onClick: onClickDownload, variant: "outlined", disabled: !selectedChoice ||
+                                ((selectedChoice === "A3" || selectedChoice === "A4") &&
+                                    !isReady), sx: {
+                                color: (0, material_1.darken)(theme.palette.primary.main, 0.2),
+                                borderRadius: "10rem",
+                            } }, { children: selectedChoice === "A3" || selectedChoice === "A4"
+                                ? "Imprimer"
+                                : "Télécharger" }))) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ id: "qr-code-container", style: Tools_1.flexCenter }, { children: (0, jsx_runtime_1.jsx)("div", { ref: qrCodeRef, style: {
+                        height: "300px",
+                        width: "300px",
+                        maxWidth: "300px !important",
+                    }, className: "qr-code" }) })), (0, jsx_runtime_1.jsx)(DownloadedQRCode_1.DownloadedQRCode, {})] })));
 };
 exports.QrCodePLVContainer = QrCodePLVContainer;

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

@@ -193,7 +193,8 @@ export declare enum EventType {
     UNAVAILABILITY = "UNAVAILABILITY",
     NOTE = "NOTE",
     PENDING_APPOINTMENT = "PENDING_APPOINTMENT",
-    WAITING_VEHICLE = "WAITING_VEHICLE"
+    WAITING_VEHICLE = "WAITING_VEHICLE",
+    QUOTE = "QUOTE"
 }
 export declare enum DayOfWeek {
     MONDAY = "MONDAY",
@@ -209,6 +210,12 @@ export declare enum DocumentState {
     APPROVED = "APPROVED",
     REJECTED = "REJECTED"
 }
+export declare enum QuoteState {
+    QUOTE_DRAFT = "QUOTE_DRAFT",
+    QUOTE_SENT = "QUOTE_SENT",
+    QUOTE_ACCEPTED = "QUOTE_ACCEPTED",
+    QUOTE_REJECTED = "QUOTE_REJECTED"
+}
 export declare enum DocumentType {
     USER_BANK_DETAILS = "USER_BANK_DETAILS",
     USER_APPOINTMENT_QUOTE = "USER_APPOINTMENT_QUOTE",

package/dist/src/helpers/Enums.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoleType = exports.MovaAppType = exports.DocumentType = exports.DocumentState = exports.DayOfWeek = exports.EventType = exports.EventState = exports.DigitalPassportIndex = exports.Gender = exports.DateFormatTypes = exports.APIMethod = exports.PartsApplicationType = exports.ProductType = exports.OrderPreference = exports.OrderState = exports.SlotAlgorithm = exports.VehiclePlateFormat = exports.RegistrationState = exports.SubscriptionPaymentInterval = exports.PrestationType = exports.PrestationState = exports.CountryCode = exports.SubscriptionState = exports.SubscriptionType = exports.CustomerType = void 0;
+exports.RoleType = exports.MovaAppType = exports.DocumentType = exports.QuoteState = exports.DocumentState = exports.DayOfWeek = exports.EventType = exports.EventState = exports.DigitalPassportIndex = exports.Gender = exports.DateFormatTypes = exports.APIMethod = exports.PartsApplicationType = exports.ProductType = exports.OrderPreference = exports.OrderState = exports.SlotAlgorithm = exports.VehiclePlateFormat = exports.RegistrationState = exports.SubscriptionPaymentInterval = exports.PrestationType = exports.PrestationState = exports.CountryCode = exports.SubscriptionState = exports.SubscriptionType = exports.CustomerType = void 0;
 var CustomerType;
 (function (CustomerType) {
     CustomerType["INDIVIDUAL"] = "INDIVIDUAL";
@@ -217,6 +217,7 @@ var EventType;
     EventType["NOTE"] = "NOTE";
     EventType["PENDING_APPOINTMENT"] = "PENDING_APPOINTMENT";
     EventType["WAITING_VEHICLE"] = "WAITING_VEHICLE";
+    EventType["QUOTE"] = "QUOTE";
 })(EventType = exports.EventType || (exports.EventType = {}));
 var DayOfWeek;
 (function (DayOfWeek) {
@@ -234,6 +235,13 @@ var DocumentState;
     DocumentState["APPROVED"] = "APPROVED";
     DocumentState["REJECTED"] = "REJECTED";
 })(DocumentState = exports.DocumentState || (exports.DocumentState = {}));
+var QuoteState;
+(function (QuoteState) {
+    QuoteState["QUOTE_DRAFT"] = "QUOTE_DRAFT";
+    QuoteState["QUOTE_SENT"] = "QUOTE_SENT";
+    QuoteState["QUOTE_ACCEPTED"] = "QUOTE_ACCEPTED";
+    QuoteState["QUOTE_REJECTED"] = "QUOTE_REJECTED";
+})(QuoteState = exports.QuoteState || (exports.QuoteState = {}));
 var DocumentType;
 (function (DocumentType) {
     DocumentType["USER_BANK_DETAILS"] = "USER_BANK_DETAILS";

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

@@ -13,6 +13,10 @@ export default class Document {
     reference?: string;
     rejectReason?: string;
     validateToken?: string;
-    constructor(id: string, ownerId: number, state: DocumentState, fileName: string, originalFileName: string, fileType: string, fileSignedUrl: string, type: DocumentType, creationDate?: Date, updateDate?: Date, reference?: string, validateToken?: string);
+    remindersCount?: number;
+    totalAmountInclVat?: number;
+    lastSendingTime?: Date;
+    firstSendingTime?: Date;
+    constructor(id: string, ownerId: number, state: DocumentState, fileName: string, originalFileName: string, fileType: string, fileSignedUrl: string, type: DocumentType, creationDate?: Date, updateDate?: Date, reference?: string, validateToken?: string, remindersCount?: number, totalAmountInclVat?: number, lastSendingTime?: Date, firstSendingTime?: Date);
     static findByTypeAndReference(documents: Document[], type: DocumentType, reference: string): Document | undefined;
 }

package/dist/src/models/Document.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var Document = /** @class */ (function () {
-    function Document(id, ownerId, state, fileName, originalFileName, fileType, fileSignedUrl, type, creationDate, updateDate, reference, validateToken) {
+    function Document(id, ownerId, state, fileName, originalFileName, fileType, fileSignedUrl, type, creationDate, updateDate, reference, validateToken, remindersCount, totalAmountInclVat, lastSendingTime, firstSendingTime) {
         this.id = id;
         this.state = state;
         this.ownerId = ownerId;
@@ -14,6 +14,14 @@ var Document = /** @class */ (function () {
         this.updateDate = updateDate;
         this.reference = reference;
         this.validateToken = validateToken;
+        this.remindersCount = remindersCount;
+        this.totalAmountInclVat = totalAmountInclVat;
+        this.lastSendingTime = lastSendingTime
+            ? new Date(lastSendingTime)
+            : undefined;
+        this.firstSendingTime = firstSendingTime
+            ? new Date(firstSendingTime)
+            : undefined;
     }
     Document.findByTypeAndReference = function (documents, type, reference) {
         if (documents && type && reference) {

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

@@ -77,7 +77,12 @@ export default class Event {
     origin?: string;
     quoteLastSendingTime?: Date;
     invoiceSendingDate?: Date;
-    constructor(id: string, ownerId: number, type: EventType, title: string, garageName: string, garageId: number, color: string, state: EventState, garageAddress?: Address, start?: Date, end?: Date, prestations?: Prestation[], operations?: Operation[], products?: Product[], guestsId?: string[], vehicleId?: number, quoteId?: number, notes?: string, vehicleAvailableNotified?: boolean, editable?: boolean, resourceId?: number, garageVehicleId?: number, garageVehicleRequest?: boolean, vehicleAvailableNotificationTime?: Date, interventionEndTime?: Date, quoteLastSendingTime?: Date, invoiceSendingDate?: Date, orders?: order[]);
+    creationDate?: Date;
+    updatedDate?: Date;
+    quoteFirstSendingTime?: Date;
+    lastQuoteCreationDate?: Date;
+    constructor(id: string, ownerId: number, type: EventType, title: string, garageName: string, garageId: number, color: string, state: EventState, garageAddress?: Address, start?: Date, end?: Date, prestations?: Prestation[], operations?: Operation[], products?: Product[], guestsId?: string[], vehicleId?: number, quoteId?: number, notes?: string, vehicleAvailableNotified?: boolean, editable?: boolean, resourceId?: number, garageVehicleId?: number, garageVehicleRequest?: boolean, vehicleAvailableNotificationTime?: Date, interventionEndTime?: Date, quoteLastSendingTime?: Date, invoiceSendingDate?: Date, orders?: order[], creationDate?: Date, updatedDate?: Date, lastQuoteCreationDate?: Date, quoteFirstSendingTime?: Date);
     static getPrestationsList(event: Event): string[];
+    static getCurrentQuote(event: Event): Document | null;
 }
 export {};

package/dist/src/models/Event.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var Enums_1 = require("../helpers/Enums");
 var Event = /** @class */ (function () {
-    function Event(id, ownerId, type, title, garageName, garageId, color, state, garageAddress, start, end, prestations, operations, products, guestsId, vehicleId, quoteId, notes, vehicleAvailableNotified, editable, resourceId, garageVehicleId, garageVehicleRequest, vehicleAvailableNotificationTime, interventionEndTime, quoteLastSendingTime, invoiceSendingDate, orders) {
+    function Event(id, ownerId, type, title, garageName, garageId, color, state, garageAddress, start, end, prestations, operations, products, guestsId, vehicleId, quoteId, notes, vehicleAvailableNotified, editable, resourceId, garageVehicleId, garageVehicleRequest, vehicleAvailableNotificationTime, interventionEndTime, quoteLastSendingTime, invoiceSendingDate, orders, creationDate, updatedDate, lastQuoteCreationDate, quoteFirstSendingTime) {
         this.id = id;
         this.notes = notes;
         this.ownerId = ownerId;
@@ -38,6 +39,14 @@ var Event = /** @class */ (function () {
             ? new Date(invoiceSendingDate)
             : undefined;
         this.orders = orders;
+        this.creationDate = creationDate ? new Date(creationDate) : undefined;
+        this.updatedDate = updatedDate ? new Date(updatedDate) : undefined;
+        this.lastQuoteCreationDate = lastQuoteCreationDate
+            ? new Date(lastQuoteCreationDate)
+            : undefined;
+        this.quoteFirstSendingTime = quoteFirstSendingTime
+            ? new Date(quoteFirstSendingTime)
+            : undefined;
     }
     Event.getPrestationsList = function (event) {
         if (event && event.prestations) {
@@ -45,6 +54,34 @@ var Event = /** @class */ (function () {
         }
         return [];
     };
+    Event.getCurrentQuote = function (event) {
+        var _a, _b, _c, _d;
+        if (event.documents) {
+            var quoteDocument = event.documents.filter(function (doc) { return doc.type === Enums_1.DocumentType.USER_APPOINTMENT_QUOTE; });
+            if (event.type === Enums_1.EventType.QUOTE) {
+                var state = event.state;
+                if (state === Enums_1.QuoteState.QUOTE_DRAFT ||
+                    state === Enums_1.QuoteState.QUOTE_SENT) {
+                    return ((_a = quoteDocument.find(function (doc) { return doc.state === Enums_1.DocumentState.PENDING; })) !== null && _a !== void 0 ? _a : null);
+                }
+                else if (state === Enums_1.QuoteState.QUOTE_REJECTED) {
+                    return ((_b = quoteDocument
+                        .filter(function (doc) { return doc.state === Enums_1.DocumentState.REJECTED; })
+                        .sort(function (a, b) {
+                        return new Date(b.creationDate).getTime() -
+                            new Date(a.creationDate).getTime();
+                    })[0]) !== null && _b !== void 0 ? _b : null);
+                }
+                else if (state === Enums_1.QuoteState.QUOTE_ACCEPTED) {
+                    return ((_c = quoteDocument.find(function (doc) { return doc.state === Enums_1.DocumentState.APPROVED; })) !== null && _c !== void 0 ? _c : null);
+                }
+            }
+            else {
+                return ((_d = quoteDocument.find(function (doc) { return doc.state === Enums_1.DocumentState.APPROVED; })) !== null && _d !== void 0 ? _d : null);
+            }
+        }
+        return null;
+    };
     return Event;
 }());
 exports.default = Event;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@movalib/movalib-commons",
-	"version": "1.60.1",
+	"version": "1.62.1",
 	"description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",

package/src/components/QrCodePLVContainer/QrCodePLVContainer.tsx

@@ -1,4 +1,4 @@
-import { DocumentScanner, QrCode2 } from '@mui/icons-material';
+import { DocumentScanner, QrCode2 } from "@mui/icons-material";
 import {
   Box,
   Button,
@@ -11,48 +11,48 @@ import {
   type SelectProps,
   darken,
   useTheme,
-} from '@mui/material';
-import '../../style/QRCode.css';
-
-import html2canvas from 'html2canvas';
-import QRCodeStyling, { type Options } from 'qr-code-styling';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useReactToPrint } from 'react-to-print';
-import { DownloadedQRCode } from '../../DownloadedQRCode';
-import QRCodeImage from '../../assets/images/leaf_yellow_small.png';
-import { flexCenter } from '../../helpers/Tools';
-import { PDFDocument } from 'pdf-lib';
-import { PLVComponentV2, PrintSize } from './PLVComponent';
-import * as pdfjsLib from 'pdfjs-dist';
-pdfjsLib.GlobalWorkerOptions.workerSrc = '/pdf.worker.min.mjs';
+} from "@mui/material";
+import "../../style/QRCode.css";
+
+import html2canvas from "html2canvas";
+import { PDFDocument } from "pdf-lib";
+import * as pdfjsLib from "pdfjs-dist";
+import QRCodeStyling, { type Options } from "qr-code-styling";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useReactToPrint } from "react-to-print";
+import { DownloadedQRCode } from "../../DownloadedQRCode";
+import QRCodeImage from "../../assets/images/leaf_yellow_small.png";
+import { flexCenter } from "../../helpers/Tools";
+import { PLVComponentV2, PrintSize } from "./PLVComponent";
+pdfjsLib.GlobalWorkerOptions.workerSrc = "/pdf.worker.min.mjs";
 export const getPdfDocument = (url: string) => {
   return pdfjsLib.getDocument(url);
 };
-type SelectChoice = null | 'A3' | 'A4' | 'QR_Headless' | 'QR_Google';
+type SelectChoice = null | "A3" | "A4" | "QR_Headless" | "QR_Google";
 export const QrCodePLVContainer = ({ data }: { data: string }) => {
   const [selectedChoice, setSelectedChoice] = useState<SelectChoice>(null);
-  const [urlA4, setUrlA4] = useState<string>('');
-  const [urlA3, setUrlA3] = useState<string>('');
+  const [urlA4, setUrlA4] = useState<string>("");
+  const [urlA3, setUrlA3] = useState<string>("");
   const [isReady, setIsReady] = useState(false);
 
   const qrCodeRef = useRef<HTMLDivElement>(null);
   const theme = useTheme();
   const PLVrefA4 = useRef<PLVComponentV2>(null);
   const PLVrefA3 = useRef<PLVComponentV2>(null);
-  //si sur l'impression des PLV en A4 ou A3 le Qrcode est flou, 
+  //si sur l'impression des PLV en A4 ou A3 le Qrcode est flou,
   //il faut modifier la width et height, imageSize du qrCodeOptions et mettre les mêmes valeurs que dans le optionQrcode de la fonction printPLV
   const qrCodeOptions: Options = useMemo(
     () => ({
       width: 300,
       height: 300,
-      type: 'canvas',
+      type: "canvas",
       data: data,
       image: QRCodeImage,
       margin: 10,
       qrOptions: {
         typeNumber: 0,
-        mode: 'Byte',
-        errorCorrectionLevel: 'Q',
+        mode: "Byte",
+        errorCorrectionLevel: "Q",
       },
       imageOptions: {
         hideBackgroundDots: true,
@@ -61,24 +61,27 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
       },
       dotsOptions: {
         color: darken(theme.palette.primary.main, 0.4),
-        type: 'square',
+        type: "square",
       },
       backgroundOptions: {
-        color: 'white',
+        color: "white",
       },
       cornersSquareOptions: {
         color: darken(theme.palette.secondary.main, 0.2),
-        type: 'square',
+        type: "square",
       },
       cornersDotOptions: {
         color: darken(theme.palette.secondary.main, 0.2),
-        type: 'square',
+        type: "square",
       },
     }),
-    [data, theme.palette],
+    [data, theme.palette]
   );
 
-  const qrCode = useMemo(() => new QRCodeStyling(qrCodeOptions), [qrCodeOptions]);
+  const qrCode = useMemo(
+    () => new QRCodeStyling(qrCodeOptions),
+    [qrCodeOptions]
+  );
 
   useEffect(() => {
     if (qrCodeRef.current) {
@@ -87,18 +90,16 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
   }, [qrCode]);
 
   useEffect(() => {
-    const urlA4 = printPLV('A4').then((url) => {
+    const urlA4 = printPLV("A4").then((url) => {
       setUrlA4(url);
     });
   }, [data]);
 
-
-
   async function printPLV(format: string) {
     setIsReady(false);
 
     // Chemin du fichier PDF
-   const pdfUrl = `/Movalib_${format}.pdf`;
+    const pdfUrl = `/Movalib_${format}.pdf`;
     // Récupérer le fichier PDF depuis le serveur
     const response = await fetch(pdfUrl);
     const existingPdfBytes = await response.arrayBuffer();
@@ -118,20 +119,20 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
     const { width, height } = firstPage.getSize();
 
     let optionQrcode = {};
-    if(format === 'A3'){
+    if (format === "A3") {
       optionQrcode = {
-        x: width - 427,  
+        x: width - 427,
         y: 88,
         width: 349,
-        height: 349
-      }
+        height: 349,
+      };
     } else {
       optionQrcode = {
         x: width - 303,
         y: 54,
         width: 245,
         height: 245,
-      }
+      };
     }
     // AJouter le QR code à la première page du PDF
     firstPage.drawImage(qrImage, optionQrcode);
@@ -140,7 +141,7 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
     const modifiedPdfBytes = await pdfDoc.save();
 
     // Convertir les bytes en Blob puis en URL
-    const blob = new Blob([modifiedPdfBytes], { type: 'application/pdf' });
+    const blob = new Blob([modifiedPdfBytes], { type: "application/pdf" });
     const url = URL.createObjectURL(blob);
 
     // étape nécesssaire pour utiliser reactToPrint pour pouvoir nommer le document
@@ -148,49 +149,51 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
     // donc il faut convertir le PDF en image
     // puis convertir l'image en URL
     // et enfin integrer l'image dans le HTML via la balise <img>
-  
 
     // Convertir le PDF en image
     const loadingTask = getPdfDocument(url);
     const pdf = await loadingTask.promise;
-  
+
     // Récupérer la première page
     const page = await pdf.getPage(1);
-  
+
     // Créer un canvas pour afficher la page
-    const canvas = document.createElement('canvas');
-    const context = canvas.getContext('2d');
-  
-    const viewport = page.getViewport({ scale: 3});
+    const canvas = document.createElement("canvas");
+    const context = canvas.getContext("2d");
+
+    const viewport = page.getViewport({ scale: 3 });
     canvas.width = viewport.width;
     canvas.height = viewport.height;
-  
+
     // Rendu de la page dans le canvas
     const renderContext = {
       canvasContext: context!,
       viewport: viewport,
     };
     await page.render(renderContext).promise;
-  
+
     // Convertir le canvas en URL d'image (data URL)
-    const imageUrl = canvas.toDataURL('image/png');
+    const imageUrl = canvas.toDataURL("image/png");
     setIsReady(true);
     return imageUrl;
   }
 
   const downloadQRCodeHeadless = useCallback(() => {
     qrCode.download({
-      extension: 'png',
-      name: 'movalib-qr-code',
+      extension: "png",
+      name: "movalib-qr-code",
     });
   }, [qrCode.download]);
 
   const downloadQrCodeWithCTA = useCallback(() => {
     // Check if we have everything we need
-    const qrCodeContainer = document.querySelector<HTMLElement>('#qr-code-container');
-    const qrCodeDiv = qrCodeContainer?.querySelector<HTMLElement>('.qr-code');
-    const qrCodeCanva = qrCodeDiv?.querySelector('canvas');
-    const downloadedDiv = document.getElementById('qr-code-downloaded-container');
+    const qrCodeContainer =
+      document.querySelector<HTMLElement>("#qr-code-container");
+    const qrCodeDiv = qrCodeContainer?.querySelector<HTMLElement>(".qr-code");
+    const qrCodeCanva = qrCodeDiv?.querySelector("canvas");
+    const downloadedDiv = document.getElementById(
+      "qr-code-downloaded-container"
+    );
 
     // If we don't have the QR Code, we can't download it
     if (!(qrCodeContainer && qrCodeDiv && qrCodeCanva && downloadedDiv)) {
@@ -198,9 +201,11 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
     }
 
     const tmpRendered = downloadedDiv.cloneNode(true) as HTMLElement;
-    tmpRendered.style.display = 'flex';
+    tmpRendered.style.display = "flex";
 
-    const downloadedQrCodeImgContainer = tmpRendered.querySelector<HTMLElement>('#qr-code-img-container')!;
+    const downloadedQrCodeImgContainer = tmpRendered.querySelector<HTMLElement>(
+      "#qr-code-img-container"
+    )!;
 
     downloadedQrCodeImgContainer.append(qrCodeCanva);
     // add it to the document to be able to download it
@@ -208,9 +213,9 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
 
     // create the canva of the tmpRendered div and download it
     html2canvas(tmpRendered).then((canvas) => {
-      const a = document.createElement('a');
-      a.download = 'movalib-qr-code.png';
-      a.href = canvas.toDataURL('image/png');
+      const a = document.createElement("a");
+      a.download = "movalib-qr-code.png";
+      a.href = canvas.toDataURL("image/png");
       a.click();
     });
 
@@ -221,89 +226,116 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
     qrCode.append(qrCodeRef.current!);
   }, [qrCode.append]);
 
-  const onChangeSelectedChoice: SelectProps<SelectChoice>['onChange'] = (e) => {
-    if(e.target.value === 'A3' && !urlA3){
-      printPLV('A3').then((url) => {
+  const onChangeSelectedChoice: SelectProps<SelectChoice>["onChange"] = (e) => {
+    if (e.target.value === "A3" && !urlA3) {
+      printPLV("A3").then((url) => {
         setUrlA3(url);
       });
     }
     setSelectedChoice(e.target.value as SelectChoice);
   };
-  
+
   const printA3PLV = useReactToPrint({
     content: () => PLVrefA3.current,
-    documentTitle: 'Movalib_PLV_A3',
+    documentTitle: "Movalib_PLV_A3",
   });
 
   const printA4PLV = useReactToPrint({
     content: () => PLVrefA4.current,
-    documentTitle: 'Movalib_PLV_A4',
+    documentTitle: "Movalib_PLV_A4",
   });
 
   const onClickDownload = useMemo(() => {
     switch (selectedChoice) {
-      case 'A3':
+      case "A3":
         return printA3PLV;
-      case 'A4':
+      case "A4":
         return printA4PLV;
-      case 'QR_Headless':
+      case "QR_Headless":
         return downloadQRCodeHeadless;
-      case 'QR_Google':
+      case "QR_Google":
         return downloadQrCodeWithCTA;
       default:
         return () => {};
     }
-  }, [selectedChoice, downloadQRCodeHeadless, downloadQrCodeWithCTA, printA3PLV, printA4PLV]);
+  }, [
+    selectedChoice,
+    downloadQRCodeHeadless,
+    downloadQrCodeWithCTA,
+    printA3PLV,
+    printA4PLV,
+  ]);
   return (
-    <Box display='flex' flexDirection='column' alignItems='center' gap='24px'>
-      {urlA4 && <PLVComponentV2 ref={PLVrefA4} url={urlA4} printSize={PrintSize.A4} />}
-      {urlA3 && <PLVComponentV2 ref={PLVrefA3} url={urlA3} printSize={PrintSize.A3} />}
-
-      <Grid container justifyContent='center' alignItems='center'>
+    <Box display="flex" flexDirection="column" alignItems="center" gap="24px">
+      {urlA4 && (
+        <PLVComponentV2 ref={PLVrefA4} url={urlA4} printSize={PrintSize.A4} />
+      )}
+      {urlA3 && (
+        <PLVComponentV2 ref={PLVrefA3} url={urlA3} printSize={PrintSize.A3} />
+      )}
+
+      <Grid container justifyContent="center" alignItems="center">
         <Grid item xs={7}>
-          <FormControl fullWidth size='small'>
-            <InputLabel id='qrcode-plv-select'>Choisissez votre support</InputLabel>
+          <FormControl fullWidth size="small">
+            <InputLabel id="qrcode-plv-select">
+              Choisissez votre support
+            </InputLabel>
             <Select
-              labelId='qrcode-plv-select'
-              label='Choisissez votre support'
-              id='qrcode-plv-select'
+              labelId="qrcode-plv-select"
+              label="Choisissez votre support"
+              id="qrcode-plv-select"
               onChange={onChangeSelectedChoice}
               value={selectedChoice}
             >
-              <MenuItem value={'A4'}>🧾&nbsp;&nbsp;PLV format A4</MenuItem>
-              <MenuItem value={'A3'}>🧾&nbsp;&nbsp;PLV format A3</MenuItem>
-              <MenuItem value={'QR_Google'}>QR Code format GoogleMyBusiness</MenuItem>
-              <MenuItem value={'QR_Headless'}>QR Code seul</MenuItem>
+              <MenuItem value={"A4"}>🧾&nbsp;&nbsp;PLV format A4</MenuItem>
+              <MenuItem value={"A3"}>🧾&nbsp;&nbsp;PLV format A3</MenuItem>
+              <MenuItem value={"QR_Google"}>
+                QR Code format GoogleMyBusiness
+              </MenuItem>
+              <MenuItem value={"QR_Headless"}>QR Code seul</MenuItem>
             </Select>
           </FormControl>
         </Grid>
         <Grid item xs={4} marginLeft={3}>
-
-        {(selectedChoice === 'A3' || selectedChoice === 'A4') && !isReady ? (
-          <CircularProgress />
-        ) : (
-          <Button
-            startIcon={selectedChoice === 'A3' || selectedChoice === 'A4' ? <DocumentScanner /> : <QrCode2 />}
-            onClick={onClickDownload}
-            variant='outlined'
-            disabled={!selectedChoice || ((selectedChoice === 'A3' || selectedChoice === 'A4') && !isReady)}
-            sx={{ color: darken(theme.palette.primary.main, 0.2), borderRadius: '10rem' }}
-          >
-            {selectedChoice === 'A3' || selectedChoice === 'A4' ? 'Imprimer' : 'Télécharger'}
+          {(selectedChoice === "A3" || selectedChoice === "A4") && !isReady ? (
+            <CircularProgress />
+          ) : (
+            <Button
+              startIcon={
+                selectedChoice === "A3" || selectedChoice === "A4" ? (
+                  <DocumentScanner />
+                ) : (
+                  <QrCode2 />
+                )
+              }
+              onClick={onClickDownload}
+              variant="outlined"
+              disabled={
+                !selectedChoice ||
+                ((selectedChoice === "A3" || selectedChoice === "A4") &&
+                  !isReady)
+              }
+              sx={{
+                color: darken(theme.palette.primary.main, 0.2),
+                borderRadius: "10rem",
+              }}
+            >
+              {selectedChoice === "A3" || selectedChoice === "A4"
+                ? "Imprimer"
+                : "Télécharger"}
             </Button>
-        )}
-
+          )}
         </Grid>
       </Grid>
-      <div id='qr-code-container' style={flexCenter}>
+      <div id="qr-code-container" style={flexCenter}>
         <div
           ref={qrCodeRef}
           style={{
-            height: '300px',
-            width: '300px',
-            maxWidth: '300px !important',
+            height: "300px",
+            width: "300px",
+            maxWidth: "300px !important",
           }}
-          className='qr-code'
+          className="qr-code"
         />
       </div>
       <DownloadedQRCode />

package/src/helpers/Enums.ts

@@ -213,6 +213,7 @@ export enum EventType {
   NOTE = "NOTE",
   PENDING_APPOINTMENT = "PENDING_APPOINTMENT",
   WAITING_VEHICLE = "WAITING_VEHICLE",
+  QUOTE = "QUOTE",
 }
 
 export enum DayOfWeek {
@@ -231,6 +232,13 @@ export enum DocumentState {
   REJECTED = "REJECTED",
 }
 
+export enum QuoteState {
+  QUOTE_DRAFT = "QUOTE_DRAFT",
+  QUOTE_SENT = "QUOTE_SENT",
+  QUOTE_ACCEPTED = "QUOTE_ACCEPTED",
+  QUOTE_REJECTED = "QUOTE_REJECTED",
+}
+
 export enum DocumentType {
   USER_BANK_DETAILS = "USER_BANK_DETAILS",
   USER_APPOINTMENT_QUOTE = "USER_APPOINTMENT_QUOTE",

package/src/models/Document.ts

@@ -15,7 +15,10 @@ export default class Document {
   reference?: string;
   rejectReason?: string;
   validateToken?: string;
-
+  remindersCount?: number;
+  totalAmountInclVat?: number;
+  lastSendingTime?: Date;
+  firstSendingTime?: Date;
   constructor(
     id: string,
     ownerId: number,
@@ -28,7 +31,11 @@ export default class Document {
     creationDate?: Date,
     updateDate?: Date,
     reference?: string,
-    validateToken?: string
+    validateToken?: string,
+    remindersCount?: number,
+    totalAmountInclVat?: number,
+    lastSendingTime?: Date,
+    firstSendingTime?: Date
   ) {
     this.id = id;
     this.state = state;
@@ -42,6 +49,14 @@ export default class Document {
     this.updateDate = updateDate;
     this.reference = reference;
     this.validateToken = validateToken;
+    this.remindersCount = remindersCount;
+    this.totalAmountInclVat = totalAmountInclVat;
+    this.lastSendingTime = lastSendingTime
+      ? new Date(lastSendingTime)
+      : undefined;
+    this.firstSendingTime = firstSendingTime
+      ? new Date(firstSendingTime)
+      : undefined;
   }
 
   static findByTypeAndReference(

package/src/models/Event.ts

@@ -1,4 +1,11 @@
-import { EventState, EventType, OrderPreference } from "../helpers/Enums";
+import {
+  DocumentState,
+  DocumentType,
+  EventState,
+  EventType,
+  OrderPreference,
+  QuoteState,
+} from "../helpers/Enums";
 import Address from "./Address";
 import Customer from "./Customer";
 import Document from "./Document";
@@ -82,7 +89,10 @@ export default class Event {
   origin?: string;
   quoteLastSendingTime?: Date;
   invoiceSendingDate?: Date;
-
+  creationDate?: Date;
+  updatedDate?: Date;
+  quoteFirstSendingTime?: Date;
+  lastQuoteCreationDate?: Date;
   constructor(
     id: string,
     ownerId: number,
@@ -111,7 +121,11 @@ export default class Event {
     interventionEndTime?: Date,
     quoteLastSendingTime?: Date,
     invoiceSendingDate?: Date,
-    orders?: order[]
+    orders?: order[],
+    creationDate?: Date,
+    updatedDate?: Date,
+    lastQuoteCreationDate?: Date,
+    quoteFirstSendingTime?: Date
   ) {
     this.id = id;
     this.notes = notes;
@@ -149,6 +163,14 @@ export default class Event {
       ? new Date(invoiceSendingDate)
       : undefined;
     this.orders = orders;
+    this.creationDate = creationDate ? new Date(creationDate) : undefined;
+    this.updatedDate = updatedDate ? new Date(updatedDate) : undefined;
+    this.lastQuoteCreationDate = lastQuoteCreationDate
+      ? new Date(lastQuoteCreationDate)
+      : undefined;
+    this.quoteFirstSendingTime = quoteFirstSendingTime
+      ? new Date(quoteFirstSendingTime)
+      : undefined;
   }
 
   static getPrestationsList(event: Event): string[] {
@@ -158,4 +180,44 @@ export default class Event {
 
     return [];
   }
+  static getCurrentQuote(event: Event): Document | null {
+    if (event.documents) {
+      const quoteDocument = event.documents.filter(
+        (doc) => doc.type === DocumentType.USER_APPOINTMENT_QUOTE
+      );
+      if (event.type === EventType.QUOTE) {
+        const state = event.state as unknown as QuoteState;
+        if (
+          state === QuoteState.QUOTE_DRAFT ||
+          state === QuoteState.QUOTE_SENT
+        ) {
+          return (
+            quoteDocument.find((doc) => doc.state === DocumentState.PENDING) ??
+            null
+          );
+        } else if (state === QuoteState.QUOTE_REJECTED) {
+          return (
+            quoteDocument
+              .filter((doc) => doc.state === DocumentState.REJECTED)
+              .sort(
+                (a, b) =>
+                  new Date(b.creationDate!).getTime() -
+                  new Date(a.creationDate!).getTime()
+              )[0] ?? null
+          );
+        } else if (state === QuoteState.QUOTE_ACCEPTED) {
+          return (
+            quoteDocument.find((doc) => doc.state === DocumentState.APPROVED) ??
+            null
+          );
+        }
+      } else {
+        return (
+          quoteDocument.find((doc) => doc.state === DocumentState.APPROVED) ??
+          null
+        );
+      }
+    }
+    return null;
+  }
 }