@movalib/movalib-commons 1.54.0 → 1.55.0

package/dist/index.d.ts

@@ -22,6 +22,8 @@ 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 { QrCodePLVContainer } from './src/components/QrCodePLVContainer/QrCodePLVContainer';
+export { PLVComponent, PrintSize } from './src/components/QrCodePLVContainer/PLVComponent';
 export { default as Subscription } from './src/models/Subscription';
 export { default as Absence } from './src/models/Absence';
 export { default as Employee } from './src/models/Employee';
@@ -42,10 +44,10 @@ export { default as Event } from './src/models/Event';
 export { default as VehicleTire } from './src/models/VehicleTire';
 export type { APIRequest, APIResponse } from './src/helpers/ApiHelper';
 export type { DaySchedule, DayInterval } from './src/ScheduleFields';
-export type { MovaFormField, MovaLoginForm, MovaUserSignUpForm, MovaInterval, MovaVehicleForm, AddressFieldName } from './src/helpers/Types';
+export type { MovaFormField, MovaLoginForm, MovaUserSignUpForm, MovaInterval, MovaVehicleForm, AddressFieldName, } from './src/helpers/Types';
 export { readCookie, deleteCookie } from './src/helpers/CookieUtils';
-export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel, capitalizeFirstLetter, flexLeftRow, formatPhoneNumber, getFormattedSchedule, getFormattedIntervals, findScheduleByDayOfWeek, getDayOfWeekLabel, isSafariOniOS, getApplicationsShortLabels } from './src/helpers/Tools';
+export { validateField, formatVehicleTire, formatFrenchVehiclePlate, isEmpty, getApplicationShortLabel, capitalizeFirstLetter, flexLeftRow, formatPhoneNumber, getFormattedSchedule, getFormattedIntervals, findScheduleByDayOfWeek, getDayOfWeekLabel, isSafariOniOS, getApplicationsShortLabels, } from './src/helpers/Tools';
 export { validatePhoneNumber, validateText, validateEmail } from './src/helpers/Validator';
 export { formatDateByCountryCode, getLongFormattedDateTime } from './src/helpers/DateUtils';
-export { request, API_BASE_URL, } from './src/helpers/ApiHelper';
-export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType, DigitalPassportIndex, DocumentState, Gender, DateFormatTypes, PartsApplicationType, ProductType, OrderPreference, OrderState, SlotAlgorithm, VehiclePlateFormat as VehiclePlateType, SubscriptionPaymentInterval, RegistrationState, PrestationType, PrestationState, CountryCode, SubscriptionState, SubscriptionType, APIMethod } from './src/helpers/Enums';
+export { request, API_BASE_URL } from './src/helpers/ApiHelper';
+export { RoleType, MovaAppType, DayOfWeek, EventState, EventType, DocumentType, DigitalPassportIndex, DocumentState, Gender, DateFormatTypes, PartsApplicationType, ProductType, OrderPreference, OrderState, SlotAlgorithm, VehiclePlateFormat as VehiclePlateType, SubscriptionPaymentInterval, RegistrationState, PrestationType, PrestationState, CountryCode, SubscriptionState, SubscriptionType, APIMethod, } from './src/helpers/Enums';

