@dexteel/mesf-core 3.2.5 → 3.4.0

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.
Files changed (15) hide show
  1. package/README.md +3 -0
  2. package/dist/components/modals/modal.mesf.d.ts +22 -0
  3. package/dist/configuration/pages/job/context/JobsContext.d.ts +1 -1
  4. package/dist/configuration/pages/log/context/LogsContext.d.ts +1 -1
  5. package/dist/configuration/pages/profiles/context/ProfileContext.d.ts +1 -1
  6. package/dist/configuration/pages/shifCrew/context/ShiftsCrewsContext.d.ts +1 -1
  7. package/dist/configuration/pages/users/components/ChangePassword/ChangePassword.d.ts +8 -0
  8. package/dist/configuration/pages/users/components/UsersDataTable/customHooks/useTableData.d.ts +3 -1
  9. package/dist/configuration/pages/users/context/UsersContext.d.ts +1 -1
  10. package/dist/configuration/pages/users/repositories/UsersRepository.d.ts +12 -3
  11. package/dist/controls/filters/filters.d.ts +0 -26
  12. package/dist/index.d.ts +1 -0
  13. package/dist/index.esm.js +345 -284
  14. package/package.json +4 -7
  15. package/dist/configuration/pages/users/components/Prueba/Prueba.d.ts +0 -2
package/dist/index.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import moment from 'moment';
2
2
  import * as React from 'react';
3
- import React__default, { createContext, useContext, useState, useEffect, useRef, Component } from 'react';
3
+ import React__default, { createContext, useContext, useState, useEffect, useCallback, useRef, Component } from 'react';
4
4
  import { createSlice } from '@reduxjs/toolkit';
5
5
  import { useComplexState } from 'use-complex-state';
6
6
  import Paper from '@material-ui/core/Paper';
@@ -9,10 +9,10 @@ import { makeStyles, createStyles, useTheme, withStyles, alpha } from '@material
9
9
  import { get, useForm, Controller } from 'react-hook-form';
10
10
  import Button from '@material-ui/core/Button';
11
11
  import Dialog from '@material-ui/core/Dialog';
12
- import DialogActions from '@material-ui/core/DialogActions';
13
- import DialogContent from '@material-ui/core/DialogContent';
12
+ import DialogActions$1 from '@material-ui/core/DialogActions';
13
+ import DialogContent$1 from '@material-ui/core/DialogContent';
14
14
  import DialogContentText from '@material-ui/core/DialogContentText';
15
- import DialogTitle from '@material-ui/core/DialogTitle';
15
+ import DialogTitle$1 from '@material-ui/core/DialogTitle';
16
16
  import Typography from '@material-ui/core/Typography';
17
17
  import { DataGrid, GridOverlay } from '@material-ui/data-grid';
18
18
  import Snackbar from '@material-ui/core/Snackbar';
@@ -20,8 +20,8 @@ import CircularProgress from '@material-ui/core/CircularProgress';
20
20
  import MuiAlert from '@material-ui/lab/Alert';
21
21
  import Card from '@material-ui/core/Card';
22
22
  import CardContent from '@material-ui/core/CardContent';
23
- import { get as get$1 } from 'lodash-es';
24
- import { Modal, Alert as Alert$2, Navbar, Container, Nav, NavDropdown } from 'react-bootstrap';
23
+ import { get as get$1, isEmpty } from 'lodash-es';
24
+ import { Modal as Modal$2, Alert as Alert$2, Navbar, Container, Nav, NavDropdown } from 'react-bootstrap';
25
25
  import TextField from '@material-ui/core/TextField';
26
26
  import { Alert as Alert$1, AlertTitle } from '@material-ui/lab';
27
27
  import { MuiPickersUtilsProvider, KeyboardDatePicker, KeyboardTimePicker } from '@material-ui/pickers';
@@ -29,7 +29,7 @@ import MomentUtils from '@date-io/moment';
29
29
  import Select from '@material-ui/core/Select';
30
30
  import MenuItem from '@material-ui/core/MenuItem';
31
31
  import InputLabel from '@material-ui/core/InputLabel';
32
- import { FormHelperText, TextField as TextField$1, CircularProgress as CircularProgress$1, Typography as Typography$1, Snackbar as Snackbar$1 } from '@material-ui/core';
32
+ import { FormHelperText, TextField as TextField$1, CircularProgress as CircularProgress$1, Grid as Grid$1, Typography as Typography$1, Snackbar as Snackbar$1 } from '@material-ui/core';
33
33
  import FormControl from '@material-ui/core/FormControl';
34
34
  import FormGroup from '@material-ui/core/FormGroup';
35
35
  import FormControlLabel from '@material-ui/core/FormControlLabel';
@@ -41,7 +41,6 @@ import EditIcon from '@material-ui/icons/Edit';
41
41
  import { Outlet, useNavigate, useSearchParams, Link, useParams, Navigate, Routes, Route, BrowserRouter } from 'react-router-dom';
42
42
  import PropTypes from 'prop-types';
43
43
  import { ResponsiveBar } from '@nivo/bar';
44
- import DatePicker from 'react-datepicker';
45
44
  import TreeView from '@material-ui/lab/TreeView';
46
45
  import SvgIcon from '@material-ui/core/SvgIcon';
47
46
  import TreeItem from '@material-ui/lab/TreeItem';
@@ -55,6 +54,9 @@ import { LogLevel, PublicClientApplication } from '@azure/msal-browser';
55
54
  import MenuList from '@material-ui/core/MenuList';
56
55
  import Input from '@material-ui/core/Input';
57
56
  import Chip from '@material-ui/core/Chip';
57
+ import LockOutlinedIcon from '@material-ui/icons/LockOutlined';
58
+ import IconButton from '@material-ui/core/IconButton';
59
+ import CloseIcon from '@material-ui/icons/Close';
58
60
 
