@movalib/movalib-commons 1.0.3 → 1.0.5

package/dist/MovaCopyright.d.ts

@@ -0,0 +1,2 @@
+declare function MovaCopyright(props: any): import("react/jsx-runtime").JSX.Element;
+export default MovaCopyright;

package/dist/MovaCopyright.js

@@ -0,0 +1,19 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+function MovaCopyright(props) {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "body2", color: "text.secondary", align: "center" }, props, { children: ['Copyright © ', (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ color: "inherit", href: "https://www.movalib.com" }, { children: "Movalib.com" })), ' ', new Date().getFullYear(), '.'] })));
+}
+exports.default = MovaCopyright;

package/dist/MovaLogin.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from "react";
+import { MovaLoginForm } from "./helpers/Types";
+import { MovaAppType } from "./helpers/Enums";
+interface MovaLoginProps {
+    movaAppType: MovaAppType;
+    onSubmit: (form: MovaLoginForm) => void;
+}
+declare const MovaLogin: FunctionComponent<MovaLoginProps>;
+export default MovaLogin;

package/dist/MovaLogin.js

@@ -0,0 +1,157 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var lab_1 = require("@mui/lab");
+var logo_large_png_1 = __importDefault(require("./assets/images/logo/logo_large.png"));
+var logo_pro_large_png_1 = __importDefault(require("./assets/images/logo/logo_pro_large.png"));
+var leaf_green_large_png_1 = __importDefault(require("./assets/images/logo/leaf_green_large.png"));
+var leaf_pink_large_png_1 = __importDefault(require("./assets/images/logo/leaf_pink_large.png"));
+var material_1 = require("@mui/material");
+var MovaCopyright_1 = __importDefault(require("./MovaCopyright"));
+var Enums_1 = require("./helpers/Enums");
+var Validator_1 = require("./helpers/Validator");
+// Permet de centrer le contenu de l'application
+var styles = {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: '100vh', // Ajustez la hauteur en fonction de vos besoins
+};
+var initialFormState = {
+    email: { value: '', isValid: true },
+    password: { value: '', isValid: true },
+};
+var MovaLogin = function (_a) {
+    var movaAppType = _a.movaAppType, onSubmit = _a.onSubmit;
+    var _b = (0, react_1.useState)(initialFormState), form = _b[0], setForm = _b[1];
+    var _c = (0, react_1.useState)(""), message = _c[0], setMessage = _c[1];
+    var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
+    var handleInputChange = function (e) {
+        var _a;
+        var fieldName = e.target.name;
+        var fieldValue = e.target.value;
+        var newField = (_a = {}, _a[fieldName] = { value: fieldValue, isValid: true }, _a);
+        setForm(__assign(__assign({}, form), newField));
+    };
+    var handleSubmit = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            e.preventDefault();
+            setLoading(true);
+            try {
+                if (validateForm() && onSubmit) {
+                    // Si le formulaire est valide, on appel la function callback transmise en props
+                    onSubmit(form);
+                }
+            }
+            catch (error) {
+                console.error('Error occurred during submission:', error);
+            }
+            finally {
+                setLoading(false);
+            }
+            return [2 /*return*/];
+        });
+    }); };
+    var validateForm = function () {
+        var newForm = form;
+        // Validator email
+        if (!(0, Validator_1.validateEmail)(form.email.value.length)) {
+            var errorMsg = 'Adresse email invalide';
+            var newField = { value: form.email.value, error: errorMsg, isValid: false };
+            newForm = __assign(__assign({}, newForm), { email: newField });
+        }
+        else {
+            var newField = { value: form.email.value, error: '', isValid: true };
+            newForm = __assign(__assign({}, newForm), { email: newField });
+        }
+        // Validator password
+        if (form.password.value.length < 8) {
+            var errorMsg = 'Votre mot de passe doit faire au moins 8 caractères de long.';
+            var newField = { value: form.password.value, error: errorMsg, isValid: false };
+            newForm = __assign(__assign({}, newForm), { password: newField });
+        }
+        else {
+            var newField = { value: form.password.value, error: '', isValid: true };
+            newForm = __assign(__assign({}, newForm), { password: newField });
+        }
+        setForm(newForm);
+        return newForm.email.isValid && newForm.password.isValid;
+    };
+    var getMovaLogo = function () {
+        return movaAppType === Enums_1.MovaAppType.GARAGE ? logo_pro_large_png_1.default :
+            movaAppType === Enums_1.MovaAppType.USER ? logo_large_png_1.default :
+                movaAppType === Enums_1.MovaAppType.ADMIN ? logo_large_png_1.default : logo_large_png_1.default;
+    };
+    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: '3%',
+                    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: {
+                            marginTop: 6,
+                            display: 'flex',
+                            flexDirection: 'column',
+                            alignItems: 'center',
+                        } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: getMovaLogo(), style: { width: '80%' } }), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ component: "form", onSubmit: handleSubmit, noValidate: true, sx: { mt: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Adresse email", name: "email", autoComplete: "email", autoFocus: true, onChange: function (e) { return handleInputChange(e); }, value: form.email.value, error: !form.email.isValid, helperText: form.email.error }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: "Mot de passe", type: "password", id: "password", autoComplete: "current-password", onChange: function (e) { return handleInputChange(e); }, value: form.password.value, error: !form.password.isValid, helperText: form.password.error }), (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 } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "Se connecter" }) })), message && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "error", sx: { mb: 2 } }, { children: message })), (0, jsx_runtime_1.jsxs)(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({ href: "#", variant: "body2", color: "text.secondary" }, { children: "Mot de passe oubli\u00E9 ?" })) })), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Link, __assign({ href: "#", variant: "body2", color: "text.secondary" }, { children: "Créer un compte" })) }))] }))] })), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 4 } })] })), (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: '3%',
+                    opacity: '0.3',
+                    zIndex: '-10' }, alt: 'Feuille Rose Movalib' })] })));
+};
+exports.default = MovaLogin;