package/dist/index.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.capitalizeFirstLetter = exports.getApplicationShortLabel = exports.isEmpty = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.Customer = exports.Logger = exports.Operation = exports.Prestation = exports.Product = exports.Supplier = exports.Employee = exports.Absence = exports.Subscription = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.VehiclePlateField = exports.QRCode = exports.MovaDialog = exports.Loader = exports.MovaDigitalPassport = exports.VehicleFullCard = exports.ScheduleFields = exports.AddressFields = exports.AccountValidation = exports.GaragePLV = exports.IbanInput = exports.DialogForgotPassword = exports.UserService = exports.GarageService = exports.AuthenticationService = exports.VehicleService = void 0;
-exports.APIMethod = exports.SubscriptionType = exports.SubscriptionState = exports.CountryCode = exports.PrestationState = exports.PrestationType = exports.RegistrationState = exports.SubscriptionPaymentInterval = exports.VehiclePlateType = exports.SlotAlgorithm = exports.OrderState = exports.OrderPreference = exports.ProductType = exports.PartsApplicationType = exports.DateFormatTypes = exports.Gender = exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = exports.MovaAppType = exports.RoleType = exports.API_BASE_URL = exports.request = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.getApplicationsShortLabels = exports.isSafariOniOS = exports.getDayOfWeekLabel = exports.findScheduleByDayOfWeek = exports.getFormattedIntervals = exports.getFormattedSchedule = exports.formatPhoneNumber = exports.flexLeftRow = void 0;
+exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = exports.VehicleTire = exports.Event = exports.Schedule = exports.Garage = exports.Document = exports.Vehicle = exports.Address = exports.Role = exports.User = exports.Customer = exports.Logger = exports.Operation = exports.Prestation = exports.Product = exports.Supplier = exports.Employee = exports.Absence = exports.Subscription = exports.PrintSize = exports.PLVComponent = exports.QrCodePLVContainer = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.VehiclePlateField = exports.QRCode = exports.MovaDialog = exports.Loader = exports.MovaDigitalPassport = exports.VehicleFullCard = exports.ScheduleFields = exports.AddressFields = exports.AccountValidation = exports.GaragePLV = exports.IbanInput = exports.DialogForgotPassword = exports.UserService = exports.GarageService = exports.AuthenticationService = exports.VehicleService = void 0;
+exports.APIMethod = exports.SubscriptionType = exports.SubscriptionState = exports.CountryCode = exports.PrestationState = exports.PrestationType = exports.RegistrationState = exports.SubscriptionPaymentInterval = exports.VehiclePlateType = exports.SlotAlgorithm = exports.OrderState = exports.OrderPreference = exports.ProductType = exports.PartsApplicationType = exports.DateFormatTypes = exports.Gender = exports.DocumentState = exports.DigitalPassportIndex = exports.DocumentType = exports.EventType = exports.EventState = exports.DayOfWeek = exports.MovaAppType = exports.RoleType = exports.API_BASE_URL = exports.request = exports.getLongFormattedDateTime = exports.formatDateByCountryCode = exports.validateEmail = exports.validateText = exports.validatePhoneNumber = exports.getApplicationsShortLabels = exports.isSafariOniOS = exports.getDayOfWeekLabel = exports.findScheduleByDayOfWeek = exports.getFormattedIntervals = exports.getFormattedSchedule = exports.formatPhoneNumber = exports.flexLeftRow = exports.capitalizeFirstLetter = exports.getApplicationShortLabel = exports.isEmpty = void 0;
 // Export des services
 var VehicleService_1 = require("./src/services/VehicleService");
 Object.defineProperty(exports, "VehicleService", { enumerable: true, get: function () { return __importDefault(VehicleService_1).default; } });
@@ -56,6 +56,11 @@ var ConfirmationDialog_1 = require("./src/ConfirmationDialog");
 Object.defineProperty(exports, "ConfirmationDialog", { enumerable: true, get: function () { return __importDefault(ConfirmationDialog_1).default; } });
 var GenderSelector_1 = require("./src/GenderSelector");
 Object.defineProperty(exports, "GenderSelector", { enumerable: true, get: function () { return __importDefault(GenderSelector_1).default; } });
+var QrCodePLVContainer_1 = require("./src/components/QrCodePLVContainer/QrCodePLVContainer");
+Object.defineProperty(exports, "QrCodePLVContainer", { enumerable: true, get: function () { return QrCodePLVContainer_1.QrCodePLVContainer; } });
+var PLVComponent_1 = require("./src/components/QrCodePLVContainer/PLVComponent");
+Object.defineProperty(exports, "PLVComponent", { enumerable: true, get: function () { return PLVComponent_1.PLVComponent; } });
+Object.defineProperty(exports, "PrintSize", { enumerable: true, get: function () { return PLVComponent_1.PrintSize; } });
 // Export des classes
 var Subscription_1 = require("./src/models/Subscription");
 Object.defineProperty(exports, "Subscription", { enumerable: true, get: function () { return __importDefault(Subscription_1).default; } });

package/dist/src/GaragePLV.d.ts

