@movalib/movalib-commons 1.68.16 → 1.68.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/devIndex.tsx +5 -3
- package/dist/devIndex.js +29 -30
- package/dist/src/AccountValidation.js +11 -11
- package/dist/src/AddressFields.js +1 -12
- package/dist/src/ConfirmationDialog.js +3 -3
- package/dist/src/DialogForgotPassword.js +4 -15
- package/dist/src/DownloadedQRCode.js +4 -15
- package/dist/src/GaragePLV.js +3 -14
- package/dist/src/GenderSelector.js +1 -1
- package/dist/src/IbanInput.js +1 -1
- package/dist/src/Loader.js +1 -12
- package/dist/src/MovaCopyright.js +1 -1
- package/dist/src/MovaDialog.js +2 -2
- package/dist/src/MovaLogin.js +9 -9
- package/dist/src/MovaSignUp.js +12 -12
- package/dist/src/MovaSnackbar.js +1 -12
- package/dist/src/QRCode.js +5 -16
- package/dist/src/ScheduleFields.js +5 -5
- package/dist/src/components/LinkedDocumentDialog.d.ts +0 -1
- package/dist/src/components/LinkedDocumentDialog.js +6 -17
- package/dist/src/components/MovaTable/MovaTable.js +2 -2
- package/dist/src/components/MovaTableBack/MovaTableBack.js +9 -20
- package/dist/src/components/QrCodePLVContainer/PLVComponent.js +6 -17
- package/dist/src/components/QrCodePLVContainer/QrCodePLVContainer.js +28 -28
- package/dist/src/components/singup/ActivateAccount.js +3 -3
- package/dist/src/components/vehicle/VehicleFullCard.js +23 -22
- package/dist/src/components/vehicle/VehiclePlateField.js +4 -15
- package/dist/src/helpers/DateUtils.d.ts +1 -0
- package/dist/src/helpers/DateUtils.js +4 -4
- package/dist/src/helpers/Enums.js +27 -27
- package/dist/src/helpers/Tools.js +5 -5
- package/dist/src/helpers/Validator.js +3 -4
- package/dist/src/models/Garage.js +2 -3
- package/dist/src/models/Settings.js +1 -1
- package/dist/src/services/AuthenticationService.js +2 -2
- package/dist/src/services/UserService.js +2 -2
- package/dist/src/style/styled.d.ts +4 -6
- package/dist/src/style/styled.js +1 -0
- package/dist/src/style/styled.ts +11 -3
- package/dist/src/utils/DialogPrint.js +1 -2
- package/dist/src/utils/getQRCodeBase64.d.ts +1 -3
- package/dist/src/utils/getQRCodeBase64.js +2 -2
- package/dist/theme.js +2 -2
- package/package.json +15 -22
- package/src/GaragePLV.tsx +3 -3
- package/src/components/LinkedDocumentDialog.tsx +1 -1
- package/src/components/MovaTableBack/MovaTableBack.tsx +1 -1
- package/src/components/QrCodePLVContainer/QrCodePLVContainer.tsx +6 -4
- package/src/components/vehicle/VehicleFullCard.tsx +3 -1
- package/src/helpers/DateUtils.ts +3 -3
- package/src/react-app-env.d.ts +34 -1
- package/src/style/styled.ts +11 -3
package/devIndex.tsx
CHANGED
|
@@ -5,7 +5,7 @@ import { Alert, Box, Button, Container, SelectChangeEvent } from '@mui/material'
|
|
|
5
5
|
import { ThemeProvider } from '@mui/material/styles';
|
|
6
6
|
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
|
|
7
7
|
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
8
|
-
import frLocale from
|
|
8
|
+
import { fr as frLocale } from "date-fns/locale";
|
|
9
9
|
import AccountValidation from './src/AccountValidation';
|
|
10
10
|
import AddressFields from './src/AddressFields';
|
|
11
11
|
import VehiclePlateField from './src/components/vehicle/VehiclePlateField';
|
|
@@ -25,7 +25,9 @@ import QRCode from './src/QRCode';
|
|
|
25
25
|
import ScheduleFields, { DaySchedule } from './src/ScheduleFields';
|
|
26
26
|
import AuthenticationService from './src/services/AuthenticationService';
|
|
27
27
|
import GarageService from './src/services/GarageService';
|
|
28
|
-
import theme from './theme';
|
|
28
|
+
import theme from './theme';
|
|
29
|
+
import moment from "moment-timezone"; // Import du thème personnalisé
|
|
30
|
+
import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
|
|
29
31
|
|
|
30
32
|
const App = () => {
|
|
31
33
|
|
|
@@ -110,7 +112,7 @@ const App = () => {
|
|
|
110
112
|
|
|
111
113
|
return (
|
|
112
114
|
<div>
|
|
113
|
-
<LocalizationProvider dateAdapter={
|
|
115
|
+
<LocalizationProvider dateAdapter={AdapterMoment} dateLibInstance={moment}>
|
|
114
116
|
<ThemeProvider theme={theme}>
|
|
115
117
|
<Box sx={{ mb: 4}}>
|
|
116
118
|
|
package/dist/devIndex.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -26,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
26
15
|
}) : function(o, v) {
|
|
27
16
|
o["default"] = v;
|
|
28
17
|
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
36
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
37
|
};
|
|
@@ -43,9 +42,7 @@ var client_1 = require("react-dom/client");
|
|
|
43
42
|
// Import des composants de la bibliothèque
|
|
44
43
|
var material_1 = require("@mui/material");
|
|
45
44
|
var styles_1 = require("@mui/material/styles");
|
|
46
|
-
var AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
|
|
47
45
|
var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
|
|
48
|
-
var fr_1 = __importDefault(require("date-fns/locale/fr"));
|
|
49
46
|
var AccountValidation_1 = __importDefault(require("./src/AccountValidation"));
|
|
50
47
|
var AddressFields_1 = __importDefault(require("./src/AddressFields"));
|
|
51
48
|
var VehiclePlateField_1 = __importDefault(require("./src/components/vehicle/VehiclePlateField"));
|
|
@@ -63,7 +60,9 @@ var QRCode_1 = __importDefault(require("./src/QRCode"));
|
|
|
63
60
|
var ScheduleFields_1 = __importDefault(require("./src/ScheduleFields"));
|
|
64
61
|
var AuthenticationService_1 = __importDefault(require("./src/services/AuthenticationService"));
|
|
65
62
|
var GarageService_1 = __importDefault(require("./src/services/GarageService"));
|
|
66
|
-
var theme_1 = __importDefault(require("./theme"));
|
|
63
|
+
var theme_1 = __importDefault(require("./theme"));
|
|
64
|
+
var moment_timezone_1 = __importDefault(require("moment-timezone")); // Import du thème personnalisé
|
|
65
|
+
var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
|
|
67
66
|
var App = function () {
|
|
68
67
|
Logger_1.default.enableLogging();
|
|
69
68
|
// Chargement de données garage de test
|
|
@@ -128,11 +127,11 @@ var App = function () {
|
|
|
128
127
|
}
|
|
129
128
|
}
|
|
130
129
|
};
|
|
131
|
-
return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider,
|
|
130
|
+
return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment, dateLibInstance: moment_timezone_1.default, children: (0, jsx_runtime_1.jsxs)(styles_1.ThemeProvider, { theme: theme_1.default, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mb: 4 }, children: [(0, jsx_runtime_1.jsx)(GenderSelector_1.default, { sx: { width: '20%' }, handleSelectChange: function (event) {
|
|
132
131
|
return;
|
|
133
132
|
}, form: {
|
|
134
133
|
gender: undefined
|
|
135
|
-
} }), (0, jsx_runtime_1.jsx)(material_1.Container,
|
|
134
|
+
} }), (0, jsx_runtime_1.jsx)(material_1.Container, { sx: { width: '400px', mt: 2 }, children: (0, jsx_runtime_1.jsx)(VehiclePlateField_1.default, { onCountryChange: function (country) {
|
|
136
135
|
console.log("Changement pays :", country);
|
|
137
136
|
setPlateCountry(country);
|
|
138
137
|
}, onValidVehiclePlate: function (vehiclePlate, country) {
|
|
@@ -140,19 +139,19 @@ var App = function () {
|
|
|
140
139
|
}, country: plateCountry, model: plateModel, onModelChange: function (model) {
|
|
141
140
|
console.log("Changement modèle :", model);
|
|
142
141
|
setPlateModel(model);
|
|
143
|
-
} }) })
|
|
142
|
+
} }) }), (0, jsx_runtime_1.jsx)(material_1.Container, { style: Tools_1.flexCenter, sx: { width: '400px', mt: 2 }, children: (0, jsx_runtime_1.jsx)(MovaVehicleTireField_1.default, { onChangeVehicleTire: function (vehicleTire) {
|
|
144
143
|
console.log('formatVehicleTire', (0, Tools_1.formatVehicleTire)(vehicleTire));
|
|
145
|
-
} }) })
|
|
144
|
+
} }) }), (0, jsx_runtime_1.jsx)(MovaLogin_1.default, { darkMode: false, movaAppType: Enums_1.MovaAppType.INDIVIDUAL, version: "0.1.3", onSubmit: function (form) {
|
|
146
145
|
alert('Form Submitted !');
|
|
147
146
|
}, onSubmitForgotPassword: function (email) {
|
|
148
147
|
throw new Error('Function not implemented.');
|
|
149
|
-
} }), (0, jsx_runtime_1.jsx)(MovaSignUp_1.default, { headerText: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Alert,
|
|
148
|
+
} }), (0, jsx_runtime_1.jsx)(MovaSignUp_1.default, { headerText: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: 'success', icon: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}), style: Tools_1.flexCenter, sx: { width: '100%', textTransform: 'none', textAlign: 'center' }, children: (0, jsx_runtime_1.jsx)("b", { children: "NOUVEAU COMPTE UTILISATEUR" }) }) }), darkMode: false, movaAppType: Enums_1.MovaAppType.INDIVIDUAL, onSubmit: function (form) {
|
|
150
149
|
alert('Form Submitted !');
|
|
151
|
-
} }), (0, jsx_runtime_1.jsx)(GaragePLV_1.default, { url: getQRCodeData() }), (0, jsx_runtime_1.jsx)("div",
|
|
150
|
+
} }), (0, jsx_runtime_1.jsx)(GaragePLV_1.default, { url: getQRCodeData() }), (0, jsx_runtime_1.jsx)("div", { id: 'qr-code-container', children: (0, jsx_runtime_1.jsx)(QRCode_1.default, { data: getQRCodeData(), size: 400, showDownload: true, showCTAWhenDownloaded: true }) }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '40px' } }), (0, jsx_runtime_1.jsx)("div", { style: Tools_1.flexCenter, children: (0, jsx_runtime_1.jsx)(ScheduleFields_1.default
|
|
152
151
|
//schedules={undefined}
|
|
153
152
|
, {
|
|
154
153
|
//schedules={undefined}
|
|
155
|
-
schedules: garage === null || garage === void 0 ? void 0 : garage.schedules, size: "small", timePickerStep: 15, onChange: handleScheduleChange }) })
|
|
154
|
+
schedules: garage === null || garage === void 0 ? void 0 : garage.schedules, size: "small", timePickerStep: 15, onChange: handleScheduleChange }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: '50%' }, children: [(0, jsx_runtime_1.jsx)(AddressFields_1.default, { form: {
|
|
156
155
|
streetName: {
|
|
157
156
|
value: undefined,
|
|
158
157
|
error: undefined,
|
|
@@ -177,11 +176,11 @@ var App = function () {
|
|
|
177
176
|
throw new Error('Function not implemented.');
|
|
178
177
|
} }), (0, jsx_runtime_1.jsx)("br", {}), " ", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(IbanInput_1.default, { onIbanChange: function (iban) {
|
|
179
178
|
throw new Error('Function not implemented.');
|
|
180
|
-
} })] })
|
|
179
|
+
} })] })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { style: Tools_1.flexCenter, children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: function () { return setOpenAccountValidation(!openAccountValidation); }, children: "Validation de compte" }) }), openAccountValidation && (0, jsx_runtime_1.jsx)(AccountValidation_1.default, { smsValidation: false, resetPassword: false, movaAppType: Enums_1.MovaAppType.INDIVIDUAL, onSubmit: function (success, message) {
|
|
181
180
|
throw new Error('Function not implemented.');
|
|
182
181
|
}, onResendSecurityCode: function (success, message) {
|
|
183
182
|
throw new Error('Function not implemented.');
|
|
184
|
-
} })] })
|
|
183
|
+
} })] }) }) }));
|
|
185
184
|
};
|
|
186
185
|
var root = (0, client_1.createRoot)(document.getElementById('root'));
|
|
187
186
|
root.render((0, jsx_runtime_1.jsx)(react_1.default.StrictMode, { children: (0, jsx_runtime_1.jsx)(App, {}) }));
|
|
@@ -257,22 +257,22 @@ var AccountValidation = function (_a) {
|
|
|
257
257
|
}
|
|
258
258
|
};
|
|
259
259
|
return ((0, jsx_runtime_1.jsxs)("div", { children: [(emptyPwd || smsValidation || resetPassword || true) &&
|
|
260
|
-
(0, jsx_runtime_1.jsx)(MovaDialog_1.default,
|
|
260
|
+
(0, jsx_runtime_1.jsx)(MovaDialog_1.default, { leafImageColor: 'pink', titleStyle: getTitleStyle(), fullScreen: isMobile, open: emptyPwd || smsValidation || resetPassword || true, closable: false, onClose: function () {
|
|
261
261
|
throw new Error('Function not implemented.');
|
|
262
|
-
}, actions: (0, jsx_runtime_1.jsx)(material_1.Button,
|
|
262
|
+
}, actions: (0, jsx_runtime_1.jsx)(material_1.Button, { 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, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
263
263
|
display: 'flex',
|
|
264
264
|
flexDirection: 'column',
|
|
265
265
|
alignItems: 'center',
|
|
266
|
-
}
|
|
266
|
+
}, children: [(0, jsx_runtime_1.jsx)("img", { src: getMovaLogo(), style: { width: '50%' } }), (0, jsx_runtime_1.jsx)("br", {})] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { mt: 2, mb: 3 }, children: resetPassword ? "Définissez votre nouveau mot de passe" : "Pour commencer, définissez votre mot de passe et activez votre compte 😉" }) }), smsValidation && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { label: "Code re\u00E7u par SMS", required: true, fullWidth: true, name: "securityCode", variant: "outlined", value: (_b = validationForm.securityCode) === null || _b === void 0 ? void 0 : _b.value, error: !((_c = validationForm.securityCode) === null || _c === void 0 ? void 0 : _c.isValid), helperText: Boolean((_d = validationForm.securityCode) === null || _d === void 0 ? void 0 : _d.error) ? (_e = validationForm.securityCode) === null || _e === void 0 ? void 0 : _e.error : null, onChange: function (e) { return handleInputChange(e); }, inputProps: {
|
|
267
267
|
maxLength: 6,
|
|
268
|
-
inputMode: 'numeric',
|
|
268
|
+
inputMode: 'numeric', // Affiche un clavier numérique sur les appareils mobiles
|
|
269
269
|
pattern: '[0-9]*' // Permet seulement la saisie de chiffres
|
|
270
|
-
} }) })
|
|
271
|
-
endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default,
|
|
272
|
-
} }) })
|
|
273
|
-
endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default,
|
|
274
|
-
} }) })
|
|
275
|
-
(0, jsx_runtime_1.jsx)(material_1.Grid,
|
|
276
|
-
(0, jsx_runtime_1.jsx)(material_1.Box,
|
|
270
|
+
} }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.Link, { component: "button", variant: "body2", onClick: handleOpenResendCode, sx: { cursor: 'pointer', textAlign: 'center', width: '100%', mt: 1 }, children: "Renvoyer le code" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: "Mot de passe", type: showPassword ? 'text' : 'password', id: "password", autoComplete: "current-password", onChange: function (e) { return handleInputChange(e); }, value: validationForm.password.value, error: !validationForm.password.isValid, helperText: Boolean(validationForm.password.error) ? validationForm.password.error : "10 caractères minimum, 1 majuscule, 1 minuscule", InputProps: {
|
|
271
|
+
endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { edge: "end", onClick: function (e) { return setShowPassword(function (prev) { return !prev; }); }, children: showPassword ? (0, jsx_runtime_1.jsx)(VisibilityOff_1.default, {}) : (0, jsx_runtime_1.jsx)(Visibility_1.default, {}) }) })),
|
|
272
|
+
} }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "confirmation", label: "Confirmation mot de passe", type: showPassword ? 'text' : 'password', id: "confirmation", onChange: function (e) { return handleInputChange(e); }, value: validationForm.confirmation.value, error: !validationForm.confirmation.isValid, helperText: Boolean(validationForm.confirmation.error) ? validationForm.confirmation.error : "", InputProps: {
|
|
273
|
+
endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { edge: "end", onClick: function (e) { return setShowPassword(function (prev) { return !prev; }); }, children: showPassword ? (0, jsx_runtime_1.jsx)(VisibilityOff_1.default, {}) : (0, jsx_runtime_1.jsx)(Visibility_1.default, {}) }) })),
|
|
274
|
+
} }) }), !resetPassword && movaAppType !== Enums_1.MovaAppType.GARAGE &&
|
|
275
|
+
(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, sx: { mt: 2, display: 'flex', justifyContent: 'start' }, children: (0, jsx_runtime_1.jsxs)(material_1.FormControl, { error: !validationForm.acceptsTerms.isValid, children: [(0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { name: "acceptsTerms", color: "primary", checked: validationForm.acceptsTerms.value, onChange: function (e, checked) { return handleCheckboxChange(e, checked); }, sx: { pr: 2 } }), label: (0, jsx_runtime_1.jsxs)("span", { children: ["J'accepte les", ' ', (0, jsx_runtime_1.jsx)("a", { href: CGUPath, target: "_blank", style: { color: theme.palette.primary.main }, children: "Conditions G\u00E9n\u00E9rales d'Utilisation" })] }) }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { children: validationForm.acceptsTerms.error })] }) })] }) }), loading &&
|
|
276
|
+
(0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, {}) }), openPhoneNumberInput && (0, jsx_runtime_1.jsx)(ConfirmationDialog_1.default, { open: openPhoneNumberInput, confirmLabel: "Envoyer", closeLabel: "Annuler", onClose: function () { return setOpenPhoneNumberInput(false); }, onConfirm: resendCode, message: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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", {})] }), (0, jsx_runtime_1.jsx)(material_1.Grid, { 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 }) })] }) })] }));
|
|
277
277
|
};
|
|
278
278
|
exports.default = AccountValidation;
|
|
@@ -1,20 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
4
|
var material_1 = require("@mui/material");
|
|
16
5
|
var AddressFields = function (_a) {
|
|
17
6
|
var form = _a.form, size = _a.size, handleChange = _a.handleChange;
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Grid,
|
|
7
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { id: "address-streetName", label: "RUE", value: form.streetName.value, required: true, size: size, onBlur: function (e) { return handleChange('streetName', e.target.value, true); }, onChange: function (e) { return handleChange('streetName', e.target.value, false); }, error: !form.streetName.isValid, helperText: form.streetName.error, sx: { width: '100%', mt: 2.5 } }), (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "address-additionnalInfo", label: "COMPL\u00C9MENT", size: size, value: form.additional.value, onBlur: function (e) { return handleChange('additional', e.target.value, true); }, onChange: function (e) { return handleChange('additional', e.target.value, false); }, error: !form.additional.isValid, helperText: form.additional.error, sx: { width: '100%', mt: 2.5 } }), (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "address-postalCode", label: "CODE POSTAL", value: form.postalCode.value, required: true, size: size, onBlur: function (e) { return handleChange('postalCode', e.target.value, true); }, onChange: function (e) { return handleChange('postalCode', e.target.value, false); }, error: !form.postalCode.isValid, helperText: form.postalCode.error, sx: { width: '40%', mt: 2.5, pr: 2 } }), (0, jsx_runtime_1.jsx)(material_1.TextField, { id: "address-cityName", label: "VILLE", value: form.cityName.value, required: true, size: size, onBlur: function (e) { return handleChange('cityName', e.target.value, true); }, onChange: function (e) { return handleChange('cityName', e.target.value, false); }, error: !form.cityName.isValid, helperText: form.cityName.error, sx: { width: '60%', mt: 2.5 } })] }));
|
|
19
8
|
};
|
|
20
9
|
exports.default = AddressFields;
|
|
@@ -41,11 +41,11 @@ var ConfirmationDialog = function (_a) {
|
|
|
41
41
|
var defaultTitle = "Confirmation";
|
|
42
42
|
var defaultConfirmLabel = "Oui";
|
|
43
43
|
var defaultCloseLabel = "Non";
|
|
44
|
-
return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, __assign({ open: open, onClose: onClose, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" }, dialogProps, { children: [(0, jsx_runtime_1.jsx)(DialogTitle_1.default,
|
|
44
|
+
return ((0, jsx_runtime_1.jsxs)(Dialog_1.default, __assign({ open: open, onClose: onClose, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" }, dialogProps, { children: [(0, jsx_runtime_1.jsx)(DialogTitle_1.default, { id: "alert-dialog-title", sx: {
|
|
45
45
|
backgroundColor: theme.palette.grey[200]
|
|
46
|
-
}, style: Tools_1.flexLeftRow
|
|
46
|
+
}, style: Tools_1.flexLeftRow, children: title || defaultTitle }), (0, jsx_runtime_1.jsx)(DialogContent_1.default, { sx: { textAlign: 'center' }, children: (0, jsx_runtime_1.jsx)(DialogContentText_1.default, { id: "alert-dialog-description", sx: { pt: 2 }, children: message || defaultMessage }) }), (0, jsx_runtime_1.jsxs)(DialogActions_1.default, { sx: {
|
|
47
47
|
py: 1,
|
|
48
48
|
backgroundColor: theme.palette.grey[200]
|
|
49
|
-
}
|
|
49
|
+
}, children: [showConfirm && (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: onConfirm, color: "inherit", autoFocus: autoFocus, sx: { ml: 1 }, children: (0, jsx_runtime_1.jsx)("b", { children: confirmLabel || defaultConfirmLabel }) }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: onClose, color: "inherit", children: closeLabel || defaultCloseLabel })] })] })));
|
|
50
50
|
};
|
|
51
51
|
exports.default = ConfirmationDialog;
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
4
|
var react_1 = require("react");
|
|
@@ -24,12 +13,12 @@ var DialogForgotPassword = function (_a) {
|
|
|
24
13
|
if (onClose)
|
|
25
14
|
onClose();
|
|
26
15
|
};
|
|
27
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Dialog,
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { open: openForgotPassword, onClose: handleOnClose, "aria-labelledby": "forgot-password-dialog-title", "aria-describedby": "forgot-password-dialog-description", children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { id: "forgot-password-title", children: "R\u00E9cup\u00E9ration du mot de passe" }), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(material_1.DialogContentText, { id: "forgot-password-dialog-description", sx: { mb: 2 }, children: movaAppType === Enums_1.MovaAppType.GARAGE ?
|
|
28
17
|
"Saisissez votre email pour procéder à la réinitialisation de votre mot de passe."
|
|
29
18
|
:
|
|
30
|
-
"Saisissez votre n° de téléphone ou votre email pour procéder à la réinitialisation de votre mot de passe." })
|
|
19
|
+
"Saisissez votre n° de téléphone ou votre email pour procéder à la réinitialisation de votre mot de passe." }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", autoFocus: true, required: true, fullWidth: true, id: movaAppType === Enums_1.MovaAppType.GARAGE ? "email" : "phoneNumberEmail", label: movaAppType === Enums_1.MovaAppType.GARAGE ? "Adresse email" : "N° de téléphone ou adresse email", name: movaAppType === Enums_1.MovaAppType.GARAGE ? "email" : "phoneNumberEmail", autoComplete: "email", onChange: function (e) { return handleInputChange(e); }, value: movaAppType === Enums_1.MovaAppType.GARAGE ? form.email.value : form.phoneNumberEmail.value, error: movaAppType === Enums_1.MovaAppType.GARAGE ? !form.email.isValid : !form.phoneNumberEmail.isValid, helperText: movaAppType === Enums_1.MovaAppType.GARAGE
|
|
31
20
|
? form.email.error
|
|
32
|
-
: form.phoneNumberEmail.error || "Saisir l’indicatif pour un numéro étranger (ex : +32 …)" })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button,
|
|
33
|
-
: !(form.phoneNumberEmail.value), sx: { ml: 1 }
|
|
21
|
+
: form.phoneNumberEmail.error || "Saisir l’indicatif pour un numéro étranger (ex : +32 …)" })] }), (0, jsx_runtime_1.jsx)(material_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: function (e) { return handleSubmitForgotPassword(e); }, color: "primary", disabled: movaAppType === Enums_1.MovaAppType.GARAGE ? !(form.email.value && (0, Validator_1.validateEmail)(form.email.value))
|
|
22
|
+
: !(form.phoneNumberEmail.value), sx: { ml: 1 }, children: "Envoyer ma demande" }) })] }));
|
|
34
23
|
};
|
|
35
24
|
exports.default = DialogForgotPassword;
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
@@ -20,7 +9,7 @@ var qr_code_bg_jpg_1 = __importDefault(require("./assets/images/qr_code_bg.jpg")
|
|
|
20
9
|
var arrow_qr_code_png_1 = __importDefault(require("./assets/images/arrow_qr_code.png"));
|
|
21
10
|
var logo_large_png_1 = __importDefault(require("./assets/images/logo/logo_large.png"));
|
|
22
11
|
var material_1 = require("@mui/material");
|
|
23
|
-
var DownloadedQRCode = function () { return ((0, jsx_runtime_1.jsx)("div",
|
|
12
|
+
var DownloadedQRCode = function () { return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
24
13
|
width: '1200px',
|
|
25
14
|
height: '900px',
|
|
26
15
|
padding: '80px',
|
|
@@ -29,7 +18,7 @@ var DownloadedQRCode = function () { return ((0, jsx_runtime_1.jsx)("div", __ass
|
|
|
29
18
|
alignItems: 'center',
|
|
30
19
|
backgroundImage: "url(".concat(qr_code_bg_jpg_1.default, ")"),
|
|
31
20
|
backgroundSize: 'contain no-repeat',
|
|
32
|
-
}, id: 'qr-code-downloaded-container'
|
|
21
|
+
}, id: 'qr-code-downloaded-container', children: (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
33
22
|
background: '#FFFFFF80',
|
|
34
23
|
height: '100%',
|
|
35
24
|
width: '100%',
|
|
@@ -38,7 +27,7 @@ var DownloadedQRCode = function () { return ((0, jsx_runtime_1.jsx)("div", __ass
|
|
|
38
27
|
flexDirection: 'column',
|
|
39
28
|
alignItems: 'center',
|
|
40
29
|
justifyContent: 'space-between'
|
|
41
|
-
}
|
|
30
|
+
}, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: 'h2', style: { textAlign: 'center', textTransform: 'uppercase', fontWeight: 'bold', fontSize: '5rem' }, children: "Prenez rendez-vous en ligne" }), (0, jsx_runtime_1.jsx)("div", { style: {
|
|
42
31
|
position: 'relative',
|
|
43
|
-
}, id: 'qr-code-img-container'
|
|
32
|
+
}, id: 'qr-code-img-container', children: (0, jsx_runtime_1.jsx)("img", { src: arrow_qr_code_png_1.default, alt: 'QR Code', style: { position: 'absolute', top: '-20%', left: '-70%' } }) }), (0, jsx_runtime_1.jsx)("img", { src: logo_large_png_1.default, alt: 'Movalib Logo', style: { width: '200px' } })] }) })); };
|
|
44
33
|
exports.DownloadedQRCode = DownloadedQRCode;
|
package/dist/src/GaragePLV.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
4
|
var material_1 = require("@mui/material");
|
|
@@ -23,13 +12,13 @@ var GaragePLV = function (_a) {
|
|
|
23
12
|
var PLVrefA3 = (0, react_1.useRef)(null);
|
|
24
13
|
var theme = (0, material_1.useTheme)();
|
|
25
14
|
var handleA4Print = (0, react_to_print_1.useReactToPrint)({
|
|
26
|
-
|
|
15
|
+
contentRef: PLVrefA4,
|
|
27
16
|
documentTitle: 'Movalib_PLV_A4',
|
|
28
17
|
});
|
|
29
18
|
var handleA3Print = (0, react_to_print_1.useReactToPrint)({
|
|
30
|
-
|
|
19
|
+
contentRef: PLVrefA3,
|
|
31
20
|
documentTitle: 'Movalib_PLV_A3',
|
|
32
21
|
});
|
|
33
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: Tools_1.flexCenter, children: [(0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponent, { ref: PLVrefA4, url: url, printSize: PLVComponent_1.PrintSize.A4 }), (0, jsx_runtime_1.jsx)(PLVComponent_1.PLVComponent, { ref: PLVrefA3, url: url, printSize: PLVComponent_1.PrintSize.A3 }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleA4Print, variant: 'outlined', sx: { color: (0, material_1.darken)(theme.palette.primary.main, 0.2), mr: 2 }, children: "\uD83E\uDDFE\u00A0\u00A0Imprimer la PLV (A4)" }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleA3Print, variant: 'outlined', sx: { color: (0, material_1.darken)(theme.palette.primary.main, 0.2) }, children: "\uD83E\uDDFE\u00A0\u00A0Imprimer la PLV (A3)" })] }));
|
|
34
23
|
};
|
|
35
24
|
exports.default = GaragePLV;
|
|
@@ -17,6 +17,6 @@ var GenderSelector = function (_a) {
|
|
|
17
17
|
var _b, _c, _d;
|
|
18
18
|
var handleSelectChange = _a.handleSelectChange, form = _a.form, _e = _a.required, required = _e === void 0 ? false : _e, sx = _a.sx;
|
|
19
19
|
var theme = (0, material_1.useTheme)();
|
|
20
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.FormControl,
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, { fullWidth: true, margin: "normal", required: required, sx: __assign({}, sx), children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { id: "gender-label", children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Sexe ", !required && '(facultatif)'] }) }), (0, jsx_runtime_1.jsxs)(material_1.Select, { labelId: "gender-label", id: "gender", name: "gender", label: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Sexe ", !required && '(facultatif)'] }), value: (_b = form.gender) === null || _b === void 0 ? void 0 : _b.value, onChange: function (e) { return handleSelectChange(e); }, error: Boolean((_c = form.gender) === null || _c === void 0 ? void 0 : _c.error), children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "MALE", children: "Homme" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "FEMALE", children: "Femme" }), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: "OTHER", children: "Autre" })] }), (0, jsx_runtime_1.jsx)(material_1.FormHelperText, { sx: { color: theme.palette.error.main }, children: (_d = form.gender) === null || _d === void 0 ? void 0 : _d.error })] }));
|
|
21
21
|
};
|
|
22
22
|
exports.default = GenderSelector;
|
package/dist/src/IbanInput.js
CHANGED
|
@@ -44,7 +44,7 @@ var IbanInput = function (_a) {
|
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
46
|
return ((0, jsx_runtime_1.jsx)(TextField_1.default, { label: "IBAN", variant: "outlined", value: iban, onChange: handleChange, placeholder: "FRXX XXXX XXXX XXXX XXXX XXXX XX", error: !!error, helperText: error, size: size, inputProps: {
|
|
47
|
-
maxLength: 39,
|
|
47
|
+
maxLength: 39, // 34 caractères + espaces pour les blocs de 4 caractères
|
|
48
48
|
style: { textTransform: 'uppercase' }
|
|
49
49
|
}, fullWidth: true, sx: __assign({}, sx) }));
|
|
50
50
|
};
|
package/dist/src/Loader.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
4
|
var material_1 = require("@mui/material");
|
|
@@ -22,6 +11,6 @@ var Loader = function (_a) {
|
|
|
22
11
|
paddingTop: theme.spacing(padding),
|
|
23
12
|
paddingBottom: theme.spacing(padding)
|
|
24
13
|
};
|
|
25
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading && (0, jsx_runtime_1.jsx)(material_1.Backdrop,
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading && (0, jsx_runtime_1.jsx)(material_1.Backdrop, { sx: { color: '#fff', zIndex: function (theme) { return theme.zIndex.drawer + 1; } }, open: loading, children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { color: "inherit" }) }) }));
|
|
26
15
|
};
|
|
27
16
|
exports.default = Loader;
|
|
@@ -14,6 +14,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
15
|
var material_1 = require("@mui/material");
|
|
16
16
|
function MovaCopyright(props) {
|
|
17
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "body2", color: "text.secondary", align: "center" }, props, { children: ['Copyright © ', (0, jsx_runtime_1.jsx)(material_1.Link,
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(material_1.Typography, __assign({ variant: "body2", color: "text.secondary", align: "center" }, props, { children: ['Copyright © ', (0, jsx_runtime_1.jsx)(material_1.Link, { color: "inherit", href: "https://www.movalib.com", target: "_blank", rel: "noopener noreferrer", children: "Movalib.com" }), ' ', new Date().getFullYear(), '.'] })) }));
|
|
18
18
|
}
|
|
19
19
|
exports.default = MovaCopyright;
|
package/dist/src/MovaDialog.js
CHANGED
|
@@ -51,7 +51,7 @@ var MovaDialog = function (_a) {
|
|
|
51
51
|
onClose();
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Dialog,
|
|
54
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { fullScreen: fullScreen, fullWidth: true, TransitionComponent: getTransition(), open: open, "aria-labelledby": "garage-dialog-title", "aria-describedby": "garage-dialog-description", onClose: handleOnClose, maxWidth: maxWidth, sx: __assign(__assign({}, sx), { textAlign: 'center' }), children: [(0, jsx_runtime_1.jsx)("img", { src: getLeafImage(), style: {
|
|
55
55
|
position: 'absolute',
|
|
56
56
|
float: 'left',
|
|
57
57
|
width: '150px',
|
|
@@ -60,6 +60,6 @@ var MovaDialog = function (_a) {
|
|
|
60
60
|
zIndex: 0,
|
|
61
61
|
left: 0,
|
|
62
62
|
opacity: '0.2'
|
|
63
|
-
}, alt: 'Feuille Movalib' }), title && (0, jsx_runtime_1.jsx)(material_1.DialogTitle,
|
|
63
|
+
}, alt: 'Feuille Movalib' }), title && (0, jsx_runtime_1.jsx)(material_1.DialogTitle, { id: "garage-dialog-title", sx: { textAlign: 'center', p: 0, pt: 1, mt: 0, mb: 0, zIndex: 10 }, children: (0, jsx_runtime_1.jsx)(material_1.AppBar, { sx: { position: 'relative' }, color: "transparent", elevation: 0, children: (0, jsx_runtime_1.jsxs)(material_1.Toolbar, { children: [closable && (0, jsx_runtime_1.jsx)(material_1.IconButton, { edge: "start", color: "inherit", onClick: handleOnBack, "aria-label": "close", children: (0, jsx_runtime_1.jsx)(ArrowBackIosNewRounded_1.default, {}) }), typeof title === typeof 'poney' && (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { textAlign: 'center', fontSize: 20, flexGrow: 1, pl: closable ? '20px' : 'Opx', pr: closable ? '40px' : '0px' }, style: titleStyle, children: title }), typeof title !== typeof 'poney' && title] }) }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogContent, { sx: { zIndex: 20 }, children: [children, message && (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mb: 2 }, children: message })] }), actions && (0, jsx_runtime_1.jsx)(material_1.DialogActions, { sx: { justifyContent: 'center' }, children: actions })] }));
|
|
64
64
|
};
|
|
65
65
|
exports.default = MovaDialog;
|
package/dist/src/MovaLogin.js
CHANGED
|
@@ -20,8 +20,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
-
return g =
|
|
23
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
24
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
25
|
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
26
|
function step(op) {
|
|
27
27
|
if (f) throw new TypeError("Generator is already executing.");
|
|
@@ -232,19 +232,19 @@ var MovaLogin = function (_a) {
|
|
|
232
232
|
</Dialog>
|
|
233
233
|
);
|
|
234
234
|
} */
|
|
235
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
235
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: styles, children: [(0, jsx_runtime_1.jsx)("img", { src: leaf_green_large_png_1.default, style: { position: 'fixed',
|
|
236
236
|
float: 'left',
|
|
237
237
|
width: '250px',
|
|
238
238
|
height: '400px',
|
|
239
239
|
top: '-20%',
|
|
240
240
|
left: '0%',
|
|
241
241
|
opacity: '0.3',
|
|
242
|
-
zIndex: -8 }, alt: 'Feuille Verte Movalib' }), (0, jsx_runtime_1.jsxs)(material_1.Container,
|
|
242
|
+
zIndex: -8 }, alt: 'Feuille Verte Movalib' }), (0, jsx_runtime_1.jsxs)(material_1.Container, { component: "main", maxWidth: "xs", children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, {}), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
|
|
243
243
|
marginTop: 6,
|
|
244
244
|
display: 'flex',
|
|
245
245
|
flexDirection: 'column',
|
|
246
246
|
alignItems: 'center',
|
|
247
|
-
}
|
|
247
|
+
}, children: [(0, jsx_runtime_1.jsx)("img", { src: getMovaLogo(), style: { width: '80%' } }), headerText && (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "button", sx: { pt: 3, width: '100%' }, children: headerText }), (0, jsx_runtime_1.jsx)("br", {})] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "form", onSubmit: handleSubmit, noValidate: true, sx: { mt: 1 }, children: [movaAppType === Enums_1.MovaAppType.INDIVIDUAL &&
|
|
248
248
|
(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "phoneNumberEmail", label: "N\u00B0 de t\u00E9l\u00E9phone ou adresse email", name: "phoneNumberEmail", autoFocus: true, onChange: function (e) { return handleInputChange(e); }, value: form.phoneNumberEmail.value, error: !form.phoneNumberEmail.isValid, helperText: form.phoneNumberEmail.error ||
|
|
249
249
|
"Saisir l’indicatif pour un numéro étranger (ex : +32 …)", sx: {
|
|
250
250
|
'& .MuiOutlinedInput-notchedOutline': {
|
|
@@ -256,19 +256,19 @@ var MovaLogin = function (_a) {
|
|
|
256
256
|
borderColor: darkMode ? 'white' : 'default', // Couleur de la bordure
|
|
257
257
|
}
|
|
258
258
|
} }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: "Mot de passe", type: showPassword ? 'text' : 'password', id: "password", autoComplete: "current-password", onChange: function (e) { return handleInputChange(e); }, value: form.password.value, error: !form.password.isValid, helperText: form.password.error, InputProps: {
|
|
259
|
-
endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default,
|
|
259
|
+
endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { edge: "end", onClick: handleClickShowPassword, children: showPassword ? (0, jsx_runtime_1.jsx)(VisibilityOff_1.default, {}) : (0, jsx_runtime_1.jsx)(Visibility_1.default, {}) }) })),
|
|
260
260
|
}, sx: {
|
|
261
261
|
'& .MuiOutlinedInput-notchedOutline': {
|
|
262
262
|
borderColor: darkMode ? 'white' : 'default', // Couleur de la bordure
|
|
263
263
|
}
|
|
264
|
-
} }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { value: "remember", color: "primary" }), label: "Se souvenir de moi" }), (0, jsx_runtime_1.jsx)(material_1.Button,
|
|
265
|
-
(0, jsx_runtime_1.jsx)(DialogForgotPassword_1.default, { openForgotPassword: openForgotPassword, setOpenForgotPassword: setOpenForgotPassword, movaAppType: movaAppType, form: form, handleInputChange: handleInputChange, handleSubmitForgotPassword: handleSubmitForgotPassword })] })
|
|
264
|
+
} }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { value: "remember", color: "primary" }), label: "Se souvenir de moi" }), (0, jsx_runtime_1.jsx)(material_1.Button, { loading: loading, type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2, backgroundColor: darkMode ? theme.palette.primary.dark : theme.palette.primary.main }, children: (0, jsx_runtime_1.jsx)("span", { children: "Se connecter" }) }), movaAppType === Enums_1.MovaAppType.INDIVIDUAL && (0, jsx_runtime_1.jsx)(material_1.Button, { fullWidth: true, variant: "outlined", onClick: function (e) { return handleOnClickSignUp(); }, sx: { mb: 2, color: theme.palette.primary.dark }, children: (0, jsx_runtime_1.jsx)("span", { children: "CR\u00C9ER MON COMPTE" }) }), alertMessage && alertSeverity && (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: alertSeverity, sx: { mb: 2 }, children: alertMessage }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: true, children: (0, jsx_runtime_1.jsx)(material_1.Link, { variant: "body2", color: "text.secondary", onClick: function (e) { return handleOnClickForgotPassword(); }, sx: { cursor: 'pointer' }, children: "Mot de passe oubli\u00E9 ?" }) }) })] }), (0, jsx_runtime_1.jsx)(MovaCopyright_1.default, { sx: { mt: 8, mb: 1 } }), version && (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: 'body2', color: theme.palette.grey[200], sx: { textAlign: 'center' }, children: version }), openForgotPassword &&
|
|
265
|
+
(0, jsx_runtime_1.jsx)(DialogForgotPassword_1.default, { openForgotPassword: openForgotPassword, setOpenForgotPassword: setOpenForgotPassword, movaAppType: movaAppType, form: form, handleInputChange: handleInputChange, handleSubmitForgotPassword: handleSubmitForgotPassword })] }), (0, jsx_runtime_1.jsx)("img", { src: leaf_pink_large_png_1.default, style: { position: 'fixed',
|
|
266
266
|
float: 'right',
|
|
267
267
|
width: '250px',
|
|
268
268
|
height: '400px',
|
|
269
269
|
bottom: '-20%',
|
|
270
270
|
right: '0%',
|
|
271
271
|
opacity: '0.3',
|
|
272
|
-
zIndex: '-10' }, alt: 'Feuille Rose Movalib' })] }))
|
|
272
|
+
zIndex: '-10' }, alt: 'Feuille Rose Movalib' })] }));
|
|
273
273
|
};
|
|
274
274
|
exports.default = MovaLogin;
|