@movalib/movalib-commons 1.59.9 → 1.59.10

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/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.10",
 	"description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",

package/src/AccountValidation.tsx

@@ -48,6 +48,7 @@ const AccountValidation: FunctionComponent<AccountValidationProps> = ({ movaAppT
     const [showPassword, setShowPassword] = useState(false);
     const [openPhoneNumberInput, setOpenPhoneNumberInput] = useState<boolean>(false);
     const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
+    const [loadingBtn, setLoadingBtn] = useState<boolean>(false);
 
      useEffect(() => {
         
@@ -99,6 +100,7 @@ const AccountValidation: FunctionComponent<AccountValidationProps> = ({ movaAppT
 
     const resetUserPassword = (req: any) => {
         if(req){
+            setLoadingBtn(true);
 
             UserService.reestPassword(req)
             .then(response => {
@@ -120,13 +122,15 @@ const AccountValidation: FunctionComponent<AccountValidationProps> = ({ movaAppT
                 if(onSubmit){
                     onSubmit(false, error);
                 }
+            }).finally(() => {
+                setLoadingBtn(false);
             });
         }
     }
 
     const activateUserAccount = (req: any) => {
         if(req){
-
+            setLoadingBtn(true);
             UserService.validateAccount(req)
             .then(response => {
 
@@ -134,7 +138,7 @@ const AccountValidation: FunctionComponent<AccountValidationProps> = ({ movaAppT
 
                 if(response.success){
                     if(onSubmit){
-                        onSubmit(response.success, response.data ?? '');
+                        onSubmit(response.success, 'Le compte a été activé avec succès.');
                     }
                 }else{
                     if(onSubmit){
@@ -147,6 +151,8 @@ const AccountValidation: FunctionComponent<AccountValidationProps> = ({ movaAppT
                 if(onSubmit){
                     onSubmit(false, error);
                 }
+            }).finally(() => {
+                setLoadingBtn(false);
             });
         }
     }
@@ -311,6 +317,7 @@ const AccountValidation: FunctionComponent<AccountValidationProps> = ({ movaAppT
                     }}
                     actions={
                         <LoadingButton
+                        loading={loadingBtn}
                             type="submit"
                             onClick={handleValidateAccount}
                             fullWidth

package/src/MovaSignUp.tsx

@@ -22,6 +22,8 @@ import VisibilityOff from '@mui/icons-material/VisibilityOff';
 import InfoIcon from '@mui/icons-material/Info';
 import isValid from 'date-fns/isValid';
 import Logger from "./helpers/Logger";
+import User from "./models/User";
+import UserService from "./services/UserService";
 
 // ATTENTION : s'assurer de la présence des documents suivants à la racine du composant porteur (dossier 'public')
 const CGUPath:string = "/Movalib_CGU.pdf";
@@ -33,17 +35,6 @@ const styles: CSSProperties = {
     alignItems: 'center'
 };
 
-const 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 },
-};
-
 /**
  * Propriétés du composant
  * movaAppType : type d'application Movalib au sein de laquelle le composant est injectée
@@ -66,6 +57,7 @@ interface MovaSignUpProps {
     showLoginButton?: boolean,
     disableGutters?: boolean,
     usePhoneNumber?: boolean
+    userToEdit?: User,
 }
 
 /**
@@ -73,16 +65,28 @@ interface MovaSignUpProps {
  * ATTENTION : le lien de consultation des CGU doit pointer vers "/terms-and-conditions"
  */
 const MovaSignUp: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType, onSubmit, darkMode = false, alertMessage, alertSeverity, headerText,
-    showHeaderLogo = true, showLeafs= true, showCopyright = true, showLoginButton = true, disableGutters = false, usePhoneNumber = true}) => {
-
-    const [userForm, setUserForm] = useState<MovaUserSignUpForm>(initialUserFormState);
+    showHeaderLogo = true, showLeafs= true, showCopyright = true, showLoginButton = true, disableGutters = false, usePhoneNumber = true, userToEdit = null}) => {
+
+    const [userForm, setUserForm] = useState<MovaUserSignUpForm>(
+        {
+            firstname: { value: userToEdit?.firstname ?? '', isValid: true },
+            lastname: { value: userToEdit?.lastname ?? '', isValid: true },
+            email: { value: userToEdit?.email ?? '', isValid: true },
+            phoneNumber: { value: userToEdit?.phoneNumber ?? '', isValid: true },
+            password: { value: '', isValid: true },
+            gender:  { value: '', isValid: true },
+            birthDate:  { value: null, isValid: true },
+            acceptsTerms:  { value: false, isValid: true },
+        }
+    );
     const history = useHistory();
     const [message, setMessage] = useState<string>("");
     const theme = useTheme();
     const [showPassword, setShowPassword] = useState(false);
     const [openEmailInfo, setOpenEmailInfo] = useState(false);
     const [openPhoneNumberInfo, setOpenPhoneNumberInfo] = useState(false);
-
+    const [userExist, setUserExist] = useState<boolean>(false);
+    const [userIsAlreadyActive, setUserIsAlreadyActive] = useState<boolean>(false);
     const handleDateChange = (name: string, date: Date | null) => {
  
         if(name && date){
@@ -106,6 +110,25 @@ const MovaSignUp: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType,
                 if (fieldValue.length > 10) {
                     fieldValue = fieldValue.substring(0, 10);
                 }
+                if (fieldValue.length === 10){
+                    UserService.existsByPhoneNumber(fieldValue).then((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
@@ -285,24 +308,28 @@ const MovaSignUp: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType,
                         id="phoneNumber"
                         label="N° de téléphone"
                         name="phoneNumber"
-                        autoComplete="tel"                      
+                        autoComplete="tel" 
+                        disabled={userToEdit && userToEdit.phoneNumber ? true : false}                     
                         onChange={e => handleInputChange(e)}
                         value={userForm.phoneNumber.value}
                         error={Boolean(userForm.phoneNumber.error)}
                         helperText={userForm.phoneNumber.error}
                         InputProps={{
                             endAdornment: (
-                              <InputAdornment position="end">
-                                <IconButton
+                             <InputAdornment position="end">
+                                 {!userExist && <IconButton
                                   edge="end"
                                   onClick={() => setOpenPhoneNumberInfo(!openPhoneNumberInfo)}
                                   ><InfoIcon /> 
-                                </IconButton>
+                                </IconButton>}
                               </InputAdornment>
                             ),
                           }}   
                       />
-                      {openPhoneNumberInfo && <Alert severity="info" variant='standard'>Entrez le numéro de téléphone que vous avez utilisé pour réserver, afin de suivre facilement vos rendez-vous.</Alert>}
+                      {openPhoneNumberInfo && !userExist && <Alert severity="info" variant='standard'>Entrez le numéro de téléphone que vous avez utilisé pour réserver, afin de suivre facilement vos rendez-vous.</Alert>}
+                      {userExist && <Alert severity="success" variant='standard'>Rendez-vous trouvé(s) pour ce numéro !  Vous pourrez le(s) consulter après avoir créé votre compte.</Alert>}
+                      {userIsAlreadyActive && <Alert severity="error" sx={{marginTop: '5px'}} variant='standard'>Il semble qu’un compte existe déjà avec ce numéro. Connectez-vous ou utilisez "Mot de passe oublié" pour y accéder facilement.</Alert>}
+
                       </>
                     }
                     <TextField
@@ -313,6 +340,7 @@ const MovaSignUp: FunctionComponent<MovaSignUpProps> = ({ loading, movaAppType,
                         label="Adresse email"
                         name="email"
                         autoComplete="email"
+                        disabled={userToEdit && userToEdit.email ? true : false}                     
                         onChange={e => handleInputChange(e)}
                         value={userForm.email.value}
                         error={!userForm.email.isValid}

package/src/components/singup/ActivateAccount.tsx

@@ -0,0 +1,273 @@
+import { CSSProperties, FunctionComponent, useEffect, useState } from 'react';
+import { useHistory, useLocation, useParams } from 'react-router-dom';
+import UserService from '../../services/UserService';
+import { AlertColor, Box, Button, Checkbox, CircularProgress, FormControl, FormControlLabel, FormHelperText, Grid, IconButton, Link, SelectChangeEvent, TextField, Typography, colors, darken, useMediaQuery, useTheme } from '@mui/material';
+import Logger from '../../helpers/Logger';
+import { MovaAppType } from '../../helpers/Enums';
+import { MovaFormField, MovaUserSignUpForm, MovaValidationForm } from '../../helpers/Types';
+import { flexStart, validateField } from '../../helpers/Tools';
+import User from '../../models/User';
+import { set } from 'date-fns';
+import MovaSignUp from '../../MovaSignUp';
+import { validatePhoneNumber } from '../../helpers/Validator';
+
+interface RouteParams {
+    code: string;  // Définissez ici les paramètres de route attendus
+}
+interface ActivateAccountProps {
+    movaAppType: MovaAppType,
+    smsValidation: boolean,
+    onSubmit: (success: boolean, message: string) => void,
+    onResendSecurityCode?: (success: boolean, message: string) => void,
+}
+
+
+const ActivateAccount: FunctionComponent<ActivateAccountProps> = ({ movaAppType, smsValidation, onSubmit, onResendSecurityCode }) => {
+    const { code } = useParams<RouteParams>();
+    const location = useLocation();
+    const theme = useTheme();
+    const [alertMessage, setAlertMessage] = useState<string>("");
+    // La sévérité est initialiée à "error" par défaut
+    const [alertSeverity, setAlertSeverity] = useState<AlertColor>('error');
+    const [loading, setLoading] = useState(false);
+    const [currentUser, setCurrentUser] = useState<User | null>(null);
+    const [expiredCode, setExpiredCode] = useState(false);
+    const [unknowCode, setUnknowCode] = useState(false);
+    const [validationForm, setValidationForm] = useState<any>({ phoneNumber: { value: '', isValid: true } });
+
+    const history = useHistory();
+    // ajout d'un load pour le chargement de la page
+    const getUserByTokenOrCode = () => {
+        setExpiredCode(false);
+        setUnknowCode(false);
+        const params = location !== undefined ? new URLSearchParams(location.search) : undefined;
+        let req = {
+            token: !smsValidation ? params?.get('token') : null,
+            securityCode: smsValidation ? code : null,
+            demoGarage: Boolean(params?.get('demoGarage'))
+        }
+        UserService.validateAccount(req).then(response => {
+            if (response.success) {
+                setCurrentUser(response.data as User);
+            } else {
+                const data = response.data as { expiredCode?: boolean, unknownCode?: boolean };
+                if (data?.expiredCode) {
+                    setExpiredCode(true);
+                }
+                if (data?.unknownCode) {
+                    setUnknowCode(true);
+                }
+            }
+        })
+    };
+
+    useEffect(() => {
+        getUserByTokenOrCode();
+    }, []);
+
+    const updateActivateUseronSubmit = (form: MovaUserSignUpForm) => {
+        // appelle api pour mettre a jour l'utilisateur + auto activate en fonction du movaAPPType
+        if (movaAppType === MovaAppType.INDIVIDUAL && currentUser) {
+            setLoading(true);
+            try {
+
+                // On prépare la query
+                let query = {
+                    code: code,
+                    email: form.email.value,
+                    password: form.password.value,
+                    firstname: form.firstname.value,
+                    lastname: form.lastname.value,
+                }
+
+                UserService.editUser(query, currentUser.id)
+                    .then(response => {
+                        //success or Error this is parent component responsability
+                        Logger.info(response);
+                        if (response.success) {
+                            onSubmit(response.success, response.data ?? 'Le compte a été mis à jour et activé avec succès');
+                            history.push('/login');
+                        } else {
+                            onSubmit(response.success, response.error ?? 'Erreur lors de la mise à jour du compte');
+                        }
+
+                    }).catch(error => {
+                        onSubmit(false, 'Erreur lors de la mise à jour du compte');
+                        Logger.error(error);
+                        setAlertMessage(error);
+                    });
+
+            } catch (error) {
+                console.error('Error occurred during submission:', error);
+            } finally {
+                setLoading(false);
+            }
+        }
+
+
+    }
+    const controlPhoneNumber = (): boolean => {
+
+        let newForm: MovaValidationForm = validationForm;
+        let newField: MovaFormField;
+
+        newForm.phoneNumber = validateField(validationForm.phoneNumber, value => !!value, 'Champ obligatoire');
+
+        // Validator 'phoneNumber'
+        if (newForm.phoneNumber?.value) {
+            if (newForm.phoneNumber?.value.length < 10) {
+                newField = { value: validationForm.phoneNumber?.value, error: "Le n° de téléphone est invalide." };
+            } else {
+                newField = { value: validationForm.phoneNumber?.value, error: '' };
+            }
+            newForm = { ...newForm, ...{ phoneNumber: newField } };
+        }
+
+        setValidationForm(newForm);
+
+        return !Boolean(newForm.phoneNumber?.error);
+    }
+
+
+    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | null): void => {
+        if (e) {
+            const fieldName: string = e.target.name;
+            const fieldValue: string = e.target.value;
+            const newField: MovaFormField = { [fieldName]: { value: fieldValue, isValid: true } };
+
+            if (fieldName == "phoneNumber") {
+                if (!validatePhoneNumber(fieldValue))
+                    return;
+            }
+
+            setValidationForm({ ...validationForm, ...newField });
+        }
+    }
+
+    const resendCode = () => {
+
+        if (controlPhoneNumber() && onResendSecurityCode) {
+
+            let req = {
+                phoneNumber: validationForm.phoneNumber?.value
+            }
+
+            UserService.resendActivationAccount(req)
+                .then(response => {
+
+                    Logger.info(response);
+
+                    if (response.success) {
+                        onResendSecurityCode(response.success, response.data ?? '');
+                    } else {
+                        onResendSecurityCode(response.success, response.error ?? '');
+                    }
+                    history.push('/login');
+
+                }).catch(error => {
+                    Logger.error(error);
+                    if (onSubmit) {
+                        onSubmit(false, error);
+                    }
+                });
+        }
+    }
+
+    return (
+        <>
+            {currentUser !== null && <MovaSignUp
+                movaAppType={movaAppType}
+                onSubmit={updateActivateUseronSubmit}
+                alertMessage={alertMessage}
+                alertSeverity={alertSeverity}
+                userToEdit={currentUser}
+                loading={loading} />}
+            {expiredCode && (
+                <Box sx={{ width: '99vw', height: '99vh', display: 'flex' }}>
+                    <Box
+                        sx={{
+                            display: 'block',
+                            margin: 'auto',
+                            textAlign: 'center',
+                            padding: 3,
+                            borderRadius: 2,
+                            boxShadow: 3,
+                            maxWidth: 400,
+                            backgroundColor: 'white',
+                        }}
+                    >
+                        <Typography variant="h6" color="error" gutterBottom>
+                            Code de validation expiré
+                        </Typography>
+                        <Typography><b>Indiquez nous votre numéro de téléphone.</b><br />Nous allons renvoyer un SMS d'activation de compte</Typography>
+                        <Grid item xs={6}>
+                            <TextField
+                                margin="normal"
+                                fullWidth
+                                required
+                                id="phoneNumber"
+                                label="N° de téléphone"
+                                name="phoneNumber"
+                                autoComplete="tel"
+                                onChange={e => handleInputChange(e)}
+                                value={validationForm.phoneNumber.value}
+                                error={Boolean(validationForm.phoneNumber.error)}
+                                helperText={validationForm.phoneNumber.error}
+                            />
+                        </Grid>
+                        <Button
+                            onClick={resendCode}
+                            sx={{ cursor: 'pointer', textAlign: 'center', width: '100%', mt: 1 }}
+                        >
+                            Renvoyer le code
+                        </Button>
+                    </Box>
+                </Box>
+            )}
+            {unknowCode && (
+                <Box sx={{ width: '99vw', height: '99vh', display: 'flex' }}>
+                    <Box
+                        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',
+                        }}
+                    >
+                        <Typography variant="h6" color="error" gutterBottom>
+                            Code de validation invalide
+                        </Typography>
+                        <Typography variant="body1" color="textSecondary" gutterBottom>
+                        Le code de validation fourni ne correspond à aucun utilisateur (ou votre compte a déjà été activé). <br />
+                         Essayez de vous connecter avec votre numéro de téléphone.
+                            <br />
+                            Si le problème persiste, veuillez nous contacter à{' '}
+                            <b>support@movalib.com</b>.
+                        </Typography>
+                        <Button
+                            variant="contained"
+                            color="primary"
+                            onClick={(e) => history.push('/login')}
+                            sx={{ marginTop: 2 }}
+                        >
+                            Retour à la connexion
+                        </Button>
+                    </Box>
+                </Box>
+            )}
+
+        </>
+    );
+};
+
+export default ActivateAccount;
+
+

package/src/helpers/ApiHelper.ts

@@ -55,16 +55,16 @@ function handleResponse(response: Response): Promise<APIResponse<any>> {
 
             switch(response.status){
                 case 403:
-                    errorMsg = 'Accès non autorisé (403)'; break;
+                    errorMsg = 'Accès non autorisé'; break;
                 case 404:
-                    errorMsg = 'La ressource demandée est introuvable (404)'; break;
+                    errorMsg = (typeof data === 'string') ? data : 'La ressource demandée est introuvable'; break;
                 case 500:
-                    errorMsg = 'Une erreur interne du serveur est survenue (500)'; break;
+                    errorMsg = 'Une erreur interne du serveur est survenue'; break;
                 default:
-                    errorMsg = (typeof data === 'string') ? data : `Une erreur est survenue (${response.status})`; break;
+                    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 };

package/src/services/UserService.ts

@@ -38,6 +38,15 @@ export default class UserService {
         });
     }
 
+    static resendActivationAccount(req: any): Promise<APIResponse<string>> {
+        return request({
+            url: `${API_BASE_URL}/user/resend-activation-link`,
+            method: APIMethod.POST,
+            appType: MovaAppType.INDIVIDUAL,
+            body: JSON.stringify(req)
+        });
+    }
+
     static getSalesGarages(salesId: string,): Promise<APIResponse<Garage[]>> {
         return request({
             url: `${API_BASE_URL}/sales/${salesId}/garages`,
@@ -46,7 +55,7 @@ export default class UserService {
         });
     }
 
-    static validateAccount(req: any): Promise<APIResponse<string>> {
+    static validateAccount(req: any): Promise<APIResponse<User | {expiredCode?:boolean, unknowCode?: boolean}>> {
         return request({
             url: `${API_BASE_URL}/user/validate-account`,
             method: APIMethod.POST,
@@ -55,6 +64,15 @@ export default class UserService {
         });
     }
 
+    static editUser(req: any, userId: string): Promise<APIResponse<string>> {
+        return request({
+            url: `${API_BASE_URL}/user/${userId}/complete`,
+            method: APIMethod.PATCH,
+            appType: MovaAppType.INDIVIDUAL,
+            body: JSON.stringify(req)
+        });
+    }
+
     /**
      * @param email 
      * @param password