@@ -1,11 +1,6 @@
-import { FC } from 'react';
-export declare enum PrintSize {
-    A3 = 0,
-    A4 = 1
-}
+import { type FC } from 'react';
 interface GaragePLVProps {
     url: string;
-    printSize?: PrintSize;
 }
 declare const GaragePLV: FC<GaragePLVProps>;
 export default GaragePLV;

package/dist/src/GaragePLV.js

@@ -1,19 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -25,142 +10,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PrintSize = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importStar(require("react"));
-var QRCode_1 = __importDefault(require("./QRCode"));
-var react_to_print_1 = require("react-to-print");
 var material_1 = require("@mui/material");
+var react_1 = require("react");
+var react_to_print_1 = require("react-to-print");
+var PLVComponent_1 = require("./components/QrCodePLVContainer/PLVComponent");
 var Tools_1 = require("./helpers/Tools");
-var logo_large_png_1 = __importDefault(require("./assets/images/logo/logo_large.png"));
-var leafs_large_png_1 = __importDefault(require("./assets/images/leafs_large.png"));
-var theme_1 = __importDefault(require("../theme"));
-var PrintSize;
-(function (PrintSize) {
-    PrintSize[PrintSize["A3"] = 0] = "A3";
-    PrintSize[PrintSize["A4"] = 1] = "A4";
-})(PrintSize = exports.PrintSize || (exports.PrintSize = {}));
-var PLVTitle = {
-    display: 'flex',
-    justifyContent: 'left',
-    alignItems: 'center',
-    textTransform: 'uppercase',
-    fontFamily: 'Montserrat, sans-serif',
-    fontSize: '50px',
-    lineHeight: 1.2,
-};
-var PLVTitleA3 = {
-    display: 'flex',
-    justifyContent: 'left',
-    alignItems: 'center',
-    textTransform: 'uppercase',
-    fontFamily: 'Montserrat, sans-serif',
-    fontSize: '75px',
-    lineHeight: 1.2,
-};
-var PLVHeaderLogo = {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    width: '25%'
-};
-var PLVFooterLogo = {
-    display: 'flex',
-    justifyContent: 'end',
-    alignItems: 'center',
-    width: '15%',
-    right: '6%',
-    position: 'relative',
-    zIndex: -1
-};
-var PLVQRCode = {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center'
-};
-var PLVBaseLine = {
-    display: 'flex',
-    justifyContent: 'left',
-    alignItems: 'center',
-    fontFamily: 'Caveat',
-    lineHeight: 2.5,
-    fontWeight: 700,
-    marginTop: 20,
-    paddingLeft: 0,
-    //transform: 'rotate(-10deg)',
-    fontSize: '27px',
-};
-var PLVBaseLineA3 = {
-    display: 'flex',
-    justifyContent: 'left',
-    alignItems: 'center',
-    fontFamily: 'Caveat',
-    lineHeight: 2.5,
-    fontWeight: 700,
-    marginTop: 20,
-    //transform: 'rotate(-10deg)',
-    fontSize: '38px',
-};
-var PVLFooterText = {
-    fontFamily: 'Montserrat, sans-serif',
-    textTransform: 'uppercase',
-    fontSize: '14px',
-    letterSpacing: 4,
-    position: 'absolute'
-};
-var PVLFooterTextA3 = {
-    fontFamily: 'Montserrat, sans-serif',
-    textTransform: 'uppercase',
-    fontSize: '20px',
-    letterSpacing: 4,
-    position: 'absolute'
-};
-/**
- * PLV Garage au format A4
- */
-var PLVComponent = /** @class */ (function (_super) {
-    __extends(PLVComponent, _super);
-    function PLVComponent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    PLVComponent.prototype.render = function () {
-        return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "printable-content", style: {
-                width: this.props.printSize === PrintSize.A4 ? '210mm' :
-                    this.props.printSize === PrintSize.A3 ? '297mm' : '0mm',
-                height: this.props.printSize === PrintSize.A4 ? '297mm' :
-                    this.props.printSize === PrintSize.A3 ? '420mm' : '0mm',
-            } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, style: PLVHeaderLogo, sx: { m: 2, mt: 6, mb: 4 } }, { children: (0, jsx_runtime_1.jsx)("img", { src: logo_large_png_1.default, style: PLVHeaderLogo }) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ item: true, xs: 12, sx: { ml: 6, mt: 4 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'highlight' }, { children: "Prenez rendez-vous " })) })), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'highlight' }, { children: " en un clic ! " })) }))] })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ item: true, xs: 12, sx: { ml: 6, mt: 4 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'not-highlight' }, { children: " Votre entretien " })) })), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'not-highlight' }, { children: " auto ne sera plus " })) })), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'not-highlight' }, { children: " un casse-t\u00EAte. " })) }))] })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { pl: 0, mt: this.props.printSize === PrintSize.A3 ? 11 : 7 }, style: PLVQRCode }, { children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { data: this.props.url, size: this.props.printSize === PrintSize.A4 ? 300 : 450 }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, style: PLVBaseLine }, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVBaseLineA3 : PLVBaseLine }, { children: ["Vos rendez-vous et factures en un clic", (0, jsx_runtime_1.jsx)("br", {}), "Alertes et suivi en temps r\u00E9\u00E9l", (0, jsx_runtime_1.jsx)("br", {}), "Regroupez 100% de vos documents", (0, jsx_runtime_1.jsx)("br", {}), "Movalib vous r\u00E9concilie avec votre auto !"] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, style: Tools_1.flexStart }, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ color: theme_1.default.palette.primary.dark, sx: { ml: this.props.printSize === PrintSize.A3 ? 8 : 7,
-                                fontSize: this.props.printSize === PrintSize.A3 ? '1.6rem' : '1rem' } }, { children: ["Ou rendez-vous sur ", (0, jsx_runtime_1.jsx)("b", { children: "app.movalib.com" })] })) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ item: true, xs: 12, sx: { mt: this.props.printSize === PrintSize.A3 ? 11 : 7 }, style: PLVFooterLogo }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ style: this.props.printSize === PrintSize.A3 ? PVLFooterTextA3 : PVLFooterText }, { children: "WWW.MOVALIB.COM" })), (0, jsx_runtime_1.jsx)("img", { src: leafs_large_png_1.default, style: PLVFooterLogo })] }))] })) })));
-    };
-    return PLVComponent;
-}(react_1.default.Component));
 var GaragePLV = function (_a) {
     var url = _a.url;
     var PLVrefA4 = (0, react_1.useRef)(null);
@@ -174,11 +30,6 @@ var GaragePLV = function (_a) {
         content: function () { return PLVrefA3.current; },
         documentTitle: 'Movalib_PLV_A3',
     });
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: Tools_1.flexCenter }, { children: [(0, jsx_runtime_1.jsx)(PLVComponent, { ref: PLVrefA4, url: url, printSize: PrintSize.A4 }), (0, jsx_runtime_1.jsx)(PLVComponent, { ref: PLVrefA3, url: url, printSize: PrintSize.A3 }), (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: handleA4Print, variant: 'outlined', sx: { color: (0, material_1.darken)(theme.palette.primary.main, 0.2), mr: 2 } }, { children: "\uD83E\uDDFE\u00A0\u00A0Imprimer la PLV (A4)" })), (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: handleA3Print, variant: 'outlined', sx: { color: (0, material_1.darken)(theme.palette.primary.main, 0.2) } }, { children: "\uD83E\uDDFE\u00A0\u00A0Imprimer la PLV (A3)" }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: Tools_1.flexCenter }, { children: [(0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponent, { ref: PLVrefA4, url: url, printSize: PLVComponent_1.PrintSize.A4 }), (0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponent, { ref: PLVrefA3, url: url, printSize: PLVComponent_1.PrintSize.A3 }), (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: handleA4Print, variant: 'outlined', sx: { color: (0, material_1.darken)(theme.palette.primary.main, 0.2), mr: 2 } }, { children: "\uD83E\uDDFE\u00A0\u00A0Imprimer la PLV (A4)" })), (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: handleA3Print, variant: 'outlined', sx: { color: (0, material_1.darken)(theme.palette.primary.main, 0.2) } }, { children: "\uD83E\uDDFE\u00A0\u00A0Imprimer la PLV (A3)" }))] })));
 };
 exports.default = GaragePLV;