59
61
  /******************************************************************************
60
62
  Copyright (c) Microsoft Corporation.
@@ -126,7 +128,7 @@ function __generator(thisArg, body) {
126
128
  function verb(n) { return function (v) { return step([n, v]); }; }
127
129
  function step(op) {
128
130
  if (f) throw new TypeError("Generator is already executing.");
129
- while (_) try {
131
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
130
132
  if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
131
133
  if (y = 0, t) op = [op[0] & 2, t.value];
132
134
  switch (op[0]) {
@@ -380,10 +382,10 @@ var useJobsTableData = function (_a) {
380
382
  return (React__default.createElement(React__default.Fragment, null,
381
383
  React__default.createElement(Button, { fullWidth: true, color: "primary", onClick: function () { return setChangeEnable(true); }, disabled: isDisabled }, "ENABLE"),
382
384
  React__default.createElement(Dialog, { open: changeEnable, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
383
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
384
- React__default.createElement(DialogContent, null,
385
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
386
+ React__default.createElement(DialogContent$1, null,
385
387
  React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Are you sure you want to change the state to enable?")),
386
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
388
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
387
389
  React__default.createElement(Button, { onClick: function () { return setChangeEnable(false); }, autoFocus: true, color: "default" }, "DISAGREE"),
388
390
  React__default.createElement(Button, { onClick: function () { onEnable(params.row); }, variant: "outlined", color: "primary" }, "AGREE")))));
389
391
  };
@@ -392,10 +394,10 @@ var useJobsTableData = function (_a) {
392
394
  return (React__default.createElement(React__default.Fragment, null,
393
395
  React__default.createElement(Button, { fullWidth: true, color: "secondary", onClick: function () { return setChangeDisabled(true); }, disabled: isDisabled }, "DISABLED"),
394
396
  React__default.createElement(Dialog, { open: changeDisabled, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
395
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
396
- React__default.createElement(DialogContent, null,
397
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
398
+ React__default.createElement(DialogContent$1, null,
397
399
  React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Are you sure you want to change the state to disabled?")),
398
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
400
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
399
401
  React__default.createElement(Button, { onClick: function () { return setChangeDisabled(false); }, autoFocus: true, color: "default" }, "DISAGREE"),
400
402
  React__default.createElement(Button, { onClick: function () { onEnable(params.row); }, variant: "outlined", color: "primary" }, "AGREE")))));
401
403
  };
@@ -404,10 +406,10 @@ var useJobsTableData = function (_a) {
404
406
  return (React__default.createElement(React__default.Fragment, null,
405
407
  React__default.createElement(Button, { fullWidth: true, color: "primary", onClick: function () { return setChangeReset(true); }, disabled: isDisabled }, "RESET"),
406
408
  React__default.createElement(Dialog, { open: changeReset, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
407
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
408
- React__default.createElement(DialogContent, null,
409
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
410
+ React__default.createElement(DialogContent$1, null,
409
411
  React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Are you sure you want to reset? This action leaves the task in enable")),
410
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
412
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
411
413
  React__default.createElement(Button, { onClick: function () { return setChangeReset(false); }, autoFocus: true, color: "default" }, "DISAGREE"),
412
414
  React__default.createElement(Button, { onClick: function () { onReset(params.row); }, disabled: isDisabled, variant: "outlined", color: "primary" }, "AGREE")))));
413
415
  };
@@ -781,10 +783,10 @@ var ModalLogSelected = function (_a) {
781
783
  var show = _a.show, onHide = _a.onHide, selectedLog = _a.selectedLog;
782
784
  var classes = useStyles$g();
783
785
  return (React__default.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center" },
784
- React__default.createElement(Modal, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
785
- React__default.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
786
- React__default.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "LOG DETAILS")),
787
- React__default.createElement(Modal.Body, { style: { padding: "15px 30px" } },
786
+ React__default.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
787
+ React__default.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
788
+ React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "LOG DETAILS")),
789
+ React__default.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
788
790
  React__default.createElement(Grid, { container: true, spacing: 1, alignItems: "flex-start" },
789
791
  React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingRight: 20, paddingLeft: 5 } },
790
792
  React__default.createElement(TextField
@@ -831,7 +833,7 @@ var ModalLogSelected = function (_a) {
831
833
  React__default.createElement(CardContent, null,
832
834
  React__default.createElement(Typography, { className: classes.messageTitle }, "Message:"),
833
835
  React__default.createElement(Typography, { style: { fontSize: 17 } }, selectedLog === null || selectedLog === void 0 ? void 0 : selectedLog.Message)))))),
834
- React__default.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
836
+ React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
835
837
  React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
836
838
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
837
839
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(true); } }, "Close")))))));
@@ -1544,11 +1546,11 @@ var EditProfile = function (_a) {
1544
1546
  }
1545
1547
  }, [show]);
1546
1548
  return (React.createElement(React.Fragment, null,
1547
- React.createElement(Modal, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
1549
+ React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
1548
1550
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
1549
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
1550
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
1551
- React.createElement(Modal.Body, { style: { padding: "15px 30px" } },
1551
+ React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
1552
+ React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
1553
+ React.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
1552
1554
  !!errorsApi.length &&
1553
1555
  React.createElement(Alert, { severity: "error", className: classes.error },
1554
1556
  React.createElement(AlertTitle, null, "Error"),
@@ -1563,18 +1565,18 @@ var EditProfile = function (_a) {
1563
1565
  ((_b = errors.ProfileName) === null || _b === void 0 ? void 0 : _b.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Profile name is required"))))),
1564
1566
  React.createElement(Grid, { container: true },
1565
1567
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
1566
- React.createElement(Modal.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PROFILES"),
1568
+ React.createElement(Modal$2.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PROFILES"),
1567
1569
  React.createElement(Controller, { name: "HasProfilesId", control: control, render: function (_a) {
1568
1570
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1569
1571
  return (React.createElement(ProfilesPicker$1, { value: value, onChange: onChange, isLoading: isLoading, setIsLoading: setIsLoading, profileIdForEdit: profileForEdit === null || profileForEdit === void 0 ? void 0 : profileForEdit.ProfileId, profileForDelete: null }));
1570
1572
  } })),
1571
1573
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
1572
- React.createElement(Modal.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PERMISSIONS"),
1574
+ React.createElement(Modal$2.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PERMISSIONS"),
1573
1575
  React.createElement(Controller, { name: "PermissionsId", control: control, render: function (_a) {
1574
1576
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1575
1577
  return (React.createElement(PermissionsPicker, { isLoading: isLoading, setIsLoading: setIsLoading, onChange: onChange, profilesToProfiles: profilesToProfiles, value: value, profileForDelete: null }));
1576
1578
  } })))),
1577
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
1579
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
1578
1580
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
1579
1581
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
1580
1582
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -1660,12 +1662,12 @@ var CreateProfile = function (_a) {
1660
1662
  return (React.createElement(React.Fragment, null,
1661
1663
  React.createElement(Grid, { container: true },
1662
1664
  React.createElement(Grid, { item: true },
1663
- React.createElement(Modal, __assign({}, { show: show, onHide: onHide }, { size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
1665
+ React.createElement(Modal$2, __assign({}, { show: show, onHide: onHide }, { size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
1664
1666
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
1665
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
1666
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
1667
- React.createElement(Modal.Body, { style: { padding: "15px 30px" } },
1668
- React.createElement(Modal.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "NEW PROFILE"),
1667
+ React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
1668
+ React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
1669
+ React.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
1670
+ React.createElement(Modal$2.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "NEW PROFILE"),
1669
1671
  React.createElement(Grid, { container: true, spacing: 1 },
1670
1672
  React.createElement(Grid, { item: true, md: 12, xs: 12 },
1671
1673
  React.createElement(TextField$1, __assign({}, register("ProfileName", { required: true }), { label: "Profile name", variant: "outlined", error: !!errors.ProfileName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
@@ -1673,18 +1675,18 @@ var CreateProfile = function (_a) {
1673
1675
  ((_b = errors.ProfileName) === null || _b === void 0 ? void 0 : _b.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Profile name is required"))),
1674
1676
  React.createElement(Grid, { container: true },
1675
1677
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
1676
- React.createElement(Modal.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PROFILES"),
1678
+ React.createElement(Modal$2.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PROFILES"),
1677
1679
  React.createElement(Controller, { name: "HasProfilesId", control: control, render: function (_a) {
1678
1680
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1679
1681
  return (React.createElement(ProfilesPicker$1, { value: value, onChange: onChange, isLoading: isLoading, setIsLoading: setIsLoading, profileForDelete: null, profileIdForEdit: undefined }));
1680
1682
  } })),
1681
1683
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
1682
- React.createElement(Modal.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PERMISSIONS"),
1684
+ React.createElement(Modal$2.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PERMISSIONS"),
1683
1685
  React.createElement(Controller, { name: "PermissionsId", control: control, render: function (_a) {
1684
1686
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1685
1687
  return (React.createElement(PermissionsPicker, { onChange: onChange, value: value, isLoading: isLoading, setIsLoading: setIsLoading, profileForDelete: null, profilesToProfiles: profilesToProfiles }));
1686
1688
  } })))),
1687
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
1689
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
1688
1690
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
1689
1691
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
1690
1692
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: onHide }, "Cancel")),
@@ -1766,11 +1768,11 @@ var DeleteProfile = function (_a) {
1766
1768
  });
1767
1769
  }); };
1768
1770
  return (React__default.createElement(React__default.Fragment, null,
1769
- React__default.createElement(Modal, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
1771
+ React__default.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
1770
1772
  React__default.createElement("form", null,
1771
- React__default.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
1772
- React__default.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
1773
- React__default.createElement(Modal.Body, { style: { padding: "15px 30px" } },
1773
+ React__default.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
1774
+ React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
1775
+ React__default.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
1774
1776
  isLoading && React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '150px' } },
1775
1777
  React__default.createElement(LazyLoading, null)),
1776
1778
  !isLoading && (React__default.createElement(React__default.Fragment, null,
@@ -1779,28 +1781,28 @@ var DeleteProfile = function (_a) {
1779
1781
  React__default.createElement(TextField$1, __assign({}, register("ProfileName", { required: true }), { label: "Profile name", variant: "outlined", fullWidth: true, margin: "dense", autoComplete: 'off', disabled: true })))))),
1780
1782
  React__default.createElement(Grid, { container: true },
1781
1783
  React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
1782
- React__default.createElement(Modal.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PROFILES"),
1784
+ React__default.createElement(Modal$2.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PROFILES"),
1783
1785
  React__default.createElement(Controller, { name: "HasProfilesId", control: control, render: function (_a) {
1784
1786
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1785
1787
  return (React__default.createElement(ProfilesPicker$1, { value: value, onChange: onChange, isLoading: isLoading, setIsLoading: setIsLoading, profileForDelete: profileForDelete === null || profileForDelete === void 0 ? void 0 : profileForDelete.ProfileId, profileIdForEdit: undefined }));
1786
1788
  } })),
1787
1789
  React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
1788
- React__default.createElement(Modal.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PERMISSIONS"),
1790
+ React__default.createElement(Modal$2.Title, { className: classes.modalTitle, id: "contained-modal-title-vcenter" }, "PERMISSIONS"),
1789
1791
  React__default.createElement(Controller, { name: "PermissionsId", control: control, render: function (_a) {
1790
1792
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1791
1793
  return (React__default.createElement(PermissionsPicker, { isLoading: isLoading, setIsLoading: setIsLoading, onChange: onChange, value: value, profileForDelete: profileForDelete === null || profileForDelete === void 0 ? void 0 : profileForDelete.ProfileId, profilesToProfiles: profilesToProfiles }));
1792
1794
  } })))),
1793
- React__default.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
1795
+ React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
1794
1796
  React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
1795
1797
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
1796
1798
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
1797
1799
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
1798
1800
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "secondary", onClick: function () { return setDeleteAlert(true); } }, "DELETE")))),
1799
1801
  React__default.createElement(Dialog, { open: deleteAlert, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
1800
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
1801
- React__default.createElement(DialogContent, null,
1802
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
1803
+ React__default.createElement(DialogContent$1, null,
1802
1804
  React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Be careful, once deleted you will not be able to recover this profile, are you sure you want to delete it?")),
1803
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
1805
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
1804
1806
  React__default.createElement(Button, { onClick: function () { return setDeleteAlert(false); }, autoFocus: true, color: "default" }, "CANCEL"),
1805
1807
  React__default.createElement(Button, { startIcon: isSubmitLoading && React__default.createElement(CircularProgress$1, { size: "1rem" }), autoFocus: true, color: "secondary", onClick: function () { return onDelete(profileForDelete === null || profileForDelete === void 0 ? void 0 : profileForDelete.ProfileId); } }, "Delete"))))),
1806
1808
  React__default.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
@@ -2285,11 +2287,11 @@ var CreateShift = function (_a) {
2285
2287
  return (React.createElement(React.Fragment, null,
2286
2288
  React.createElement(Grid, { container: true },
2287
2289
  React.createElement(Grid, { item: true },
2288
- React.createElement(Modal, __assign({}, { show: show, onHide: onHide }, { size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2290
+ React.createElement(Modal$2, __assign({}, { show: show, onHide: onHide }, { size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2289
2291
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
2290
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
2291
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2292
- React.createElement(Modal.Body, { style: { padding: "15px 30px 0" } },
2292
+ React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
2293
+ React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2294
+ React.createElement(Modal$2.Body, { style: { padding: "15px 30px 0" } },
2293
2295
  React.createElement(Grid, { container: true, spacing: 2 },
2294
2296
  React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
2295
2297
  var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -2403,7 +2405,7 @@ var CreateShift = function (_a) {
2403
2405
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "".concat(comments === null || comments === void 0 ? void 0 : comments.length, "/200 max.")),
2404
2406
  (comments === null || comments === void 0 ? void 0 : comments.length) == 200 &&
2405
2407
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "Max. 200")))))),
2406
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
2408
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
2407
2409
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2408
2410
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
2409
2411
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: onHide }, "Cancel")),
@@ -2499,11 +2501,11 @@ var DeleteShift = function (_a) {
2499
2501
  return (React.createElement(React.Fragment, null,
2500
2502
  React.createElement(Grid, { container: true },
2501
2503
  React.createElement(Grid, { item: true },
2502
- React.createElement(Modal, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2504
+ React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2503
2505
  React.createElement("form", null,
2504
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
2505
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2506
- React.createElement(Modal.Body, { style: { padding: "15px 30px 0" } },
2506
+ React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
2507
+ React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2508
+ React.createElement(Modal$2.Body, { style: { padding: "15px 30px 0" } },
2507
2509
  React.createElement(Grid, { container: true, spacing: 2 },
2508
2510
  React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
2509
2511
  var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -2562,7 +2564,7 @@ var DeleteShift = function (_a) {
2562
2564
  var _b = _a.field, value = _b.value; _b.onChange;
2563
2565
  return (React.createElement(TextField$1, { style: { margin: "8px 0" }, size: "medium", maxRows: 5, label: "Comments", multiline: true, variant: "outlined", fullWidth: true, autoComplete: 'off', value: value, disabled: !!shiftTableData }));
2564
2566
  } })))),
2565
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
2567
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
2566
2568
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2567
2569
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
2568
2570
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -2573,10 +2575,10 @@ var DeleteShift = function (_a) {
2573
2575
  React.createElement(Grid, { item: true },
2574
2576
  React.createElement("span", { className: classes.errorLabel, style: { fontSize: 10 } }, "Can not delete before the current date"))))),
2575
2577
  React.createElement(Dialog, { open: deleteAlert, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
2576
- React.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
2577
- React.createElement(DialogContent, null,
2578
+ React.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
2579
+ React.createElement(DialogContent$1, null,
2578
2580
  React.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Be careful, once deleted you will not be able to recover this shift, are you sure you want to delete it?")),
2579
- React.createElement(DialogActions, { style: { padding: "16px 24px" } },
2581
+ React.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
2580
2582
  React.createElement(Button, { onClick: function () { return setDeleteAlert(false); }, autoFocus: true, color: "default" }, "CANCEL"),
2581
2583
  React.createElement(Button, { startIcon: isSubmitLoading && React.createElement(CircularProgress$1, { size: "1rem" }), autoFocus: true, color: "secondary", onClick: function () { return onDelete(patternStart); } }, "Delete"))))))),
2582
2584
  React.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
@@ -2677,11 +2679,11 @@ var EditShift = function (_a) {
2677
2679
  return (React.createElement(React.Fragment, null,
2678
2680
  React.createElement(Grid, { container: true },
2679
2681
  React.createElement(Grid, { item: true },
2680
- React.createElement(Modal, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2682
+ React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
2681
2683
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
2682
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
2683
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2684
- React.createElement(Modal.Body, { style: { padding: "15px 30px 0" } },
2684
+ React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
2685
+ React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2686
+ React.createElement(Modal$2.Body, { style: { padding: "15px 30px 0" } },
2685
2687
  React.createElement(Grid, { container: true, spacing: 2 },
2686
2688
  React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
2687
2689
  var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -2801,7 +2803,7 @@ var EditShift = function (_a) {
2801
2803
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "".concat(comments === null || comments === void 0 ? void 0 : comments.length, "/200")),
2802
2804
  (comments === null || comments === void 0 ? void 0 : comments.length) == 200 &&
2803
2805
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "Max. 200")))))),
2804
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
2806
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
2805
2807
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2806
2808
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
2807
2809
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -2959,6 +2961,12 @@ var getUsers = function () { return __awaiter(void 0, void 0, void 0, function (
2959
2961
  return [4 /*yield*/, apiService.call("[SEC].[GetUsers]", [])];
2960
2962
  case 2:
2961
2963
  resp = _a.sent();
2964
+ if (apiService.hasErrors) {
2965
+ return [2 /*return*/, {
2966
+ ok: false,
2967
+ message: apiService.error
2968
+ }];
2969
+ }
2962
2970
  return [2 /*return*/, {
2963
2971
  ok: true,
2964
2972
  data: resp
@@ -3045,8 +3053,31 @@ var deleteUser = function (userId) { return __awaiter(void 0, void 0, void 0, fu
3045
3053
  });
3046
3054
  }); };
3047
3055
  // inserta una nueva fila o actualiza una fila existente
3056
+ var setPassword = function (userId, password) { return __awaiter(void 0, void 0, void 0, function () {
3057
+ var apiService, resp, e_5;
3058
+ return __generator(this, function (_a) {
3059
+ switch (_a.label) {
3060
+ case 0:
3061
+ apiService = new MESApiService();
3062
+ _a.label = 1;
3063
+ case 1:
3064
+ _a.trys.push([1, 3, , 4]);
3065
+ return [4 /*yield*/, apiService.changePassword(userId.toString(), password)];
3066
+ case 2:
3067
+ resp = _a.sent();
3068
+ return [2 /*return*/, {
3069
+ ok: true,
3070
+ data: resp
3071
+ }];
3072
+ case 3:
3073
+ e_5 = _a.sent();
3074
+ return [2 /*return*/, { ok: false, message: e_5.toString() }];
3075
+ case 4: return [2 /*return*/];
3076
+ }
3077
+ });
3078
+ }); };
3048
3079
  var upsertUser = function (user) { return __awaiter(void 0, void 0, void 0, function () {
3049
- var apiService, parameters, resp, e_5;
3080
+ var apiService, parameters, resp, e_6;
3050
3081
  return __generator(this, function (_a) {
3051
3082
  switch (_a.label) {
3052
3083
  case 0:
@@ -3069,14 +3100,14 @@ var upsertUser = function (user) { return __awaiter(void 0, void 0, void 0, func
3069
3100
  data: resp
3070
3101
  }];
3071
3102
  case 3:
3072
- e_5 = _a.sent();
3073
- return [2 /*return*/, { ok: false, message: e_5.toString() }];
3103
+ e_6 = _a.sent();
3104
+ return [2 /*return*/, { ok: false, message: e_6.toString() }];
3074
3105
  case 4: return [2 /*return*/];
3075
3106
  }
3076
3107
  });
3077
3108
  }); };