package/dist/MovaSnackbar.d.ts

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+interface MovaSnackbarProps {
+    snackbar: {
+        open: boolean;
+        message: string;
+        severity: 'success' | 'info' | 'warning' | 'error' | undefined;
+    };
+    setSnackbar: (snackbar: {
+        open: boolean;
+        message: string;
+        severity: 'success' | 'info' | 'warning' | 'error' | undefined;
+    }) => void;
+}
+declare const MovaSnackbar: FunctionComponent<MovaSnackbarProps>;
+export default MovaSnackbar;

package/dist/MovaSnackbar.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var CloseRounded_1 = __importDefault(require("@mui/icons-material/CloseRounded"));
+var MovaSnackbar = function (_a) {
+    var snackbar = _a.snackbar, setSnackbar = _a.setSnackbar;
+    /**
+     * Gestion de la fermeture de la snackbar. Si la raison de cette fermeture est
+     * un clic en dehors de la zone de contenu on intercepte et annule la fermeture 'clickaway'.
+     * @param event Evénnement de fermeture
+     * @param reason Origine de l'événnement de fermeture
+     * @returns
+     */
+    var handleClose = function (event, reason) {
+        if (reason === 'clickaway')
+            return;
+        setSnackbar({ open: false, message: '', severity: undefined });
+    };
+    var handleCloseAlert = function (event) {
+        setSnackbar({ open: false, message: '', severity: undefined });
+    };
+    return ((0, jsx_runtime_1.jsx)(material_1.Snackbar, __assign({ open: snackbar.open, autoHideDuration: 5000, onClose: handleClose }, { children: (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: snackbar.severity, variant: "filled", sx: { width: '100%' }, action: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ size: "small", "aria-label": "close", color: "inherit", onClick: handleCloseAlert }, { children: (0, jsx_runtime_1.jsx)(CloseRounded_1.default, { fontSize: "small" }) })) }) }, { children: snackbar.message })) })));
+};
+exports.default = MovaSnackbar;

package/dist/TestButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TestButtonProps {
+    label: string;
+}
+declare const TestButton: React.FC<TestButtonProps>;
+export default TestButton;

package/dist/TestButton.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TestButton = function (_a) {
+    var label = _a.label;
+    return (0, jsx_runtime_1.jsx)("button", { children: label });
+};
+exports.default = TestButton;

package/dist/helpers/Enums.d.ts

@@ -0,0 +1,14 @@
+export declare enum MovaAppType {
+    /**
+    * Application Garagiste
+    */
+    GARAGE = "GARAGE",
+    /**
+    * Application Utilisateur (automobiliste)
+    */
+    USER = "USER",
+    /**
+     * Application Administrateur (MovaTeam)
+     */
+    ADMIN = "ADMIN"
+}