-// CSS pour cacher le contenu à l'écran mais le rendre imprimable
-var css = "\n    .highlight {\n        background-color: #BCD46C; /* Couleur de surlignage */\n        margin: 4px 4px; /* Espacement autour du texte surlign\u00E9 */\n        padding-left : 8px;\n        padding-right: 8px;\n        font-weight: 500;\n        color: white;\n    }\n    .not-highlight {\n        margin: 4px 4px; /* Espacement autour du texte surlign\u00E9 */\n        padding-left : 8px;\n        padding-right: 8px;\n        color: #BCD46C;\n    }\n\n  .printable-content {\n    visibility: hidden;\n    position: absolute;\n    left: -10000px;\n    top: -10000px;\n  }\n  @media print {\n    .printable-content {\n      visibility: visible;\n      position: static;\n    }\n  }\n";
-var styleSheet = document.createElement("style");
-styleSheet.innerText = css;
-document.head.appendChild(styleSheet);

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare enum PrintSize {
+    A3 = "A3",
+    A4 = "A4"
+}
+type PLVComponentProps = {
+    printSize: PrintSize;
+    url: string;
+};
+/**
+ * PLV Garage au format A4
+ */
+export declare class PLVComponent extends React.Component<PLVComponentProps> {
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

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

@@ -0,0 +1,145 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PLVComponent = exports.PrintSize = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var react_1 = __importDefault(require("react"));
+var theme_1 = __importDefault(require("../../../theme"));
+var QRCode_1 = __importDefault(require("../../QRCode"));
+var leafs_large_png_1 = __importDefault(require("../../assets/images/leafs_large.png"));
+var logo_large_png_1 = __importDefault(require("../../assets/images/logo/logo_large.png"));
+var Tools_1 = require("../../helpers/Tools");
+var PLVTitle = {
+    display: 'flex',
+    justifyContent: 'left',
+    alignItems: 'center',
+    textTransform: 'uppercase',
+    fontFamily: 'Montserrat, sans-serif',
+    fontSize: '50px',
+    lineHeight: 1.2,
+};
+var PLVTitleA3 = {
+    display: 'flex',
+    justifyContent: 'left',
+    alignItems: 'center',
+    textTransform: 'uppercase',
+    fontFamily: 'Montserrat, sans-serif',
+    fontSize: '75px',
+    lineHeight: 1.2,
+};
+var PLVHeaderLogo = {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: '25%',
+};
+var PLVFooterLogo = {
+    display: 'flex',
+    justifyContent: 'end',
+    alignItems: 'center',
+    width: '15%',
+    right: '6%',
+    position: 'relative',
+    zIndex: -1,
+};
+var PLVQRCode = {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+var PLVBaseLine = {
+    display: 'flex',
+    justifyContent: 'left',
+    alignItems: 'center',
+    fontFamily: 'Caveat',
+    lineHeight: 2.5,
+    fontWeight: 700,
+    marginTop: 20,
+    paddingLeft: 0,
+    //transform: 'rotate(-10deg)',
+    fontSize: '27px',
+};
+var PLVBaseLineA3 = {
+    display: 'flex',
+    justifyContent: 'left',
+    alignItems: 'center',
+    fontFamily: 'Caveat',
+    lineHeight: 2.5,
+    fontWeight: 700,
+    marginTop: 20,
+    //transform: 'rotate(-10deg)',
+    fontSize: '38px',
+};
+var PVLFooterText = {
+    fontFamily: 'Montserrat, sans-serif',
+    textTransform: 'uppercase',
+    fontSize: '14px',
+    letterSpacing: 4,
+    position: 'absolute',
+};
+var PVLFooterTextA3 = {
+    fontFamily: 'Montserrat, sans-serif',
+    textTransform: 'uppercase',
+    fontSize: '20px',
+    letterSpacing: 4,
+    position: 'absolute',
+};
+var PrintSize;
+(function (PrintSize) {
+    PrintSize["A3"] = "A3";
+    PrintSize["A4"] = "A4";
+})(PrintSize = exports.PrintSize || (exports.PrintSize = {}));
+/**
+ * PLV Garage au format A4
+ */
+var PLVComponent = /** @class */ (function (_super) {
+    __extends(PLVComponent, _super);
+    function PLVComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PLVComponent.prototype.render = function () {
+        return ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'printable-content', style: {
+                width: this.props.printSize === PrintSize.A4 ? '210mm' : this.props.printSize === PrintSize.A3 ? '297mm' : '0mm',
+                height: this.props.printSize === PrintSize.A4 ? '297mm' : this.props.printSize === PrintSize.A3 ? '420mm' : '0mm',
+            } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, style: PLVHeaderLogo, sx: { m: 2, mt: 6, mb: 4 } }, { children: (0, jsx_runtime_1.jsx)("img", { src: logo_large_png_1.default, style: PLVHeaderLogo }) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ item: true, xs: 12, sx: { ml: 6, mt: 4 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'highlight' }, { children: "Prenez rendez-vous " })) })), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'highlight' }, { children: " en un clic ! " })) }))] })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ item: true, xs: 12, sx: { ml: 6, mt: 4 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'not-highlight' }, { children: " Votre entretien " })) })), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'not-highlight' }, { children: " auto ne sera plus " })) })), (0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVTitleA3 : PLVTitle }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'not-highlight' }, { children: " un casse-t\u00EAte. " })) }))] })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, sx: { pl: 0, mt: this.props.printSize === PrintSize.A3 ? 11 : 7 }, style: PLVQRCode }, { children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { data: this.props.url, size: this.props.printSize === PrintSize.A4 ? 300 : 450 }) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6, style: PLVBaseLine }, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ style: this.props.printSize === PrintSize.A3 ? PLVBaseLineA3 : PLVBaseLine }, { children: ["Vos rendez-vous et factures en un clic", (0, jsx_runtime_1.jsx)("br", {}), "Alertes et suivi en temps r\u00E9\u00E9l", (0, jsx_runtime_1.jsx)("br", {}), "Regroupez 100% de vos documents", (0, jsx_runtime_1.jsx)("br", {}), "Movalib vous r\u00E9concilie avec votre auto !"] })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 12, style: Tools_1.flexStart }, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ color: theme_1.default.palette.primary.dark, sx: {
+                                ml: this.props.printSize === PrintSize.A3 ? 8 : 7,
+                                fontSize: this.props.printSize === PrintSize.A3 ? '1.6rem' : '1rem',
+                            } }, { children: ["Ou rendez-vous sur ", (0, jsx_runtime_1.jsx)("b", { children: "app.movalib.com" })] })) })), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ item: true, xs: 12, sx: { mt: this.props.printSize === PrintSize.A3 ? 11 : 7 }, style: PLVFooterLogo }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ style: this.props.printSize === PrintSize.A3 ? PVLFooterTextA3 : PVLFooterText }, { children: "WWW.MOVALIB.COM" })), (0, jsx_runtime_1.jsx)("img", { src: leafs_large_png_1.default, style: PLVFooterLogo })] }))] })) })));
+    };
+    return PLVComponent;
+}(react_1.default.Component));
+exports.PLVComponent = PLVComponent;
+// CSS pour cacher le contenu à l'écran mais le rendre imprimable
+var css = "\n    .highlight {\n        background-color: #BCD46C; /* Couleur de surlignage */\n        margin: 4px 4px; /* Espacement autour du texte surlign\u00E9 */\n        padding-left : 8px;\n        padding-right: 8px;\n        font-weight: 500;\n        color: white;\n    }\n    .not-highlight {\n        margin: 4px 4px; /* Espacement autour du texte surlign\u00E9 */\n        padding-left : 8px;\n        padding-right: 8px;\n        color: #BCD46C;\n    }\n\n  .printable-content {\n    visibility: hidden;\n    position: absolute;\n    left: -10000px;\n    top: -10000px;\n  }\n  @media print {\n    .printable-content {\n      visibility: visible;\n      position: static;\n    }\n  }\n";
+var styleSheet = document.createElement('style');
+styleSheet.innerText = css;
+document.head.appendChild(styleSheet);

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

