@movalib/movalib-commons 1.62.0 → 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.62.0",
+	"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",