package/dist/helpers/Enums.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MovaAppType = void 0;
+var MovaAppType;
+(function (MovaAppType) {
+    /**
+    * Application Garagiste
+    */
+    MovaAppType["GARAGE"] = "GARAGE";
+    /**
+    * Application Utilisateur (automobiliste)
+    */
+    MovaAppType["USER"] = "USER";
+    /**
+     * Application Administrateur (MovaTeam)
+     */
+    MovaAppType["ADMIN"] = "ADMIN";
+})(MovaAppType = exports.MovaAppType || (exports.MovaAppType = {}));

package/dist/helpers/Tools.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/helpers/Tools.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/helpers/Types.d.ts

@@ -0,0 +1,9 @@
+export type MovaLoginForm = {
+    email: MovaFormField;
+    password: MovaFormField;
+};
+export type MovaFormField = {
+    value?: any;
+    error?: string;
+    isValid?: boolean;
+};

package/dist/helpers/Types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/helpers/Validator.d.ts

@@ -0,0 +1,3 @@
+export declare function validatePhoneNumber(phoneNumber: string): boolean;
+export declare function validateText(text: string): boolean;
+export declare function validateEmail(email: string): boolean;

package/dist/helpers/Validator.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateEmail = exports.validateText = exports.validatePhoneNumber = void 0;
+/**
+ * Un email valide
+ */
+var emailRegex = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
+/**
+ * Un mot de passe qui contient au moins une majuscule, une minuscule, un chiffre
+ * et un caractère spécial. La longueur du mot de passe doit être d'au moins 8 caractères.
+ */
+var passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
+/**
+ * Un numéro de téléphone (10 chiffres)
+ */
+var phoneNumberRegex = /^\d{0,10}$/;
+/**
+ * Un code postal (5 chiffres)
+ */
+var postalCodeRegex = /^\d{5}$/;
+/**
+ * Une URL valide
+ */
+var urlRegex = /^(ftp|http|https):\/\/[^ "]+$/;
+/**
+ * Un nom pouvant contenir des lettres, chiffres d'une taille comprise entre 3 et 20 caractères
+ */
+var userNameRegex = /^[a-z0-9_-]{3,20}$/;
+/**
+ * Un texte pouvant contenir des lettres, chiffres et quelques caractères spéciaux
+ */
+var textRegex = /^[a-zA-Z0-9\s.,!?'"()+=-_-éèçà]+$/;
+function validatePhoneNumber(phoneNumber) {
+    if (phoneNumber === null || phoneNumber === undefined) {
+        return false;
+    }
+    return phoneNumberRegex.test(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/index.d.ts

@@ -0,0 +1,6 @@
+export { default as TestButton } from './TestButton';
+export { default as MovaSnackbar } from './MovaSnackbar';
+export { default as MovaLogin } from './MovaLogin';
+export { default as MovaCopyright } from './MovaCopyright';
+export type { MovaFormField } from './helpers/Types';
+export type { MovaLoginForm } from './helpers/Types';

package/dist/index.js

@@ -0,0 +1,15 @@
+"use strict";
+// src/index.ts
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MovaCopyright = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = void 0;
+var TestButton_1 = require("./TestButton");
+Object.defineProperty(exports, "TestButton", { enumerable: true, get: function () { return __importDefault(TestButton_1).default; } });
+var MovaSnackbar_1 = require("./MovaSnackbar");
+Object.defineProperty(exports, "MovaSnackbar", { enumerable: true, get: function () { return __importDefault(MovaSnackbar_1).default; } });
+var MovaLogin_1 = require("./MovaLogin");
+Object.defineProperty(exports, "MovaLogin", { enumerable: true, get: function () { return __importDefault(MovaLogin_1).default; } });
+var MovaCopyright_1 = require("./MovaCopyright");
+Object.defineProperty(exports, "MovaCopyright", { enumerable: true, get: function () { return __importDefault(MovaCopyright_1).default; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movalib/movalib-commons",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/tsconfig.json

@@ -29,7 +29,7 @@
     // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
 
     /* Modules */
-    "module": "esnext",                                /* Specify what module code is generated. */
+    "module": "CommonJS",                                /* Specify what module code is generated. */
     // "rootDir": "./",                                  /* Specify the root folder within your source files. */
     "moduleResolution": "node",                     /* Specify how TypeScript looks up a file from a given module specifier. */
     // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
@@ -61,7 +61,7 @@
     // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
     "outDir": "./dist",                                   /* Specify an output folder for all emitted files. */
     // "removeComments": true,                           /* Disable emitting comments. */
-    "noEmit": true,                                   /* Disable emitting files from a compilation. */
+    //"noEmit": true,                                   /* Disable emitting files from a compilation. */
     // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
     // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types. */
     // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */