@movalib/movalib-commons 1.59.9 → 1.59.11

package/dist/index.d.ts

@@ -22,6 +22,7 @@ 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 { default as ActivateAccount } from './src/components/singup/ActivateAccount';
 export { QrCodePLVContainer } from './src/components/QrCodePLVContainer/QrCodePLVContainer';
 export { PLVComponent, PrintSize } from './src/components/QrCodePLVContainer/PLVComponent';
 export { default as Subscription } from './src/models/Subscription';

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.readCookie = exports.CategoryPrestation = exports.VehicleTire = exports.Event = exports.Schedule = exports.VehicleGarage = 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.oldRegexPlate = exports.regexPlate = 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.openDialogPrint = 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.CustomerType = 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 = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = void 0;
+exports.CategoryPrestation = exports.VehicleTire = exports.Event = exports.Schedule = exports.VehicleGarage = 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.ActivateAccount = exports.GenderSelector = exports.ConfirmationDialog = exports.MovaVehicleTireField = exports.MovaCopyright = exports.MovaSignUp = exports.MovaLogin = exports.MovaSnackbar = exports.TestButton = exports.oldRegexPlate = exports.regexPlate = 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.openDialogPrint = 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.CustomerType = 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 = exports.formatFrenchVehiclePlate = exports.formatVehicleTire = exports.validateField = exports.deleteCookie = exports.readCookie = 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; } });
@@ -58,6 +58,8 @@ 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 ActivateAccount_1 = require("./src/components/singup/ActivateAccount");
+Object.defineProperty(exports, "ActivateAccount", { enumerable: true, get: function () { return __importDefault(ActivateAccount_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");

package/dist/src/AccountValidation.js

@@ -54,6 +54,7 @@ var AccountValidation = function (_a) {
     var _j = (0, react_1.useState)(false), showPassword = _j[0], setShowPassword = _j[1];
     var _k = (0, react_1.useState)(false), openPhoneNumberInput = _k[0], setOpenPhoneNumberInput = _k[1];
     var isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('sm'));
+    var _l = (0, react_1.useState)(false), loadingBtn = _l[0], setLoadingBtn = _l[1];
     (0, react_1.useEffect)(function () {
         var params = location !== undefined ? new URLSearchParams(location.search) : undefined;
         if (params !== undefined) {
@@ -92,6 +93,7 @@ var AccountValidation = function (_a) {
     }, [location]);
     var resetUserPassword = function (req) {
         if (req) {
+            setLoadingBtn(true);
             UserService_1.default.reestPassword(req)
                 .then(function (response) {
                 var _a, _b;
@@ -111,23 +113,26 @@ var AccountValidation = function (_a) {
                 if (onSubmit) {
                     onSubmit(false, error);
                 }
+            }).finally(function () {
+                setLoadingBtn(false);
             });
         }
     };
     var activateUserAccount = function (req) {
         if (req) {
+            setLoadingBtn(true);
             UserService_1.default.validateAccount(req)
                 .then(function (response) {
-                var _a, _b;
+                var _a;
                 Logger_1.default.info(response);
                 if (response.success) {
                     if (onSubmit) {
-                        onSubmit(response.success, (_a = response.data) !== null && _a !== void 0 ? _a : '');
+                        onSubmit(response.success, 'Le compte a été activé avec succès.');
                     }
                 }
                 else {
                     if (onSubmit) {
-                        onSubmit(response.success, (_b = response.error) !== null && _b !== void 0 ? _b : '');
+                        onSubmit(response.success, (_a = response.error) !== null && _a !== void 0 ? _a : '');
                     }
                 }
             }).catch(function (error) {
@@ -135,6 +140,8 @@ var AccountValidation = function (_a) {
                 if (onSubmit) {
                     onSubmit(false, error);
                 }
+            }).finally(function () {
+                setLoadingBtn(false);
             });
         }
     };
@@ -255,7 +262,7 @@ var AccountValidation = function (_a) {
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(emptyPwd || smsValidation || resetPassword || true) &&
                 (0, jsx_runtime_1.jsx)(MovaDialog_1.default, __assign({ leafImageColor: 'pink', titleStyle: getTitleStyle(), fullScreen: isMobile, open: emptyPwd || smsValidation || resetPassword || true, closable: false, onClose: function () {
                         throw new Error('Function not implemented.');
-                    }, actions: (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, __assign({ type: "submit", onClick: handleValidateAccount, fullWidth: true, variant: "contained", sx: { mt: 4, mb: 0 } }, { children: resetPassword ? (0, jsx_runtime_1.jsx)("span", { children: "R\u00E9initialiser mon mot de passe" }) : (0, jsx_runtime_1.jsx)("span", { children: "Activer mon compte" }) })) }, { 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 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
+                    }, actions: (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, __assign({ loading: loadingBtn, type: "submit", onClick: handleValidateAccount, fullWidth: true, variant: "contained", sx: { mt: 4, mb: 0 } }, { children: resetPassword ? (0, jsx_runtime_1.jsx)("span", { children: "R\u00E9initialiser mon mot de passe" }) : (0, jsx_runtime_1.jsx)("span", { children: "Activer mon compte" }) })) }, { 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 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
                                         display: 'flex',
                                         flexDirection: 'column',
                                         alignItems: 'center',

package/dist/src/MovaSignUp.d.ts

@@ -2,6 +2,7 @@ import { FunctionComponent, ReactNode } from "react";
 import { AlertColor } from "@mui/material";
 import { MovaUserSignUpForm } from "./helpers/Types";
 import { MovaAppType } from "./helpers/Enums";
+import User from "./models/User";
 /**
  * Propriétés du composant
  * movaAppType : type d'application Movalib au sein de laquelle le composant est injectée
@@ -24,6 +25,7 @@ interface MovaSignUpProps {
     showLoginButton?: boolean;
     disableGutters?: boolean;
     usePhoneNumber?: boolean;
+    userToEdit?: User;
 }
 /**
  * Formulaire de création d'un compte Movalib (Garage / Utilisateur)

package/dist/src/MovaSignUp.js

@@ -69,6 +69,7 @@ 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 Info_1 = __importDefault(require("@mui/icons-material/Info"));
+var UserService_1 = __importDefault(require("./services/UserService"));
 // ATTENTION : s'assurer de la présence des documents suivants à la racine du composant porteur (dossier 'public')
 var CGUPath = "/Movalib_CGU.pdf";
 // Permet de centrer le contenu de l'application
@@ -77,29 +78,31 @@ var styles = {
     justifyContent: 'center',
     alignItems: 'center'
 };
-var initialUserFormState = {
-    firstname: { value: '', isValid: true },
-    lastname: { value: '', isValid: true },
-    email: { value: '', isValid: true },
-    phoneNumber: { value: '', isValid: true },
-    password: { value: '', isValid: true },
-    gender: { value: '', isValid: true },
-    birthDate: { value: null, isValid: true },
-    acceptsTerms: { value: false, isValid: true },
-};
 /**
  * Formulaire de création d'un compte Movalib (Garage / Utilisateur)
  * ATTENTION : le lien de consultation des CGU doit pointer vers "/terms-and-conditions"
  */
 var MovaSignUp = function (_a) {
-    var loading = _a.loading, movaAppType = _a.movaAppType, onSubmit = _a.onSubmit, _b = _a.darkMode, darkMode = _b === void 0 ? false : _b, alertMessage = _a.alertMessage, alertSeverity = _a.alertSeverity, headerText = _a.headerText, _c = _a.showHeaderLogo, showHeaderLogo = _c === void 0 ? true : _c, _d = _a.showLeafs, showLeafs = _d === void 0 ? true : _d, _e = _a.showCopyright, showCopyright = _e === void 0 ? true : _e, _f = _a.showLoginButton, showLoginButton = _f === void 0 ? true : _f, _g = _a.disableGutters, disableGutters = _g === void 0 ? false : _g, _h = _a.usePhoneNumber, usePhoneNumber = _h === void 0 ? true : _h;
-    var _j = (0, react_1.useState)(initialUserFormState), userForm = _j[0], setUserForm = _j[1];
+    var _b, _c, _d, _e;
+    var loading = _a.loading, movaAppType = _a.movaAppType, onSubmit = _a.onSubmit, _f = _a.darkMode, darkMode = _f === void 0 ? false : _f, alertMessage = _a.alertMessage, alertSeverity = _a.alertSeverity, headerText = _a.headerText, _g = _a.showHeaderLogo, showHeaderLogo = _g === void 0 ? true : _g, _h = _a.showLeafs, showLeafs = _h === void 0 ? true : _h, _j = _a.showCopyright, showCopyright = _j === void 0 ? true : _j, _k = _a.showLoginButton, showLoginButton = _k === void 0 ? true : _k, _l = _a.disableGutters, disableGutters = _l === void 0 ? false : _l, _m = _a.usePhoneNumber, usePhoneNumber = _m === void 0 ? true : _m, _o = _a.userToEdit, userToEdit = _o === void 0 ? null : _o;
+    var _p = (0, react_1.useState)({
+        firstname: { value: (_b = userToEdit === null || userToEdit === void 0 ? void 0 : userToEdit.firstname) !== null && _b !== void 0 ? _b : '', isValid: true },
+        lastname: { value: (_c = userToEdit === null || userToEdit === void 0 ? void 0 : userToEdit.lastname) !== null && _c !== void 0 ? _c : '', isValid: true },
+        email: { value: (_d = userToEdit === null || userToEdit === void 0 ? void 0 : userToEdit.email) !== null && _d !== void 0 ? _d : '', isValid: true },
+        phoneNumber: { value: (_e = userToEdit === null || userToEdit === void 0 ? void 0 : userToEdit.phoneNumber) !== null && _e !== void 0 ? _e : '', isValid: true },
+        password: { value: '', isValid: true },
+        gender: { value: '', isValid: true },
+        birthDate: { value: null, isValid: true },
+        acceptsTerms: { value: false, isValid: true },
+    }), userForm = _p[0], setUserForm = _p[1];
     var history = (0, react_router_dom_1.useHistory)();
-    var _k = (0, react_1.useState)(""), message = _k[0], setMessage = _k[1];
+    var _q = (0, react_1.useState)(""), message = _q[0], setMessage = _q[1];
     var theme = (0, material_1.useTheme)();
-    var _l = (0, react_1.useState)(false), showPassword = _l[0], setShowPassword = _l[1];
-    var _m = (0, react_1.useState)(false), openEmailInfo = _m[0], setOpenEmailInfo = _m[1];
-    var _o = (0, react_1.useState)(false), openPhoneNumberInfo = _o[0], setOpenPhoneNumberInfo = _o[1];
+    var _r = (0, react_1.useState)(false), showPassword = _r[0], setShowPassword = _r[1];
+    var _s = (0, react_1.useState)(false), openEmailInfo = _s[0], setOpenEmailInfo = _s[1];
+    var _t = (0, react_1.useState)(false), openPhoneNumberInfo = _t[0], setOpenPhoneNumberInfo = _t[1];
+    var _u = (0, react_1.useState)(false), userExist = _u[0], setUserExist = _u[1];
+    var _v = (0, react_1.useState)(false), userIsAlreadyActive = _v[0], setUserIsAlreadyActive = _v[1];
     var handleDateChange = function (name, date) {
         var _a;
         if (name && date) {
@@ -121,6 +124,28 @@ var MovaSignUp = function (_a) {
                 if (fieldValue.length > 10) {
                     fieldValue = fieldValue.substring(0, 10);
                 }
+                if (fieldValue.length === 10) {
+                    UserService_1.default.existsByPhoneNumber(fieldValue).then(function (response) {
+                        if (response && response.data) {
+                            if (response.data.isActive === false) {
+                                setUserExist(true);
+                                setUserIsAlreadyActive(false);
+                            }
+                            else if (response.data.isActive === true) {
+                                setUserIsAlreadyActive(true);
+                                setUserExist(false);
+                            }
+                            else {
+                                setUserExist(false);
+                                setUserIsAlreadyActive(false);
+                            }
+                        }
+                    });
+                }
+                else {
+                    setUserExist(false);
+                    setUserIsAlreadyActive(false);
+                }
             }
             // Capitalisation automatique du prénom
             if (fieldName == "firstname") {
@@ -229,9 +254,9 @@ var MovaSignUp = function (_a) {
                                     '& .MuiOutlinedInput-notchedOutline': {
                                         borderColor: darkMode ? 'white' : 'default', // Couleur de la bordure
                                     }
-                                } }), usePhoneNumber && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { type: "tel", margin: "normal", required: true, fullWidth: true, id: "phoneNumber", label: "N\u00B0 de t\u00E9l\u00E9phone", name: "phoneNumber", autoComplete: "tel", onChange: function (e) { return handleInputChange(e); }, value: userForm.phoneNumber.value, error: Boolean(userForm.phoneNumber.error), helperText: userForm.phoneNumber.error, InputProps: {
-                                            endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ position: "end" }, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ edge: "end", onClick: function () { return setOpenPhoneNumberInfo(!openPhoneNumberInfo); } }, { children: (0, jsx_runtime_1.jsx)(Info_1.default, {}) })) }))),
-                                        } }), openPhoneNumberInfo && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "info", variant: 'standard' }, { children: "Entrez le num\u00E9ro de t\u00E9l\u00E9phone que vous avez utilis\u00E9 pour r\u00E9server, afin de suivre facilement vos rendez-vous." }))] }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Adresse email", name: "email", autoComplete: "email", onChange: function (e) { return handleInputChange(e); }, value: userForm.email.value, error: !userForm.email.isValid, helperText: userForm.email.error, sx: {
+                                } }), usePhoneNumber && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { type: "tel", margin: "normal", required: true, fullWidth: true, id: "phoneNumber", label: "N\u00B0 de t\u00E9l\u00E9phone", name: "phoneNumber", autoComplete: "tel", disabled: userToEdit && userToEdit.phoneNumber ? true : false, onChange: function (e) { return handleInputChange(e); }, value: userForm.phoneNumber.value, error: Boolean(userForm.phoneNumber.error), helperText: userForm.phoneNumber.error, InputProps: {
+                                            endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ position: "end" }, { children: !userExist && (0, jsx_runtime_1.jsx)(material_1.IconButton, __assign({ edge: "end", onClick: function () { return setOpenPhoneNumberInfo(!openPhoneNumberInfo); } }, { children: (0, jsx_runtime_1.jsx)(Info_1.default, {}) })) }))),
+                                        } }), openPhoneNumberInfo && !userExist && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "info", variant: 'standard' }, { children: "Entrez le num\u00E9ro de t\u00E9l\u00E9phone que vous avez utilis\u00E9 pour r\u00E9server, afin de suivre facilement vos rendez-vous." })), userExist && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "success", variant: 'standard' }, { children: "Rendez-vous trouv\u00E9(s) pour ce num\u00E9ro !  Vous pourrez le(s) consulter apr\u00E8s avoir cr\u00E9\u00E9 votre compte." })), userIsAlreadyActive && (0, jsx_runtime_1.jsx)(material_1.Alert, __assign({ severity: "error", sx: { marginTop: '5px' }, variant: 'standard' }, { children: "Il semble qu\u2019un compte existe d\u00E9j\u00E0 avec ce num\u00E9ro. Connectez-vous ou utilisez \"Mot de passe oubli\u00E9\" pour y acc\u00E9der facilement." }))] }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "email", label: "Adresse email", name: "email", autoComplete: "email", disabled: userToEdit && userToEdit.email ? true : false, onChange: function (e) { return handleInputChange(e); }, value: userForm.email.value, error: !userForm.email.isValid, helperText: userForm.email.error, sx: {
                                     '& .MuiOutlinedInput-notchedOutline': {
                                         borderColor: darkMode ? 'white' : 'default', // Couleur de la bordure
                                     }

package/dist/src/components/singup/ActivateAccount.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent } from 'react';
+import { MovaAppType } from '../../helpers/Enums';
+interface ActivateAccountProps {
+    movaAppType: MovaAppType;
+    smsValidation: boolean;
+    onSubmit: (success: boolean, message: string) => void;
+    onResendSecurityCode?: (success: boolean, message: string) => void;
+}
+declare const ActivateAccount: FunctionComponent<ActivateAccountProps>;
+export default ActivateAccount;

package/dist/src/components/singup/ActivateAccount.js

@@ -0,0 +1,188 @@
+"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 react_1 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+var UserService_1 = __importDefault(require("../../services/UserService"));
+var material_1 = require("@mui/material");
+var Logger_1 = __importDefault(require("../../helpers/Logger"));
+var Enums_1 = require("../../helpers/Enums");
+var Tools_1 = require("../../helpers/Tools");
+var MovaSignUp_1 = __importDefault(require("../../MovaSignUp"));
+var Validator_1 = require("../../helpers/Validator");
+var ActivateAccount = function (_a) {
+    var movaAppType = _a.movaAppType, smsValidation = _a.smsValidation, onSubmit = _a.onSubmit, onResendSecurityCode = _a.onResendSecurityCode;
+    var code = (0, react_router_dom_1.useParams)().code;
+    var location = (0, react_router_dom_1.useLocation)();
+    var theme = (0, material_1.useTheme)();
+    var _b = (0, react_1.useState)(""), alertMessage = _b[0], setAlertMessage = _b[1];
+    // La sévérité est initialiée à "error" par défaut
+    var _c = (0, react_1.useState)('error'), alertSeverity = _c[0], setAlertSeverity = _c[1];
+    var _d = (0, react_1.useState)(false), loading = _d[0], setLoading = _d[1];
+    var _e = (0, react_1.useState)(null), currentUser = _e[0], setCurrentUser = _e[1];
+    var _f = (0, react_1.useState)(false), expiredCode = _f[0], setExpiredCode = _f[1];
+    var _g = (0, react_1.useState)(false), unknowCode = _g[0], setUnknowCode = _g[1];
+    var _h = (0, react_1.useState)({ phoneNumber: { value: '', isValid: true } }), validationForm = _h[0], setValidationForm = _h[1];
+    var history = (0, react_router_dom_1.useHistory)();
+    // ajout d'un load pour le chargement de la page
+    var getUserByTokenOrCode = function () {
+        setExpiredCode(false);
+        setUnknowCode(false);
+        var params = location !== undefined ? new URLSearchParams(location.search) : undefined;
+        var req = {
+            token: !smsValidation ? params === null || params === void 0 ? void 0 : params.get('token') : null,
+            securityCode: smsValidation ? code : null,
+            demoGarage: Boolean(params === null || params === void 0 ? void 0 : params.get('demoGarage'))
+        };
+        UserService_1.default.validateAccount(req).then(function (response) {
+            if (response.success) {
+                setCurrentUser(response.data);
+            }
+            else {
+                var data = response.data;
+                if (data === null || data === void 0 ? void 0 : data.expiredCode) {
+                    setExpiredCode(true);
+                }
+                if (data === null || data === void 0 ? void 0 : data.unknownCode) {
+                    setUnknowCode(true);
+                }
+            }
+        });
+    };
+    (0, react_1.useEffect)(function () {
+        getUserByTokenOrCode();
+    }, []);
+    var updateActivateUseronSubmit = function (form) {
+        // appelle api pour mettre a jour l'utilisateur + auto activate en fonction du movaAPPType
+        if (movaAppType === Enums_1.MovaAppType.INDIVIDUAL && currentUser) {
+            setLoading(true);
+            try {
+                // On prépare la query
+                var query = {
+                    code: code,
+                    email: form.email.value,
+                    password: form.password.value,
+                    firstname: form.firstname.value,
+                    lastname: form.lastname.value,
+                };
+                UserService_1.default.editUser(query, currentUser.id)
+                    .then(function (response) {
+                    var _a, _b;
+                    //success or Error this is parent component responsability
+                    Logger_1.default.info(response);
+                    if (response.success) {
+                        onSubmit(response.success, (_a = response.data) !== null && _a !== void 0 ? _a : 'Le compte a été mis à jour et activé avec succès');
+                        history.push('/login');
+                    }
+                    else {
+                        onSubmit(response.success, (_b = response.error) !== null && _b !== void 0 ? _b : 'Erreur lors de la mise à jour du compte');
+                    }
+                }).catch(function (error) {
+                    onSubmit(false, 'Erreur lors de la mise à jour du compte');
+                    Logger_1.default.error(error);
+                    setAlertMessage(error);
+                });
+            }
+            catch (error) {
+                console.error('Error occurred during submission:', error);
+            }
+            finally {
+                setLoading(false);
+            }
+        }
+    };
+    var controlPhoneNumber = function () {
+        var _a, _b, _c, _d, _e;
+        var newForm = validationForm;
+        var newField;
+        newForm.phoneNumber = (0, Tools_1.validateField)(validationForm.phoneNumber, function (value) { return !!value; }, 'Champ obligatoire');
+        // Validator 'phoneNumber'
+        if ((_a = newForm.phoneNumber) === null || _a === void 0 ? void 0 : _a.value) {
+            if (((_b = newForm.phoneNumber) === null || _b === void 0 ? void 0 : _b.value.length) < 10) {
+                newField = { value: (_c = validationForm.phoneNumber) === null || _c === void 0 ? void 0 : _c.value, error: "Le n° de téléphone est invalide." };
+            }
+            else {
+                newField = { value: (_d = validationForm.phoneNumber) === null || _d === void 0 ? void 0 : _d.value, error: '' };
+            }
+            newForm = __assign(__assign({}, newForm), { phoneNumber: newField });
+        }
+        setValidationForm(newForm);
+        return !Boolean((_e = newForm.phoneNumber) === null || _e === void 0 ? void 0 : _e.error);
+    };
+    var handleInputChange = function (e) {
+        var _a;
+        if (e) {
+            var fieldName = e.target.name;
+            var fieldValue = e.target.value;
+            var newField = (_a = {}, _a[fieldName] = { value: fieldValue, isValid: true }, _a);
+            if (fieldName == "phoneNumber") {
+                if (!(0, Validator_1.validatePhoneNumber)(fieldValue))
+                    return;
+            }
+            setValidationForm(__assign(__assign({}, validationForm), newField));
+        }
+    };
+    var resendCode = function () {
+        var _a;
+        if (controlPhoneNumber() && onResendSecurityCode) {
+            var req = {
+                phoneNumber: (_a = validationForm.phoneNumber) === null || _a === void 0 ? void 0 : _a.value
+            };
+            UserService_1.default.resendActivationAccount(req)
+                .then(function (response) {
+                var _a, _b;
+                Logger_1.default.info(response);
+                if (response.success) {
+                    onResendSecurityCode(response.success, (_a = response.data) !== null && _a !== void 0 ? _a : '');
+                }
+                else {
+                    onResendSecurityCode(response.success, (_b = response.error) !== null && _b !== void 0 ? _b : '');
+                }
+                history.push('/login');
+            }).catch(function (error) {
+                Logger_1.default.error(error);
+                if (onSubmit) {
+                    onSubmit(false, error);
+                }
+            });
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [currentUser !== null && (0, jsx_runtime_1.jsx)(MovaSignUp_1.default, { movaAppType: movaAppType, onSubmit: updateActivateUseronSubmit, alertMessage: alertMessage, alertSeverity: alertSeverity, userToEdit: currentUser, loading: loading }), expiredCode && ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: { width: '99vw', height: '99vh', display: 'flex' } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
+                        display: 'block',
+                        margin: 'auto',
+                        textAlign: 'center',
+                        padding: 3,
+                        borderRadius: 2,
+                        boxShadow: 3,
+                        maxWidth: 400,
+                        backgroundColor: 'white',
+                    } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "h6", color: "error", gutterBottom: true }, { children: "Code de validation expir\u00E9" })), (0, jsx_runtime_1.jsxs)(material_1.Typography, { children: [(0, jsx_runtime_1.jsx)("b", { children: "Indiquez nous votre num\u00E9ro de t\u00E9l\u00E9phone." }), (0, jsx_runtime_1.jsx)("br", {}), "Nous allons renvoyer un SMS d'activation de compte"] }), (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: 6 }, { children: (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", fullWidth: true, required: true, id: "phoneNumber", label: "N\u00B0 de t\u00E9l\u00E9phone", name: "phoneNumber", autoComplete: "tel", onChange: function (e) { return handleInputChange(e); }, value: validationForm.phoneNumber.value, error: Boolean(validationForm.phoneNumber.error), helperText: validationForm.phoneNumber.error }) })), (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ onClick: resendCode, sx: { cursor: 'pointer', textAlign: 'center', width: '100%', mt: 1 } }, { children: "Renvoyer le code" }))] })) }))), unknowCode && ((0, jsx_runtime_1.jsx)(material_1.Box, __assign({ sx: { width: '99vw', height: '99vh', display: 'flex' } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, __assign({ sx: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        height: '100%',
+                        width: '100%',
+                        margin: 'auto',
+                        textAlign: 'center',
+                        padding: 3,
+                        borderRadius: 2,
+                        boxShadow: 3,
+                        backgroundColor: 'white',
+                    } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, __assign({ variant: "h6", color: "error", gutterBottom: true }, { children: "Code de validation invalide" })), (0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "body1", color: "textSecondary", gutterBottom: true }, { children: ["Le code de validation fourni ne correspond \u00E0 aucun utilisateur (ou votre compte a d\u00E9j\u00E0 \u00E9t\u00E9 activ\u00E9). ", (0, jsx_runtime_1.jsx)("br", {}), "Essayez de vous connecter avec votre num\u00E9ro de t\u00E9l\u00E9phone.", (0, jsx_runtime_1.jsx)("br", {}), "Si le probl\u00E8me persiste, veuillez nous contacter \u00E0", ' ', (0, jsx_runtime_1.jsx)("b", { children: "support@movalib.com" }), "."] })), (0, jsx_runtime_1.jsx)(material_1.Button, __assign({ variant: "contained", color: "primary", onClick: function (e) { return history.push('/login'); }, sx: { marginTop: 2 } }, { children: "Retour \u00E0 la connexion" }))] })) })))] }));
+};
+exports.default = ActivateAccount;

