@movalib/movalib-commons 1.68.16 → 1.68.18

package/dist/src/helpers/Validator.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateEmail = exports.validateText = exports.validatePhoneNumber = void 0;
+exports.validatePhoneNumber = validatePhoneNumber;
+exports.validateText = validateText;
+exports.validateEmail = validateEmail;
 var Tools_1 = require("./Tools");
 /**
  * Un email valide
@@ -37,18 +39,15 @@ function validatePhoneNumber(phoneNumber) {
     }
     return !(0, Tools_1.isInvalidPhoneNumber)(phoneNumber);
 }
-exports.validatePhoneNumber = validatePhoneNumber;
 function validateText(text) {
     if (text === null || text === undefined) {
         return false;
     }
     return textRegex.test(text);
 }
-exports.validateText = validateText;
 function validateEmail(email) {
     if (email === null || email === undefined) {
         return false;
     }
     return emailRegex.test(email);
 }
-exports.validateEmail = validateEmail;

package/dist/src/models/Garage.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSetting = exports.isStockActive = void 0;
+exports.isStockActive = isStockActive;
+exports.getSetting = getSetting;
 var Settings_1 = require("./Settings");
 var Garage = /** @class */ (function () {
     function Garage(id, adminId, name, address, workforce, prestations, schedules, contactPhone, prestationCategories, dayPeriodFastServiceExcluded, loanerVehicleFastServiceExcluded, fastServiceThreshold, timezone, settings, vehicles, contactEmail, logo, suppliers, documents, subscriptions, loanerVehicleActive, loanerVehicleRequestActive, customStyle, subscription, partialWorkforce, mailCustomization, billingActive, billingToken, legacyQuoteActive, appId, establishmentRegistrationNumber, companyRegistrationNumber, reopeningDate, targetMargin, demoBillingActive, onlyBilling, newDocumentEditor, googleReviewUrl, isOnlineAppointment, isOnlineQuote) {
@@ -57,9 +58,7 @@ function isStockActive(g) {
     }
     return (_b = (_a = g.settings.find(function (s) { return s.code === Settings_1.SettingsEnumCode.STOCK_MODULE_ENABLED; })) === null || _a === void 0 ? void 0 : _a.valueBoolean) !== null && _b !== void 0 ? _b : false;
 }
-exports.isStockActive = isStockActive;
 function getSetting(settings, code) {
     var _a, _b;
     return (_b = (_a = settings.find(function (s) { return s.code === code; })) === null || _a === void 0 ? void 0 : _a.valueText) !== null && _b !== void 0 ? _b : null;
 }
-exports.getSetting = getSetting;

package/dist/src/models/Settings.js

@@ -4,7 +4,7 @@ exports.SettingsEnumCode = void 0;
 var SettingsEnumCode;
 (function (SettingsEnumCode) {
     SettingsEnumCode["STOCK_MODULE_ENABLED"] = "STOCK_MODULE_ENABLED";
-})(SettingsEnumCode = exports.SettingsEnumCode || (exports.SettingsEnumCode = {}));
+})(SettingsEnumCode || (exports.SettingsEnumCode = SettingsEnumCode = {}));
 var Settings = /** @class */ (function () {
     function Settings(code, valueBoolean, valueText, valueNumber) {
         this.code = code;

package/dist/src/services/AuthenticationService.js

@@ -9,8 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/dist/src/services/UserService.js

@@ -9,8 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/dist/src/style/styled.d.ts

@@ -1,17 +1,15 @@
-/// <reference types="react" />
-import { ToggleButtonProps } from "@mui/material";
+import { ToggleButtonProps, ToggleButtonGroupProps } from "@mui/material";
+import React from "react";
 interface StyledToggleButtonProps extends ToggleButtonProps {
     customSelectedBackgroundColor?: string;
     customBackgroundColor?: string;
     customHoverColor?: string;
 }
-export declare const StyledToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "children" | "sx" | "classes" | "className" | "style" | "tabIndex" | "onChange" | "onClick" | "fullWidth" | "size" | "disabled" | "value" | "action" | "selected" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & StyledToggleButtonProps, {}, {}>;
+export declare const StyledToggleButton: React.FC<StyledToggleButtonProps>;
 /**
  * Personnalisation du style des Toogle Buttons
  * Note : il n'est posssible de le personnaliser directement au niveau
  * de l'objet "components" du theme.
  */
-export declare const StyledToggleButtonGroup: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonGroupProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledToggleButtonGroup: React.ComponentType<ToggleButtonGroupProps>;
 export {};

package/dist/src/style/styled.js

@@ -66,3 +66,4 @@ exports.StyledToggleButtonGroup = (0, material_1.styled)(material_1.ToggleButton
         },
     });
 });