3078
3109
  var setProfilesToUser = function (UserId, profileIds) { return __awaiter(void 0, void 0, void 0, function () {
3079
- var apiService, parameters, resp, e_6;
3110
+ var apiService, parameters, resp, e_7;
3080
3111
  return __generator(this, function (_a) {
3081
3112
  switch (_a.label) {
3082
3113
  case 0:
@@ -3095,8 +3126,8 @@ var setProfilesToUser = function (UserId, profileIds) { return __awaiter(void 0,
3095
3126
  data: resp
3096
3127
  }];
3097
3128
  case 3:
3098
- e_6 = _a.sent();
3099
- return [2 /*return*/, { ok: false, message: e_6.toString() }];
3129
+ e_7 = _a.sent();
3130
+ return [2 /*return*/, { ok: false, message: e_7.toString() }];
3100
3131
  case 4: return [2 /*return*/];
3101
3132
  }
3102
3133
  });
@@ -3111,7 +3142,7 @@ var useStyles$4 = makeStyles(function (theme) {
3111
3142
  },
3112
3143
  formControl: {
3113
3144
  margin: theme.spacing(1),
3114
- width: "50%"
3145
+ width: "100%"
3115
3146
  },
3116
3147
  chips: {
3117
3148
  display: 'flex',
@@ -3212,39 +3243,43 @@ var CreateUser = function (_a) {
3212
3243
  var _e = useState(false), open = _e[0], setOpen = _e[1];
3213
3244
  var _f = useState(false), isSubmitLoading = _f[0], setIsSubmitLoading = _f[1];
3214
3245
  var classes = useStyles$3();
3215
- var _g = useForm({ defaultValues: INITIAL_VALUES }), register = _g.register, control = _g.control, handleSubmit = _g.handleSubmit, reset = _g.reset, errors = _g.formState.errors;
3246
+ var _g = useForm({ defaultValues: INITIAL_VALUES }), register = _g.register, control = _g.control, handleSubmit = _g.handleSubmit, reset = _g.reset, watch = _g.watch, errors = _g.formState.errors;
3216
3247
  var handleClose = function (event, reason) {
3217
3248
  if (reason === 'clickaway') {
3218
3249
  return;
3219
3250
  }
3220
3251
  setOpen(false);
3221
3252
  };
3253
+ var UserName = watch('UserName');
3222
3254
  var onSubmit = function (data) { return __awaiter(void 0, void 0, void 0, function () {
3223
- var res, userId, e_1;
3255
+ var upsertUserResp, userId, e_1;
3224
3256
  return __generator(this, function (_a) {
3225
3257
  switch (_a.label) {
3226
3258
  case 0:
3227
3259
  setIsSubmitLoading(true);
3228
3260
  _a.label = 1;
3229
3261
  case 1:
3230
- _a.trys.push([1, 4, , 5]);
3262
+ _a.trys.push([1, 5, , 6]);
3231
3263
  return [4 /*yield*/, upsertUser(data)];
3232
3264
  case 2:
3233
- res = _a.sent();
3234
- userId = (res.data.tables[0].rows[0].UserId);
3265
+ upsertUserResp = _a.sent();
3266
+ userId = (upsertUserResp.data.tables[0].rows[0].UserId);
3235
3267
  return [4 /*yield*/, setProfilesToUser(userId, data.ProfilesId)];
3236
3268
  case 3:
3269
+ _a.sent();
3270
+ return [4 /*yield*/, setPassword(userId, data.UserName)];
3271
+ case 4:
3237
3272
  _a.sent();
3238
3273
  setIsSubmitLoading(false);
3239
3274
  setOpen(true);
3240
3275
  onHide();
3241
3276
  getUsersFromAPI();
3242
- return [3 /*break*/, 5];
3243
- case 4:
3277
+ return [3 /*break*/, 6];
3278
+ case 5:
3244
3279
  e_1 = _a.sent();
3245
3280
  console.log(e_1);
3246
- return [3 /*break*/, 5];
3247
- case 5: return [2 /*return*/];
3281
+ return [3 /*break*/, 6];
3282
+ case 6: return [2 /*return*/];
3248
3283
  }
3249
3284
  });
3250
3285
  }); };
@@ -3254,41 +3289,43 @@ var CreateUser = function (_a) {
3254
3289
  }
3255
3290
  }, [show]);
3256
3291
  return (React.createElement(React.Fragment, null,
3257
- React.createElement(Modal, __assign({}, { show: show, onHide: onHide }, { size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3292
+ React.createElement(Modal$2, __assign({}, { show: show, onHide: onHide }, { size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3258
3293
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
3259
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
3260
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER FORM")),
3261
- React.createElement(Modal.Body, { style: { padding: "15px 30px" } },
3262
- React.createElement(Modal.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "NEW USER"),
3294
+ React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
3295
+ React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "New User")),
3296
+ React.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
3263
3297
  React.createElement(Grid, { container: true, spacing: 1 },
3264
- React.createElement(Grid, { item: true, md: 12, xs: 12 },
3298
+ React.createElement(Grid, { item: true, xs: 12, md: 6 },
3265
3299
  React.createElement(TextField$1, __assign({}, register("UserName", { required: true }), { label: "Username", variant: "outlined", error: !!errors.UserName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3266
3300
  ((_b = errors.UserName) === null || _b === void 0 ? void 0 : _b.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "User name is required")),
3301
+ React.createElement(Grid, { item: true, xs: 12, md: 6 },
3302
+ React.createElement(TextField$1, { disabled: true, label: "Password", value: UserName, variant: "outlined", error: !!errors.UserName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3267
3303
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
3268
3304
  React.createElement(TextField$1, __assign({}, register("FirstName", { required: true }), { label: "First name", variant: "outlined", error: !!errors.FirstName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3269
3305
  ((_c = errors.FirstName) === null || _c === void 0 ? void 0 : _c.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "First name is required")),
3270
3306
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
3271
3307
  React.createElement(TextField$1, __assign({}, register("LastName", { required: true }), { label: "Last name", variant: "outlined", error: !!errors.FirstName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3272
3308
  ((_d = errors.LastName) === null || _d === void 0 ? void 0 : _d.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Last name is required")),
3273
- React.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3274
- React.createElement(Controller, { name: "IsDomainUser", control: control, render: function (_a) {
3275
- var field = _a.field;
3276
- return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsDomainUser", color: "primary" }), label: "Domain user" }));
3277
- } })),
3278
- React.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3279
- React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
3280
- var field = _a.field;
3281
- return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
3282
- } }))),
3283
- React.createElement(Modal.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "PROFILES USER"),
3284
- React.createElement(Grid, { container: true },
3285
- React.createElement(Grid, { item: true, md: 12, xs: 12 },
3286
- React.createElement(Controller, { name: "ProfilesId", control: control, rules: { required: true }, render: function (_a) {
3287
- var _b = _a.field, onChange = _b.onChange, value = _b.value;
3288
- return (React.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: null }));
3289
- } }),
3290
- errors.ProfilesId && React.createElement("span", { className: classes.errorLabel }, "Select a profile(s)")))),
3291
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
3309
+ React.createElement(Grid, { item: true, container: true, xs: 12, spacing: 1 },
3310
+ React.createElement(Grid, { item: true, container: true, xs: 12, md: 6 },
3311
+ React.createElement(Grid, { item: true, xs: 12 },
3312
+ React.createElement(Controller, { name: "ProfilesId", control: control, rules: { required: true }, render: function (_a) {
3313
+ var _b = _a.field, onChange = _b.onChange, value = _b.value;
3314
+ return (React.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: null }));
3315
+ } }),
3316
+ errors.ProfilesId && React.createElement("span", { className: classes.errorLabel }, "Select a profile(s)"))),
3317
+ React.createElement(Grid, { item: true, container: true, xs: 12, md: 6, spacing: 1, alignItems: "center" },
3318
+ React.createElement(Grid, { item: true, xs: 12, md: 6 },
3319
+ React.createElement(Controller, { name: "IsDomainUser", control: control, render: function (_a) {
3320
+ var field = _a.field;
3321
+ return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsDomainUser", color: "primary" }), label: "Domain user" }));
3322
+ } })),
3323
+ React.createElement(Grid, { item: true, xs: 12, md: 6 },
3324
+ React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
3325
+ var field = _a.field;
3326
+ return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
3327
+ } })))))),
3328
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
3292
3329
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
3293
3330
  React.createElement(Grid, { item: true, md: 3, xs: 12 },
3294
3331
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: onHide }, "Cancel")),
@@ -3361,16 +3398,18 @@ var EditUser = function (_a) {
3361
3398
  if (show) {
3362
3399
  setIsSubmitLoading(false);
3363
3400
  (function () { return __awaiter(void 0, void 0, void 0, function () {
3364
- var userResponse, userSelected;
3365
- return __generator(this, function (_a) {
3366
- switch (_a.label) {
3401
+ var userResponse, userSelected, profilesIds;
3402
+ var _a;
3403
+ return __generator(this, function (_b) {
3404
+ switch (_b.label) {
3367
3405
  case 0:
3368
3406
  setIsLoading(true);
3369
3407
  return [4 /*yield*/, getDataUser(userIdForEdit)];
3370
3408
  case 1:
3371
- userResponse = _a.sent();
3409
+ userResponse = _b.sent();
3372
3410
  userSelected = userResponse.data.tables[0].rows[0];
3373
3411
  if (userSelected) {
3412
+ profilesIds = ((_a = userSelected.ProfilesId) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
3374
3413
  setValue("UserId", userSelected.UserId);
3375
3414
  setValue("UserName", userSelected.UserName);
3376
3415
  setValue("FirstName", userSelected.FirstName);
@@ -3378,7 +3417,7 @@ var EditUser = function (_a) {
3378
3417
  setValue("IsDomainUser", userSelected.IsDomainUser);
3379
3418
  setValue("IsActive", userSelected.IsActive);
3380
3419
  setValue("LastLogin", userSelected.LastLogin);
3381
- setValue("ProfilesId", userSelected.ProfilesId.split(',').map(function (pId) { return parseInt(pId); }));
3420
+ setValue("ProfilesId", profilesIds.map(function (pId) { return parseInt(pId); }));
3382
3421
  setIsLoading(false);
3383
3422
  }
3384
3423
  return [2 /*return*/];
@@ -3388,17 +3427,17 @@ var EditUser = function (_a) {
3388
3427
  }
3389
3428
  }, [show]);
3390
3429
  return (React.createElement(React.Fragment, null,
3391
- React.createElement(Modal, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3430
+ React.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3392
3431
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
3393
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
3394
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER FORM")),
3395
- React.createElement(Modal.Body, { className: classes.modalBody, style: { padding: "15px 30px" } },
3432
+ React.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
3433
+ React.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER FORM")),
3434
+ React.createElement(Modal$2.Body, { className: classes.modalBody, style: { padding: "15px 30px" } },
3396
3435
  isLoading && React.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '300px' } },
3397
3436
  React.createElement(LazyLoading, null)),
3398
3437
  !isLoading && (React.createElement(React.Fragment, null,
3399
- React.createElement(Modal.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "USER"),
3438
+ React.createElement(Modal$2.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "USER"),
3400
3439
  React.createElement(Grid, { container: true, spacing: 1 },
3401
- React.createElement(Grid, { item: true, md: 12, xs: 12 },
3440
+ React.createElement(Grid, { item: true, xs: 12 },
3402
3441
  React.createElement(TextField$1, __assign({}, register("UserName", { required: true }), { label: "Username", variant: "outlined", error: !!errors.UserName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3403
3442
  ((_b = errors.UserName) === null || _b === void 0 ? void 0 : _b.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "User name is required")),
3404
3443
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
@@ -3407,25 +3446,26 @@ var EditUser = function (_a) {
3407
3446
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
3408
3447
  React.createElement(TextField$1, __assign({}, register("LastName", { required: true }), { label: "Last name", variant: "outlined", error: !!errors.FirstName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3409
3448
  ((_d = errors.LastName) === null || _d === void 0 ? void 0 : _d.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Last name is required")),
3410
- React.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3411
- React.createElement(Controller, { name: "IsDomainUser", control: control, render: function (_a) {
3412
- var field = _a.field;
3413
- return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsDomainUser", color: "primary" }), label: "Domain user" }));
3414
- } })),
3415
- React.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3416
- React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
3417
- var field = _a.field;
3418
- return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
3419
- } }))),
3420
- React.createElement(Modal.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "PROFILES USER"))),
3421
- React.createElement(Grid, { container: true },
3422
- React.createElement(Grid, { item: true, md: 12, xs: 12 },
3423
- React.createElement(Controller, { name: "ProfilesId", control: control, rules: { required: true }, render: function (_a) {
3424
- var _b = _a.field, onChange = _b.onChange, value = _b.value;
3425
- return (React.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: null }));
3426
- } }),
3427
- errors.ProfilesId && React.createElement("span", { className: classes.errorLabel }, "Select a profile(s)")))),
3428
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
3449
+ React.createElement(Grid, { item: true, container: true, xs: 12, spacing: 1 },
3450
+ React.createElement(Grid, { item: true, container: true, xs: 12, md: 6 },
3451
+ React.createElement(Grid, { item: true, xs: 12 },
3452
+ React.createElement(Controller, { name: "ProfilesId", control: control, rules: { required: true }, render: function (_a) {
3453
+ var _b = _a.field, onChange = _b.onChange, value = _b.value;
3454
+ return (React.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: null }));
3455
+ } }),
3456
+ errors.ProfilesId && React.createElement("span", { className: classes.errorLabel }, "Select a profile(s)"))),
3457
+ React.createElement(Grid, { item: true, container: true, xs: 12, md: 6, spacing: 1, alignItems: "center" },
3458
+ React.createElement(Grid, { item: true, xs: 12, md: 6 },
3459
+ React.createElement(Controller, { name: "IsDomainUser", control: control, render: function (_a) {
3460
+ var field = _a.field;
3461
+ return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsDomainUser", color: "primary" }), label: "Domain user" }));
3462
+ } })),
3463
+ React.createElement(Grid, { item: true, xs: 12, md: 6 },
3464
+ React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
3465
+ var field = _a.field;
3466
+ return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
3467
+ } })))))))),
3468
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
3429
3469
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
3430
3470
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
3431
3471
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -3444,7 +3484,7 @@ var useStyles$1 = makeStyles(function (theme) {
3444
3484
  });
3445
3485
  var DeleteUser = function (_a) {
3446
3486
  var userIdForDelete = _a.userIdForDelete, show = _a.show, onHide = _a.onHide;
3447
- var classes = useStyles$1();
3487
+ useStyles$1();
3448
3488
  var _b = useState(false), open = _b[0], setOpen = _b[1];
3449
3489
  var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
3450
3490
  var _d = useState(false), isSubmitLoading = _d[0], setIsSubmitLoading = _d[1];
@@ -3461,16 +3501,18 @@ var DeleteUser = function (_a) {
3461
3501
  if (show) {
3462
3502
  setIsSubmitLoading(false);
3463
3503
  (function () { return __awaiter(void 0, void 0, void 0, function () {
3464
- var userResponse, userSelected;
3465
- return __generator(this, function (_a) {
3466
- switch (_a.label) {
3504
+ var userResponse, userSelected, profilesIds;
3505
+ var _a;
3506
+ return __generator(this, function (_b) {
3507
+ switch (_b.label) {
3467
3508
  case 0:
3468
3509
  setIsLoading(true);
3469
3510
  return [4 /*yield*/, getDataUser(userIdForDelete)];
3470
3511
  case 1:
3471
- userResponse = _a.sent();
3512
+ userResponse = _b.sent();
3472
3513
  userSelected = userResponse.data.tables[0].rows[0];
3473
3514
  if (userSelected) {
3515
+ profilesIds = ((_a = userSelected.ProfilesId) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
3474
3516
  setValue("UserId", userSelected.UserId);
3475
3517
  setValue("UserName", userSelected.UserName);
3476
3518
  setValue("FirstName", userSelected.FirstName);
@@ -3478,7 +3520,7 @@ var DeleteUser = function (_a) {
3478
3520
  setValue("IsDomainUser", userSelected.IsDomainUser);
3479
3521
  setValue("IsActive", userSelected.IsActive);
3480
3522
  setValue("LastLogin", userSelected.LastLogin);
3481
- setValue("ProfilesId", userSelected.ProfilesId.split(',').map(function (pId) { return parseInt(pId); }));
3523
+ setValue("ProfilesId", profilesIds.map(function (pId) { return parseInt(pId); }));
3482
3524
  setIsLoading(false);
3483
3525
  }
3484
3526
  return [2 /*return*/];
@@ -3512,39 +3554,40 @@ var DeleteUser = function (_a) {
3512
3554
  });
3513
3555
  }); };
3514
3556
  return (React__default.createElement(React__default.Fragment, null,
3515
- React__default.createElement(Modal, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3557
+ React__default.createElement(Modal$2, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
3516
3558
  React__default.createElement("form", null,
3517
- React__default.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
3518
- React__default.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER")),
3519
- React__default.createElement(Modal.Body, { style: { padding: "15px 30px" } },
3559
+ React__default.createElement(Modal$2.Header, { closeButton: true, style: { padding: "10px 30px" } },
3560
+ React__default.createElement(Modal$2.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER")),
3561
+ React__default.createElement(Modal$2.Body, { style: { padding: "15px 30px" } },
3520
3562
  isLoading && React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '300px' } },
3521
3563
  React__default.createElement(LazyLoading, null)),
3522
3564
  !isLoading && (React__default.createElement(React__default.Fragment, null,
3523
3565
  React__default.createElement(Grid, { container: true, spacing: 1 },
3524
- React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
3525
- React__default.createElement(TextField$1, __assign({}, register("UserName", { required: true }), { disabled: true, variant: "outlined", fullWidth: true, margin: "dense", label: "Username" }))),
3566
+ React__default.createElement(Grid, { item: true, xs: 12 },
3567
+ React__default.createElement(TextField$1, __assign({}, register("UserName", { required: true }), { label: "Username", disabled: true, variant: "outlined", fullWidth: true, margin: "dense", autoComplete: 'off' }))),
3526
3568
  React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
3527
- React__default.createElement(TextField$1, __assign({}, register("FirstName", { required: true }), { disabled: true, variant: "outlined", fullWidth: true, margin: "dense", label: "FirstName" }))),
3569
+ React__default.createElement(TextField$1, __assign({}, register("FirstName", { required: true }), { label: "First name", variant: "outlined", disabled: true, fullWidth: true, margin: "dense", autoComplete: 'off' }))),
3528
3570
  React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
3529
- React__default.createElement(TextField$1, __assign({}, register("LastName", { required: true }), { disabled: true, variant: "outlined", fullWidth: true, margin: "dense", label: "LastName" }))),
3530
- React__default.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3531
- React__default.createElement(Controller, { name: "IsDomainUser", control: control, render: function (_a) {
3532
- var field = _a.field;
3533
- return (React__default.createElement(FormControlLabel, { disabled: true, control: React__default.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsDomainUser" }), label: "Domain user" }));
3534
- } })),
3535
- React__default.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3536
- React__default.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
3537
- var field = _a.field;
3538
- return (React__default.createElement(FormControlLabel, { disabled: true, control: React__default.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive" }), label: "Active" }));
3539
- } }))),
3540
- React__default.createElement(Modal.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "PROFILES USER"))),
3541
- React__default.createElement(Grid, { container: true },
3542
- React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
3543
- React__default.createElement(Controller, { name: "ProfilesId", control: control, render: function (_a) {
3544
- var _b = _a.field, onChange = _b.onChange, value = _b.value;
3545
- return (React__default.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: userIdForDelete }));
3546
- } })))),
3547
- React__default.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
3571
+ React__default.createElement(TextField$1, __assign({}, register("LastName", { required: true }), { label: "Last name", variant: "outlined", disabled: true, fullWidth: true, margin: "dense", autoComplete: 'off' }))),
3572
+ React__default.createElement(Grid, { item: true, container: true, xs: 12, spacing: 1 },
3573
+ React__default.createElement(Grid, { item: true, container: true, xs: 12, md: 6 },
3574
+ React__default.createElement(Grid, { item: true, xs: 12 },
3575
+ React__default.createElement(Controller, { name: "ProfilesId", control: control, rules: { required: true }, render: function (_a) {
3576
+ var _b = _a.field, onChange = _b.onChange, value = _b.value;
3577
+ return (React__default.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: userIdForDelete }));
3578
+ } }))),
3579
+ React__default.createElement(Grid, { item: true, container: true, xs: 12, md: 6, spacing: 1, alignItems: "center" },
3580
+ React__default.createElement(Grid, { item: true, xs: 12, md: 6 },
3581
+ React__default.createElement(Controller, { name: "IsDomainUser", control: control, render: function (_a) {
3582
+ var field = _a.field;
3583
+ return (React__default.createElement(FormControlLabel, { control: React__default.createElement(Checkbox, { disabled: true, checked: field.value, name: "IsDomainUser", color: "primary" }), label: "Domain user" }));
3584
+ } })),
3585
+ React__default.createElement(Grid, { item: true, xs: 12, md: 6 },
3586
+ React__default.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
3587
+ var field = _a.field;
3588
+ return (React__default.createElement(FormControlLabel, { control: React__default.createElement(Checkbox, { disabled: true, checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
3589
+ } })))))))),
3590
+ React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
3548
3591
  React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
3549
3592
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
3550
3593
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "CANCEL")),
@@ -3553,16 +3596,16 @@ var DeleteUser = function (_a) {
3553
3596
  React__default.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
3554
3597
  React__default.createElement(Alert, { severity: "warning", onClose: handleClose }, "The user was deleted successfully")),
3555
3598
  React__default.createElement(Dialog, { open: deleteAlert, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
3556
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
3557
- React__default.createElement(DialogContent, null,
3599
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
3600
+ React__default.createElement(DialogContent$1, null,
3558
3601
  React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Be careful, once deleted you will not be able to recover this user, are you sure you want to delete it?")),
3559
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
3602
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
3560
3603
  React__default.createElement(Button, { onClick: function () { return setDeleteAlert(false); }, autoFocus: true, color: "default" }, "CANCEL"),
3561
3604
  React__default.createElement(Button, { startIcon: isSubmitLoading && React__default.createElement(CircularProgress$1, { size: "1rem" }), autoFocus: true, color: "secondary", onClick: function () { return onSubmit(userIdForDelete); } }, "Delete")))));
3562
3605
  };
3563
3606
 
3564
3607
  var useTableData = function (_a) {
3565
- var setUserIdForEdit = _a.setUserIdForEdit, setModalEditDataUser = _a.setModalEditDataUser, setUserIdForDelete = _a.setUserIdForDelete, setModalDeleteUser = _a.setModalDeleteUser;
3608
+ var setUserIdForEdit = _a.setUserIdForEdit, setModalEditDataUser = _a.setModalEditDataUser, setUserIdForDelete = _a.setUserIdForDelete, setModalDeleteUser = _a.setModalDeleteUser, setModalChangePassword = _a.setModalChangePassword, setUserForPasswordChange = _a.setUserForPasswordChange;
3566
3609
  var state = useUsersContext().state;
3567
3610
  var columns = [
3568
3611
  {
@@ -3597,10 +3640,21 @@ var useTableData = function (_a) {
3597
3640
  },
3598
3641
  {
3599
3642
  field: "Actions",
3643
+ flex: 1,
3600
3644
  renderCell: function (params) {
3601
- return (React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', spacing: 1, style: { padding: "0" } },
3602
- React__default.createElement(Grid, { item: true, md: 6, xs: 6, style: { padding: "0", marginLeft: -25 } },
3603
- React__default.createElement(Button, { fullWidth: true, onClick: function () {
3645
+ return (React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', direction: "row", spacing: 1, style: { padding: "0" } },
3646
+ React__default.createElement(Grid, { item: true },
3647
+ React__default.createElement(Button, { onClick: function () {
3648
+ (function () { return __awaiter(void 0, void 0, void 0, function () {
3649
+ return __generator(this, function (_a) {
3650
+ setUserForPasswordChange(params.row.UserId);
3651
+ setModalChangePassword(true);
3652
+ return [2 /*return*/];
3653
+ });
3654
+ }); })();
3655
+ } },
3656
+ React__default.createElement(LockOutlinedIcon, { style: { width: 16, height: 16 }, color: "primary" })),
3657
+ React__default.createElement(Button, { onClick: function () {
3604
3658
  (function () { return __awaiter(void 0, void 0, void 0, function () {
3605
3659
  return __generator(this, function (_a) {
3606
3660
  setUserIdForEdit(params.row.UserId);
@@ -3609,9 +3663,8 @@ var useTableData = function (_a) {
3609
3663
  });
3610
3664
  }); })();
3611
3665
  } },
3612
- React__default.createElement(EditIcon, { style: { width: 16, height: 16 }, color: "primary" }))),
3613
- React__default.createElement(Grid, { item: true, md: 6, xs: 6, style: { padding: "0" } },
3614
- React__default.createElement(Button, { fullWidth: true, onClick: function () {
3666
+ React__default.createElement(EditIcon, { style: { width: 16, height: 16 }, color: "primary" })),
3667
+ React__default.createElement(Button, { onClick: function () {
3615
3668
  (function () { return __awaiter(void 0, void 0, void 0, function () {
3616
3669
  return __generator(this, function (_a) {
3617
3670
  setUserIdForDelete(params.row.UserId);
@@ -3633,6 +3686,92 @@ var useTableData = function (_a) {
3633
3686
  return { rows: rows, columns: columns };
3634
3687
  };
3635
3688
 
3689
+ var styles = function (theme) {
3690
+ return createStyles({
3691
+ root: {
3692
+ margin: 0,
3693
+ padding: theme.spacing(2)
3694
+ },
3695
+ closeButton: {
3696
+ position: 'absolute',
3697
+ right: theme.spacing(1),
3698
+ top: theme.spacing(1),
3699
+ color: theme.palette.grey[500]
3700
+ }
3701
+ });
3702
+ };
3703
+ var DialogTitle = withStyles(styles)(function (props) {
3704
+ var children = props.children, classes = props.classes, onClose = props.onClose, other = __rest(props, ["children", "classes", "onClose"]);
3705
+ return (React__default.createElement(DialogTitle$1, __assign({ disableTypography: true, style: { display: "flex", flexWrap: 'nowrap', justifyContent: 'space-between', alignItems: 'baseline' } }, other),
3706
+ React__default.createElement(Typography, { variant: "h6" }, children),
3707
+ onClose ? (React__default.createElement(IconButton, { "aria-label": "close", className: classes.closeButton, onClick: onClose },
3708
+ React__default.createElement(CloseIcon, null))) : React__default.createElement(React__default.Fragment, null)));
3709
+ });
3710
+ var DialogContent = withStyles(function (theme) { return ({
3711
+ root: {
3712
+ padding: theme.spacing(2),
3713
+ minWidth: 300
3714
+ }
3715
+ }); })(DialogContent$1);
3716
+ var DialogActions = withStyles(function (theme) { return ({
3717
+ root: {
3718
+ margin: 0,
3719
+ padding: theme.spacing(1)
3720
+ }
3721
+ }); })(DialogActions$1);
3722
+ function Modal(_a) {
3723
+ var children = _a.children, title = _a.title, handleClose = _a.handleClose, open = _a.open, _b = _a.id, id = _b === void 0 ? 'mesf-modal' : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? 'lg' : _c;
3724
+ return (React__default.createElement(Dialog, { onClose: function () { return handleClose(); }, "aria-labelledby": id, open: open, maxWidth: maxWidth, style: { minWidth: 320 } },
3725
+ React__default.createElement(DialogTitle, { id: id, onClose: function () { return handleClose(); } }, title),
3726
+ children));
3727
+ }
3728
+ var Modal$1 = Object.assign(Modal, {
3729
+ Content: DialogContent,
3730
+ Actions: DialogActions
3731
+ });
3732
+
3733
+ var ChangePassword$1 = function (_a) {
3734
+ var show = _a.show, userId = _a.userId, onHide = _a.onHide;
3735
+ var _b = useState(''), password = _b[0], setPasswordText = _b[1];
3736
+ var _c = useState(false), isDirty = _c[0], setIsDirty = _c[1];
3737
+ var handleSubmit = useCallback(function (ev) { return __awaiter(void 0, void 0, void 0, function () {
3738
+ return __generator(this, function (_a) {
3739
+ switch (_a.label) {
3740
+ case 0:
3741
+ ev.preventDefault();
3742
+ return [4 /*yield*/, setPassword(userId, password)];
3743
+ case 1:
3744
+ _a.sent();
3745
+ onHide(true);
3746
+ return [2 /*return*/];
3747
+ }
3748
+ });
3749
+ }); }, [userId, password]);
3750
+ useEffect(function () {
3751
+ if (show) {
3752
+ setPasswordText('');
3753
+ setIsDirty(false);
3754
+ }
3755
+ }, [show]);
3756
+ if (userId) {
3757
+ return (React.createElement(React.Fragment, null,
3758
+ React.createElement(Modal$1, { title: "Change password", open: show, handleClose: function () { return onHide(false); }, maxWidth: "lg" },
3759
+ React.createElement(Modal$1.Content, null,
3760
+ React.createElement("form", { onSubmit: handleSubmit },
3761
+ React.createElement(Grid$1, { container: true, spacing: 1 },
3762
+ React.createElement(Grid$1, { item: true, xs: 12 },
3763
+ React.createElement(TextField$1, { label: "New Password", value: password, onChange: function (el) {
3764
+ setIsDirty(true);
3765
+ setPasswordText(el.target.value);
3766
+ }, variant: "outlined", error: isEmpty(password) && isDirty, fullWidth: true, margin: "dense", autoComplete: 'off' }))),
3767
+ React.createElement(Grid$1, { item: true, xs: 12 },
3768
+ React.createElement(Button, { fullWidth: true, type: "submit" }, "APPLY")))))));
3769
+ }
3770
+ else {
3771
+ return React.createElement(React.Fragment, null);
3772
+ }
3773
+ };
3774
+
3636
3775
  var useStyles = makeStyles(function (theme) {
3637
3776
  return createStyles({
3638
3777
  root: {
@@ -3673,10 +3812,19 @@ var TableUsers = function (_a) {
3673
3812
  var _b = useState(false), modalCreateActive = _b[0], setModalCreateActive = _b[1];
3674
3813
  var _c = useState(false), modalEditDataUser = _c[0], setModalEditDataUser = _c[1];
3675
3814
  var _d = useState(false), modalDeleteUser = _d[0], setModalDeleteUser = _d[1];
3815
+ var _e = useState(false), modalChangePassword = _e[0], setModalChangePassword = _e[1];
3676
3816
  var classes = useStyles();
3677
- var _e = useState(null), userIdForEdit = _e[0], setUserIdForEdit = _e[1];
3678
- var _f = useState(null), userIdForDelete = _f[0], setUserIdForDelete = _f[1];
3679
- var _g = useTableData({ setUserIdForEdit: setUserIdForEdit, setModalEditDataUser: setModalEditDataUser, setUserIdForDelete: setUserIdForDelete, setModalDeleteUser: setModalDeleteUser }), rows = _g.rows, columns = _g.columns;
3817
+ var _f = useState(null), userIdForEdit = _f[0], setUserIdForEdit = _f[1];
3818
+ var _g = useState(null), userIdForDelete = _g[0], setUserIdForDelete = _g[1];
3819
+ var _h = useState(null), userForPasswordChange = _h[0], setUserForPasswordChange = _h[1];
3820
+ var _j = useTableData({
3821
+ setUserIdForEdit: setUserIdForEdit,
3822
+ setModalEditDataUser: setModalEditDataUser,
3823
+ setUserIdForDelete: setUserIdForDelete,
3824
+ setModalDeleteUser: setModalDeleteUser,
3825
+ setUserForPasswordChange: setUserForPasswordChange,
3826
+ setModalChangePassword: setModalChangePassword
3827
+ }), rows = _j.rows, columns = _j.columns;
3680
3828
  return (React.createElement(Grid, { container: true, justifyContent: "center" },
3681
3829
  React.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "0 15px" } },
3682
3830
  React.createElement(Typography, { variant: "h5", style: { margin: "20px 0 20px", fontWeight: 600 } }, "User Management")),
@@ -3689,6 +3837,13 @@ var TableUsers = function (_a) {
3689
3837
  if (shouldUpdate)
3690
3838
  getUsersFromAPI().then(function () { });
3691
3839
  } }),
3840
+ React.createElement(ChangePassword$1, { show: modalChangePassword, userId: userForPasswordChange, onHide: function (shouldUpdate) {
3841
+ setModalChangePassword(false);
3842
+ setUserForPasswordChange(null);
3843
+ if (shouldUpdate) {
3844
+ getUsersFromAPI().then(function () { });
3845
+ }
3846
+ } }),
3692
3847
  React.createElement(DeleteUser, { show: modalDeleteUser, userIdForDelete: userIdForDelete, onHide: function (shouldUpdate) {
3693
3848
  setModalDeleteUser(false);
3694
3849
  setUserIdForDelete(null);
@@ -3719,7 +3874,7 @@ var Users = function (prop) {
3719
3874
  setIsLoading(false);
3720
3875
  }
3721
3876
  else {
3722
- console.log("something happened!");
3877
+ alert(resp.message.internalError.message);
3723
3878
  }
3724
3879
  return [2 /*return*/];
3725
3880
  }
@@ -4493,13 +4648,13 @@ var ModalTreeFilterControl = function (props) {
4493
4648
  return null;
4494
4649
  };
4495
4650
  return (React__default.createElement(Dialog, __assign({ onClose: function (event, reason) { return null; }, "aria-label": title, maxWidth: "xs", TransitionProps: { onEntering: handleEntering }, "aria-labelledby": "confirmation-dialog-title", open: open }, other),
4496
- React__default.createElement(DialogTitle, { id: "confirmation-dialog-title" }, title),
4497
- React__default.createElement(DialogContent, { dividers: true },
4651
+ React__default.createElement(DialogTitle$1, { id: "confirmation-dialog-title" }, title),
4652
+ React__default.createElement(DialogContent$1, { dividers: true },
4498
4653
  React__default.createElement(TreeView, { className: classes.root, defaultCollapseIcon: React__default.createElement(MinusSquare, null), defaultExpandIcon: React__default.createElement(PlusSquare, null), ref: treeRef, selected: value === undefined ? "" : value.toString(), expanded: expanded,
4499
4654
  /* @ts-ignore */
4500
4655
  onNodeSelect: handleChange, onNodeToggle: handleToogle }, data.id !== undefined &&
4501
4656
  renderTree(data))),
4502
- React__default.createElement(DialogActions, null,
4657
+ React__default.createElement(DialogActions$1, null,
4503
4658
  React__default.createElement(Button, { autoFocus: true, onClick: handleCancel, color: "primary" }, "Cancel"),
4504
4659
  React__default.createElement(Button, { onClick: handleOk, color: "primary" }, "Ok"))));
4505
4660
  };
@@ -4549,100 +4704,6 @@ var TreePickerControl = function (props) {
4549
4704
  paper: classes.paper
4550
4705
  }, id: "modal-treeview-filter", title: props.title, keepMounted: true, open: open, onClose: handleClose, value: value, data: dataSource }, other))));
4551
4706
  };
4552
- function DateControl(_a) {
4553
- var value = _a.value, onChange = _a.onChange, title = _a.title, styleGeneral = _a.styleGeneral, styleLabel = _a.styleLabel;
4554
- return (React__default.createElement(React__default.Fragment, null,
4555
- React__default.createElement("div", { className: "input-group row", style: (styleGeneral || {}) },
4556
- React__default.createElement("div", { className: "input-group-prepend col-sm-3" },
4557
- React__default.createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
4558
- React__default.createElement("div", { className: "col-sm-9" },
4559
- React__default.createElement(DatePicker, { className: "form-control mes-filter-datepicker", selected: value, onChange: function (date) { return onChange(date); } })))));
4560
- }
4561
- var DateTimeControl = function (props) {
4562
- var value = props.value, title = props.title, styleLabel = props.styleLabel, readOnly = props.readOnly, styleTextTimeBox = props.styleTextTimeBox, onChange = props.onChange, name = props.name;
4563
- var formatTime = function () {
4564
- var date = moment(value);
4565
- if (!date.isValid())
4566
- return '';
4567
- return date.format('HH:mm:ss');
4568
- };
4569
- var _a = React__default.useState(formatTime()), formattedTimeValue = _a[0], setFormattedTimeValue = _a[1];
4570
- var changeDate = function (e) {
4571
- setFormattedTimeValue(e.target.value);
4572
- };
4573
- var blurDate = function (e) {
4574
- var date = moment(e.target.value, 'hh:mm:ss');
4575
- if (date.isValid() && moment(value).isValid()) {
4576
- var newDate = (moment(value)).set('hour', date.hour()).set('minute', date.minute()).set('second', date.second());
4577
- onChange(newDate.toDate(), name || '');
4578
- }
4579
- else {
4580
- setFormattedTimeValue(formatTime());
4581
- }
4582
- };
4583
- React__default.useEffect(function () {
4584
- setFormattedTimeValue(formatTime());
4585
- }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
4586
- return (React__default.createElement(React__default.Fragment, null,
4587
- React__default.createElement("div", { className: "input-group" },
4588
- React__default.createElement("div", { className: "input-group-prepend" },
4589
- React__default.createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
4590
- React__default.createElement(DatePicker, { className: "form-control mes-filter-datepicker mes-not-rounded", selected: value, onChange: function (date) { return onChange(date, name || ''); }, readOnly: readOnly || false }),
4591
- React__default.createElement("input", { type: "text", className: "form-control input-group-append mes-filter-datetimepicker", placeholder: "time", value: formattedTimeValue || '', readOnly: readOnly || false, style: styleTextTimeBox || {}, onBlur: function (e) { return blurDate(e); }, onChange: function (e) { return changeDate(e); } }))));
4592
- };
4593
- var SimpleTimeControl = function (props) {
4594
- var value = props.value, title = props.title, styleLabel = props.styleLabel, readOnly = props.readOnly, styleTextBox = props.styleTextBox, onChange = props.onChange, name = props.name;
4595
- var formatDate = function () {
4596
- var date = moment(value);
4597
- if (!date.isValid())
4598
- return 'INVALID TIME';
4599
- return date.format('HH:mm:ss');
4600
- };
4601
- var _a = React__default.useState(formatDate()), formattedValue = _a[0], setFormattedValue = _a[1];
4602
- React__default.useEffect(function () {
4603
- setFormattedValue(formatDate());
4604
- }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
4605
- var blurDate = function (e) {
4606
- var date = moment(e.target.value, 'hh:mm:ss');
4607
- if (date.isValid() && moment(value).isValid()) {
4608
- var newDate = (moment(value)).set('hour', date.hour()).set('minute', date.minute()).set('second', date.second());
4609
- onChange(newDate.toDate(), name || '');
4610
- }
4611
- else {
4612
- setFormattedValue(formatDate());
4613
- }
4614
- };
4615
- var changeDate = function (e) {
4616
- setFormattedValue(e.target.value);
4617
- };
4618
- return (React__default.createElement("div", { className: "input-group" },
4619
- React__default.createElement("div", { className: "input-group-prepend" },
4620
- React__default.createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
4621
- React__default.createElement("input", { type: "text", className: "form-control", placeholder: title, readOnly: readOnly || false, value: formattedValue || '', onBlur: function (e) { return blurDate(e); }, onChange: function (e) { return changeDate(e); }, style: styleTextBox || {} })));
4622
- };
4623
- function SimpleInputSearchControl(_a) {
4624
- var title = _a.title, styleLabel = _a.styleLabel, isNumeric = _a.isNumeric, readOnly = _a.readOnly, value = _a.value, onChange = _a.onChange, name = _a.name, styleTextBox = _a.styleTextBox, onKeyDown = _a.onKeyDown, lengthCharacters = _a.lengthCharacters;
4625
- return (React__default.createElement(React__default.Fragment, null,
4626
- React__default.createElement("div", { className: "input-group" },
4627
- React__default.createElement("div", { className: "input-group-prepend" },
4628
- React__default.createElement("span", { className: "input-group-text", style: (styleLabel || {}) }, title)),
4629
- React__default.createElement("input", { type: "text", className: "form-control " + (isNumeric ? 'mes-numeric' : ''), placeholder: title, readOnly: readOnly, value: value || '', onChange: function (e) { return onChange(e.target.value, name || ''); }, style: (styleTextBox || {}), onKeyDown: function (e) { return onKeyDown(e); }, maxLength: lengthCharacters || '' }))));
4630
- }
4631
- var TimeControl = /** @class */ (function (_super) {
4632
- __extends(TimeControl, _super);
4633
- function TimeControl() {
4634
- return _super !== null && _super.apply(this, arguments) || this;
4635
- }
4636
- TimeControl.prototype.render = function () {
4637
- var _this = this;
4638
- return (React__default.createElement(React__default.Fragment, null,
4639
- React__default.createElement("div", { className: "input-group" },
4640
- React__default.createElement("div", { className: "input-group-prepend" },
4641
- React__default.createElement("span", { className: "input-group-text", style: (this.props.styleLabel || {}) }, this.props.title)),
4642
- React__default.createElement(DatePicker, { className: "form-control mes-filter-datepicker", selected: this.props.value, onChange: function (date) { return _this.props.onChange(date, _this.props.name || ''); }, showTimeSelect: this.props.showSelector || false, showTimeSelectOnly: true, timeIntervals: 15, timeCaption: "Time", dateFormat: "HH:mm:ss", timeFormat: "HH:mm", readOnly: this.props.readOnly || false }))));
4643
- };
4644
- return TimeControl;
4645
- }(Component));
4646
4707
  var SimpleTextControl = /** @class */ (function (_super) {
4647
4708
  __extends(SimpleTextControl, _super);
4648
4709
  function SimpleTextControl() {
@@ -5120,8 +5181,8 @@ function ChangePassword(props) {
5120
5181
  setConfirmPassword('');
5121
5182
  }, [userId, open]);
5122
5183
  return (React__default.createElement(Dialog, { onClose: function (event, reason) { return null; }, "aria-label": "Change Password", maxWidth: "xs", "aria-labelledby": "confirmation-dialog-title", open: open },
5123
- React__default.createElement(DialogTitle, { id: "confirmation-dialog-title" }, "Change Password"),
5124
- React__default.createElement(DialogContent, { dividers: true },
5184
+ React__default.createElement(DialogTitle$1, { id: "confirmation-dialog-title" }, "Change Password"),
5185
+ React__default.createElement(DialogContent$1, { dividers: true },
5125
5186
  React__default.createElement(Alert$2, { show: showError, variant: "danger", dismissible: true, onClose: function () { setShowError(false); setError(undefined); } },
5126
5187
  React__default.createElement("strong", null, "There was an error"),
5127
5188
  React__default.createElement("p", null,
@@ -5134,7 +5195,7 @@ function ChangePassword(props) {
5134
5195
  React__default.createElement("div", { className: "row" },
5135
5196
  React__default.createElement("div", { className: "col-md-12 px-3 py-1" },
5136
5197
  React__default.createElement(SimplePasswordControl, { title: "Confirm Password", styleLabel: { 'minWidth': '150px' }, onChange: setConfirmPassword, name: 'confirmPassword', value: confirmPassword })))),
5137
- React__default.createElement(DialogActions, null,
5198
+ React__default.createElement(DialogActions$1, null,
5138
5199
  React__default.createElement(Button, { autoFocus: true, onClick: handleCancel, color: "primary" }, "Cancel"),
5139
5200
  React__default.createElement(Button, { onClick: handleOk, color: "primary", disabled: !canChange }, "Change Password"))));
5140
5201
  }
@@ -5675,4 +5736,4 @@ function MESFMain(props) {
5675
5736
  React__default.createElement(Navigation, null)))))));
5676
5737
  }
5677
5738
 
5678
- export { Account, AuthContext, AuthProvider, BarChartControl, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, CurrencyFormatter, DataGridControl, DateControl, DateFormatter, DateTimeControl, DateTimeFormatter, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, SimpleInputSearchControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, SimpleTimeControl, TimeControl, TimeFormatter, TreePickerControl, USER_LABELS, UploadFileControl, formatNumber, getCrewStyle, getShiftStyle, useToken };
5739
+ export { Account, AuthContext, AuthProvider, BarChartControl, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HorizontalTextControl, IntegerFormatter, Login, Logout, LongFilterPanel, MESApiService, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, NumericTextControl, SimplePasswordControl, SimpleSelectorControl, SimpleTextAreaControl, SimpleTextControl, TimeFormatter, TreePickerControl, USER_LABELS, UploadFileControl, formatNumber, getCrewStyle, getShiftStyle, useToken };