package/dist/src/helpers/ApiHelper.js

@@ -25,19 +25,19 @@ function handleResponse(response) {
             var errorMsg = void 0;
             switch (response.status) {
                 case 403:
-                    errorMsg = 'Accès non autorisé (403)';
+                    errorMsg = 'Accès non autorisé';
                     break;
                 case 404:
-                    errorMsg = 'La ressource demandée est introuvable (404)';
+                    errorMsg = (typeof data === 'string') ? data : 'La ressource demandée est introuvable';
                     break;
                 case 500:
-                    errorMsg = 'Une erreur interne du serveur est survenue (500)';
+                    errorMsg = 'Une erreur interne du serveur est survenue';
                     break;
                 default:
-                    errorMsg = (typeof data === 'string') ? data : "Une erreur est survenue (".concat(response.status, ")");
+                    errorMsg = (typeof data === 'string') ? data : "Une erreur est survenue";
                     break;
             }
-            return { success: false, error: errorMsg };
+            return { success: false, error: errorMsg, data: data };
         }
         return { success: true, data: data };
     });

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

@@ -15,6 +15,7 @@ export default class Garage {
     name: string;
     address: Address;
     workforce: number;
+    partialWorkforce?: number;
     contactPhone: string;
     prestationCategories: CategoryPrestation[];
     prestations: Prestation[];
@@ -41,11 +42,12 @@ export default class Garage {
     teamManagementActive?: boolean;
     documents?: Document[];
     subscriptions?: Subscription[];
+    subscription?: Subscription;
     supportPhoneNumber?: string;
     operatorsActive?: boolean;
     employees?: Employee[];
     defaultView?: string;
     loanerVehicleActive?: boolean;
     loanerVehicleRequestActive?: boolean;
-    constructor(id: string, adminId: string, name: string, address: Address, workforce: number, prestations: Prestation[], schedules: Schedule[], contactPhone: string, prestationCategories: CategoryPrestation[], vehicles?: VehicleGarage[], contactEmail?: string, logo?: string, suppliers?: Supplier[], documents?: Document[], subscriptions?: Subscription[], loanerVehicleActive?: boolean, loanerVehicleRequestActive?: boolean);
+    constructor(id: string, adminId: string, name: string, address: Address, workforce: number, prestations: Prestation[], schedules: Schedule[], contactPhone: string, prestationCategories: CategoryPrestation[], vehicles?: VehicleGarage[], contactEmail?: string, logo?: string, suppliers?: Supplier[], documents?: Document[], subscriptions?: Subscription[], loanerVehicleActive?: boolean, loanerVehicleRequestActive?: boolean, subscription?: Subscription, partialWorkforce?: number);
 }

package/dist/src/models/Garage.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var Garage = /** @class */ (function () {
-    function Garage(id, adminId, name, address, workforce, prestations, schedules, contactPhone, prestationCategories, vehicles, contactEmail, logo, suppliers, documents, subscriptions, loanerVehicleActive, loanerVehicleRequestActive) {
+    function Garage(id, adminId, name, address, workforce, prestations, schedules, contactPhone, prestationCategories, vehicles, contactEmail, logo, suppliers, documents, subscriptions, loanerVehicleActive, loanerVehicleRequestActive, subscription, partialWorkforce) {
         this.id = id;
         this.adminId = adminId;
         this.name = name;
@@ -19,6 +19,8 @@ var Garage = /** @class */ (function () {
         this.vehicles = vehicles;
         this.loanerVehicleActive = loanerVehicleActive;
         this.loanerVehicleRequestActive = loanerVehicleRequestActive;
+        this.subscription = subscription;
+        this.partialWorkforce = partialWorkforce;
     }
     return Garage;
 }());

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

@@ -1,4 +1,19 @@
 import { SubscriptionPaymentInterval, SubscriptionState, SubscriptionType } from "../helpers/Enums";
+interface roiInterface {
+    period: string;
+    turnover: number;
+    nbInvoice: number;
+    nbQuote: number;
+    nbNoShow: number;
+    nbLostQuote: number;
+    moRateOne: number;
+    moRateTwo: number;
+    moRateThree: number;
+    moOne: number;
+    moTwo: number;
+    moThree: number;
+    comment: string;
+}
 export default class Subscription {
     id: string;
     garageId: string;
@@ -14,5 +29,14 @@ export default class Subscription {
     cancellationDate: Date;
     paymentInterval: SubscriptionPaymentInterval;
     paymentIban: string;
-    constructor(id: string, garageId: string, type: SubscriptionType, state: SubscriptionState, companyName: string, companyEmail: string, companySiren: string, companyLegalForm: string, trialDays: number, startDate: Date, activationDate: Date, cancellationDate: Date, paymentInterval: SubscriptionPaymentInterval, paymentIban: string);
+    roi: roiInterface;
+    additionalFormationQuantity: number;
+    additionalFormationFree: boolean;
+    webPage: boolean;
+    plvQuantity: number;
+    plvFree: boolean;
+    trainingOptionalOne: Date;
+    trainingOptionalTwo: Date;
+    constructor(id: string, garageId: string, type: SubscriptionType, state: SubscriptionState, companyName: string, companyEmail: string, companySiren: string, companyLegalForm: string, trialDays: number, startDate: Date, activationDate: Date, cancellationDate: Date, paymentInterval: SubscriptionPaymentInterval, paymentIban: string, roi: roiInterface, additionalFormationQuantity: number, additionalFormationFree: boolean, webPage: boolean, plvQuantity: number, plvFree: boolean, trainingOptionalOne: Date, trainingOptionalTwo: Date);
 }
+export {};

package/dist/src/models/Subscription.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var Subscription = /** @class */ (function () {
-    function Subscription(id, garageId, type, state, companyName, companyEmail, companySiren, companyLegalForm, trialDays, startDate, activationDate, cancellationDate, paymentInterval, paymentIban) {
+    function Subscription(id, garageId, type, state, companyName, companyEmail, companySiren, companyLegalForm, trialDays, startDate, activationDate, cancellationDate, paymentInterval, paymentIban, roi, additionalFormationQuantity, additionalFormationFree, webPage, plvQuantity, plvFree, trainingOptionalOne, trainingOptionalTwo) {
         this.id = id;
         this.garageId = garageId;
         this.type = type;
@@ -16,6 +16,14 @@ var Subscription = /** @class */ (function () {
         this.cancellationDate = cancellationDate;
         this.paymentInterval = paymentInterval;
         this.paymentIban = paymentIban;
+        this.roi = roi;
+        this.webPage = webPage;
+        this.additionalFormationQuantity = additionalFormationQuantity;
+        this.additionalFormationFree = additionalFormationFree;
+        this.plvQuantity = plvQuantity;
+        this.plvFree = plvFree;
+        this.trainingOptionalOne = trainingOptionalOne;
+        this.trainingOptionalTwo = trainingOptionalTwo;
     }
     return Subscription;
 }());

package/dist/src/services/UserService.d.ts

@@ -7,8 +7,13 @@ export default class UserService {
     static existsByPhoneNumber(phoneNumber: string): Promise<APIResponse<User>>;
     static reestPassword(req: any): Promise<APIResponse<string>>;
     static resendSecurityCode(req: any): Promise<APIResponse<string>>;
+    static resendActivationAccount(req: any): Promise<APIResponse<string>>;
     static getSalesGarages(salesId: string): Promise<APIResponse<Garage[]>>;
-    static validateAccount(req: any): Promise<APIResponse<string>>;
+    static validateAccount(req: any): Promise<APIResponse<User | {
+        expiredCode?: boolean;
+        unknowCode?: boolean;
+    }>>;
+    static editUser(req: any, userId: string): Promise<APIResponse<string>>;
     /**
      * @param email
      * @param password

package/dist/src/services/UserService.js

@@ -73,6 +73,14 @@ var UserService = /** @class */ (function () {
             body: JSON.stringify(req)
         });
     };
+    UserService.resendActivationAccount = function (req) {
+        return (0, ApiHelper_1.request)({
+            url: "".concat(ApiHelper_1.API_BASE_URL, "/user/resend-activation-link"),
+            method: Enums_1.APIMethod.POST,
+            appType: Enums_1.MovaAppType.INDIVIDUAL,
+            body: JSON.stringify(req)
+        });
+    };
     UserService.getSalesGarages = function (salesId) {
         return (0, ApiHelper_1.request)({
             url: "".concat(ApiHelper_1.API_BASE_URL, "/sales/").concat(salesId, "/garages"),
@@ -88,6 +96,14 @@ var UserService = /** @class */ (function () {
             body: JSON.stringify(req)
         });
     };
+    UserService.editUser = function (req, userId) {
+        return (0, ApiHelper_1.request)({
+            url: "".concat(ApiHelper_1.API_BASE_URL, "/user/").concat(userId, "/complete"),
+            method: Enums_1.APIMethod.PATCH,
+            appType: Enums_1.MovaAppType.INDIVIDUAL,
+            body: JSON.stringify(req)
+        });
+    };
     /**
      * @param email
      * @param password

package/index.ts

@@ -28,6 +28,7 @@ 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 { default as ActivateAccount } from './src/components/singup/ActivateAccount';
 export { QrCodePLVContainer } from './src/components/QrCodePLVContainer/QrCodePLVContainer';
 export { PLVComponent, PrintSize } from './src/components/QrCodePLVContainer/PLVComponent';
 // Export des classes

package/package.json

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