+;

package/dist/src/style/styled.ts

@@ -1,4 +1,12 @@
-import { ToggleButtonProps, ToggleButton, styled, ToggleButtonGroup, lighten } from "@mui/material";
+import {
+    ToggleButtonProps,
+    ToggleButton,
+    styled,
+    ToggleButtonGroup,
+    lighten,
+    ToggleButtonGroupProps
+} from "@mui/material";
+import React from "react";
 
 interface StyledToggleButtonProps extends ToggleButtonProps {
     customSelectedBackgroundColor?: string;
@@ -6,7 +14,7 @@ interface StyledToggleButtonProps extends ToggleButtonProps {
     customHoverColor?: string;
   }
   
-  export const StyledToggleButton = styled(ToggleButton)<StyledToggleButtonProps>(
+export const StyledToggleButton: React.FC<StyledToggleButtonProps> = styled(ToggleButton)<StyledToggleButtonProps>(
     ({ theme, customSelectedBackgroundColor, customBackgroundColor, customHoverColor }) => ({
       padding: theme.spacing(1),
       marginBottom: theme.spacing(2),
@@ -67,4 +75,4 @@ export const StyledToggleButtonGroup = styled(ToggleButtonGroup)(({ theme }) =>
         backgroundColor: theme.palette.primary.light, // Modifier la couleur de fond au survol
       },
     },
-  }));
+  }))as React.ComponentType<ToggleButtonGroupProps>;;

package/dist/src/utils/DialogPrint.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.openDialogPrint = void 0;
+exports.openDialogPrint = openDialogPrint;
 function openDialogPrint(url) {
     // Créer un iframe pour charger le document Blob => url
     var iframe = document.createElement('iframe');
@@ -20,4 +20,3 @@ function openDialogPrint(url) {
         URL.revokeObjectURL(url);
     };
 }
-exports.openDialogPrint = openDialogPrint;

package/dist/src/utils/getQRCodeBase64.d.ts

@@ -1,3 +1 @@
-/// <reference types="node" />
-/// <reference types="node" />
-export declare const getQrCodeBase64: (url: string, dotsColor: string, cornerColor: string) => Promise<Blob | Buffer | null>;
+export declare const getQrCodeBase64: (url: string, dotsColor: string, cornerColor: string) => Promise<Blob | Buffer<ArrayBufferLike> | null>;

package/dist/src/utils/getQRCodeBase64.js

@@ -9,8 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/dist/theme.js

@@ -7,11 +7,11 @@ var theme = (0, styles_1.createTheme)({
             paper: '#F0F0F0',
         },
         primary: {
-            main: '#BCD46C',
+            main: '#BCD46C', // Définissez votre couleur primaire
             light: '#D2EDAB'
         },
         secondary: {
-            main: '#FFD25C',
+            main: '#FFD25C', //'#F29ABA', // Définissez votre couleur secondaire  // FFC700
             light: '#FEE08E' //'#F1C0D9'
         },
         success: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@movalib/movalib-commons",
-	"version": "1.68.16",
+	"version": "1.68.18",
 	"description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -19,50 +19,43 @@
 	"license": "ISC",
 	"dependencies": {
 		"@types/react-router-dom": "^5.3.0",
-		"date-fns": "^2.29.3",
-		"date-fns-tz": "^2.0.0",
-		"file-loader": "^6.2.0",
+		"date-fns": "^3.6.0",
+		"date-fns-tz": "^3.2.0",
 		"html2canvas": "^1.4.1",
 		"js-cookie": "^3.0.5",
 		"lodash": "^4.17.21",
 		"moment": "^2.30.1",
 		"moment-timezone": "^0.5.48",
 		"pdf-lib": "^1.17.1",
-		"pdfjs-dist": "^4.6.82",
+		"pdfjs-dist": "^4.8.69",
 		"qr-code-styling": "^1.4.4",
 		"react-input-mask": "^2.0.4",
 		"react-router-dom": "^5.1.2",
-		"react-scripts": "5.0.1",
-		"react-to-print": "^2.14.15"
-	},
-	"eslintConfig": {
-		"extends": [
-			"react-app"
-		]
+		"react-to-print": "^3.0.2"
 	},
 	"peerDependencies": {
-		"libphonenumber-js": "1.9.52",
+		"@emotion/react": "^11.14.0",
+		"@emotion/styled": "^11.14.0",
 		"@mui/icons-material": "^6.0.0",
-		"@mui/x-date-pickers": "^7.0.0",
 		"@mui/lab": "6.0.1-beta.34",
 		"@mui/material": "^6.0.0",
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"react-router-dom": "^5.1.2",
-		"typescript": "^4.9.5",
+		"@mui/x-date-pickers": "^7.0.0",
 		"@types/react": "^18.2.22",
 		"@types/react-dom": "^18.2.7",
-		"@emotion/react": "^11.14.0",
-    	"@emotion/styled": "^11.14.0"
+		"libphonenumber-js": "^1.11.0",
+		"react": "^18.2.0",
+		"react-dom": "^18.2.0",
+		"react-router-dom": "^5.1.2"
 	},
 	"devDependencies": {
+		"@date-io/date-fns": "^3.2.1",
 		"@types/js-cookie": "^3.0.4",
 		"@types/lodash": "^4.17.17",
-		"@types/pdfjs-dist": "^2.10.377",
 		"@types/react-input-mask": "^3.0.5",
 		"html-webpack-plugin": "^5.5.3",
-		"libphonenumber-js": "1.9.52",
+		"libphonenumber-js": "^1.11.0",
 		"ts-loader": "^9.4.4",
+		"typescript": "^5.5.0",
 		"webpack-cli": "^5.1.4"
 	}
 }

package/src/GaragePLV.tsx

@@ -1,5 +1,5 @@
 import { Button, darken, useTheme } from '@mui/material';
-import { type FC, useRef } from 'react';
+import React, { type FC, useRef } from 'react';
 import { useReactToPrint } from 'react-to-print';
 import { PLVComponent, PrintSize } from './components/QrCodePLVContainer/PLVComponent';
 import { flexCenter } from './helpers/Tools';
@@ -14,12 +14,12 @@ const GaragePLV: FC<GaragePLVProps> = ({ url }) => {
   const theme = useTheme();
 
   const handleA4Print = useReactToPrint({
-    content: () => PLVrefA4.current,
+    contentRef:  PLVrefA4 as unknown as React.RefObject<HTMLElement>,
     documentTitle: 'Movalib_PLV_A4',
   });
 
   const handleA3Print = useReactToPrint({
-    content: () => PLVrefA3.current,
+    contentRef: PLVrefA3 as unknown as React.RefObject<HTMLElement>,
     documentTitle: 'Movalib_PLV_A3',
   });
 

package/src/components/LinkedDocumentDialog.tsx

@@ -3,7 +3,7 @@ import Toolbar from "@mui/material/Toolbar";
 import theme from "../../theme";
 import DialogTitle from "@mui/material/DialogTitle";
 import Box from "@mui/material/Box";
-import { FindInPage } from "@mui/icons-material";
+import  FindInPage  from "@mui/icons-material/FindInPage";
 import Typography from "@mui/material/Typography";
 import IconButton from "@mui/material/IconButton";
 import CloseRounded from "@mui/icons-material/CloseRounded";

package/src/components/MovaTableBack/MovaTableBack.tsx

@@ -1,4 +1,4 @@
-import { Refresh } from "@mui/icons-material";
+import  Refresh from "@mui/icons-material/Refresh";
 import SearchIcon from "@mui/icons-material/Search";
 import {
   Box,

package/src/components/QrCodePLVContainer/QrCodePLVContainer.tsx

@@ -1,4 +1,6 @@
-import { DocumentScanner, QrCode2 } from "@mui/icons-material";
+import  DocumentScanner  from "@mui/icons-material/DocumentScanner";
+import  QrCode2  from "@mui/icons-material/QrCode2";
+
 import {
   Box,
   Button,
@@ -141,7 +143,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.buffer as ArrayBuffer], { type: "application/pdf" });
     const url = URL.createObjectURL(blob);
 
     // étape nécesssaire pour utiliser reactToPrint pour pouvoir nommer le document
@@ -236,12 +238,12 @@ export const QrCodePLVContainer = ({ data }: { data: string }) => {
   };
 
   const printA3PLV = useReactToPrint({
-    content: () => PLVrefA3.current,
+    contentRef: PLVrefA3 as unknown as React.RefObject<HTMLElement>,
     documentTitle: "Movalib_PLV_A3",
   });
 
   const printA4PLV = useReactToPrint({
-    content: () => PLVrefA4.current,
+   contentRef: PLVrefA4 as unknown as React.RefObject<HTMLElement>,
     documentTitle: "Movalib_PLV_A4",
   });
 

package/src/components/vehicle/VehicleFullCard.tsx

@@ -1,4 +1,6 @@
-import { AttachFile, ContentCopy } from "@mui/icons-material";
+import ContentCopy  from "@mui/icons-material/ContentCopy";
+import  AttachFile  from "@mui/icons-material/AttachFile";
+
 import {
   default as CancelIcon,
   default as CloseIcon,

package/src/helpers/DateUtils.ts

@@ -1,5 +1,5 @@
-import { format, utcToZonedTime } from 'date-fns-tz';
-import { fr } from 'date-fns/locale';
+import { format, toZonedTime } from 'date-fns-tz';
+import { fr, Locale } from 'date-fns/locale';
 import { DateFormatTypes } from './Enums';
 import { capitalizeFirstLetter } from './Tools';
 
@@ -19,7 +19,7 @@ export const toUTCToLocaleDate = (date: "" | Date | null,  timeZone: string): Da
     if(date){
 
         // Convertir la date UTC en date du fuseau horaire local
-        zonedDate = utcToZonedTime(date, timeZone);
+        zonedDate = toZonedTime(date, timeZone);
     }
 
     return zonedDate;

package/src/react-app-env.d.ts

@@ -1 +1,34 @@
-/// <reference types="react-scripts" />
+/// <reference types="vite/client" />
+
+declare module "*.png" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.jpg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.jpeg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.svg" {
+  import * as React from "react";
+  export const ReactComponent: React.FunctionComponent
+    React.SVGProps<SVGSVGElement>
+  const src: string;
+  export default src;
+}
+
+declare module "*.gif" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.webp" {
+  const src: string;
+  export default src;
+}

package/src/style/styled.ts

@@ -1,4 +1,12 @@
-import { ToggleButtonProps, ToggleButton, styled, ToggleButtonGroup, lighten } from "@mui/material";
+import {
+    ToggleButtonProps,
+    ToggleButton,
+    styled,
+    ToggleButtonGroup,
+    lighten,
+    ToggleButtonGroupProps
+} from "@mui/material";
+import React from "react";
 
 interface StyledToggleButtonProps extends ToggleButtonProps {
     customSelectedBackgroundColor?: string;
@@ -6,7 +14,7 @@ interface StyledToggleButtonProps extends ToggleButtonProps {
     customHoverColor?: string;
   }
   
-  export const StyledToggleButton = styled(ToggleButton)<StyledToggleButtonProps>(
+export const StyledToggleButton: React.FC<StyledToggleButtonProps> = styled(ToggleButton)<StyledToggleButtonProps>(
     ({ theme, customSelectedBackgroundColor, customBackgroundColor, customHoverColor }) => ({
       padding: theme.spacing(1),
       marginBottom: theme.spacing(2),
@@ -67,4 +75,4 @@ export const StyledToggleButtonGroup = styled(ToggleButtonGroup)(({ theme }) =>
         backgroundColor: theme.palette.primary.light, // Modifier la couleur de fond au survol
       },
     },
-  }));
+  }))as React.ComponentType<ToggleButtonGroupProps>;;