@@ -0,0 +1,4 @@
+import './QRCode.css';
+export declare const QrCodePLVContainer: ({ data }: {
+    data: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,141 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QrCodePLVContainer = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_material_1 = require("@mui/icons-material");
+var material_1 = require("@mui/material");
+require("./QRCode.css");
+var html2canvas_1 = __importDefault(require("html2canvas"));
+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 PLVComponent_1 = require("./PLVComponent");
+var QrCodePLVContainer = function (_a) {
+    var data = _a.data;
+    var _b = (0, react_1.useState)(null), selectedChoice = _b[0], setSelectedChoice = _b[1];
+    var qrCodeRef = (0, react_1.useRef)(null);
+    var PLVrefA4 = (0, react_1.useRef)(null);
+    var PLVrefA3 = (0, react_1.useRef)(null);
+    var theme = (0, material_1.useTheme)();
+    var qrCodeOptions = (0, react_1.useMemo)(function () { return ({
+        width: 300,
+        height: 300,
+        type: 'canvas',
+        data: data,
+        image: leaf_yellow_small_png_1.default,
+        margin: 10,
+        qrOptions: {
+            typeNumber: 0,
+            mode: 'Byte',
+            errorCorrectionLevel: 'Q',
+        },
+        imageOptions: {
+            hideBackgroundDots: true,
+            imageSize: 0.4,
+            margin: 15,
+        },
+        dotsOptions: {
+            color: (0, material_1.darken)(theme.palette.primary.main, 0.4),
+            type: 'square',
+        },
+        backgroundOptions: {
+            color: 'white',
+        },
+        cornersSquareOptions: {
+            color: (0, material_1.darken)(theme.palette.secondary.main, 0.2),
+            type: 'square',
+        },
+        cornersDotOptions: {
+            color: (0, material_1.darken)(theme.palette.secondary.main, 0.2),
+            type: 'square',
+        },
+    }); }, [data, theme.palette]);
+    var qrCode = (0, react_1.useMemo)(function () { return new qr_code_styling_1.default(qrCodeOptions); }, [qrCodeOptions]);
+    (0, react_1.useEffect)(function () {
+        if (qrCodeRef.current) {
+            qrCode.append(qrCodeRef.current);
+        }
+    }, [qrCode]);
+    var printA4PLV = (0, react_to_print_1.useReactToPrint)({
+        content: function () { return PLVrefA4.current; },
+        documentTitle: 'Movalib_PLV_A4',
+    });
+    var printA3PLV = (0, react_to_print_1.useReactToPrint)({
+        content: function () { return PLVrefA3.current; },
+        documentTitle: 'Movalib_PLV_A3',
+    });
+    var downloadQRCodeHeadless = (0, react_1.useCallback)(function () {
+        qrCode.download({
+            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');
+        // 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');
+        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');
+            a.click();
+        });
+        // remove the tmpRendered div
+        tmpRendered.remove();
+        // re-append the QR Code to the initial container
+        qrCode.append(qrCodeRef.current);
+    }, [qrCode.append]);
+    var onChangeSelectedChoice = function (e) {
+        setSelectedChoice(e.target.value);
+    };
+    var onClickDownload = (0, react_1.useMemo)(function () {
+        switch (selectedChoice) {
+            case 'A3':
+                return printA3PLV;
+            case 'A4':
+                return printA4PLV;
+            case 'QR_Headless':
+                return downloadQRCodeHeadless;
+            case 'QR_Google':
+                return downloadQrCodeWithCTA;
+            default:
+                return function () { };
+        }
+    }, [selectedChoice, printA3PLV, printA4PLV, downloadQRCodeHeadless, downloadQrCodeWithCTA]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '24px' }, { children: [(0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponent, { ref: PLVrefA4, url: data, printSize: PLVComponent_1.PrintSize.A4 }), (0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponent, { ref: PLVrefA3, url: data, printSize: PLVComponent_1.PrintSize.A3 }), (0, jsx_runtime_1.jsxs)(material_1.Grid, __assign({ container: true, 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: 'A3' }, { children: "\uD83E\uDDFE\u00A0\u00A0PLV format A4" })), (0, jsx_runtime_1.jsx)(material_1.MenuItem, __assign({ value: 'A4' }, { 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, { item: true, xs: 1 }), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 4 }, { children: (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, 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;