@dexteel/mesf-core 3.3.0 → 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 (14) 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/index.d.ts +1 -0
  12. package/dist/index.esm.js +344 -188
  13. package/package.json +1 -1
  14. 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';
@@ -54,6 +54,9 @@ import { LogLevel, PublicClientApplication } from '@azure/msal-browser';
54
54
  import MenuList from '@material-ui/core/MenuList';
55
55
  import Input from '@material-ui/core/Input';
56
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';
57
60
 
58
61
  /******************************************************************************
59
62
  Copyright (c) Microsoft Corporation.
@@ -125,7 +128,7 @@ function __generator(thisArg, body) {
125
128
  function verb(n) { return function (v) { return step([n, v]); }; }
126
129
  function step(op) {
127
130
  if (f) throw new TypeError("Generator is already executing.");
128
- while (_) try {
131
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
129
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;
130
133
  if (y = 0, t) op = [op[0] & 2, t.value];
131
134
  switch (op[0]) {
@@ -379,10 +382,10 @@ var useJobsTableData = function (_a) {
379
382
  return (React__default.createElement(React__default.Fragment, null,
380
383
  React__default.createElement(Button, { fullWidth: true, color: "primary", onClick: function () { return setChangeEnable(true); }, disabled: isDisabled }, "ENABLE"),
381
384
  React__default.createElement(Dialog, { open: changeEnable, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
382
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
383
- React__default.createElement(DialogContent, null,
385
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
386
+ React__default.createElement(DialogContent$1, null,
384
387
  React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Are you sure you want to change the state to enable?")),
385
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
388
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
386
389
  React__default.createElement(Button, { onClick: function () { return setChangeEnable(false); }, autoFocus: true, color: "default" }, "DISAGREE"),
387
390
  React__default.createElement(Button, { onClick: function () { onEnable(params.row); }, variant: "outlined", color: "primary" }, "AGREE")))));
388
391
  };
@@ -391,10 +394,10 @@ var useJobsTableData = function (_a) {
391
394
  return (React__default.createElement(React__default.Fragment, null,
392
395
  React__default.createElement(Button, { fullWidth: true, color: "secondary", onClick: function () { return setChangeDisabled(true); }, disabled: isDisabled }, "DISABLED"),
393
396
  React__default.createElement(Dialog, { open: changeDisabled, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
394
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
395
- React__default.createElement(DialogContent, null,
397
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
398
+ React__default.createElement(DialogContent$1, null,
396
399
  React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Are you sure you want to change the state to disabled?")),
397
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
400
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
398
401
  React__default.createElement(Button, { onClick: function () { return setChangeDisabled(false); }, autoFocus: true, color: "default" }, "DISAGREE"),
399
402
  React__default.createElement(Button, { onClick: function () { onEnable(params.row); }, variant: "outlined", color: "primary" }, "AGREE")))));
400
403
  };
@@ -403,10 +406,10 @@ var useJobsTableData = function (_a) {
403
406
  return (React__default.createElement(React__default.Fragment, null,
404
407
  React__default.createElement(Button, { fullWidth: true, color: "primary", onClick: function () { return setChangeReset(true); }, disabled: isDisabled }, "RESET"),
405
408
  React__default.createElement(Dialog, { open: changeReset, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
406
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
407
- React__default.createElement(DialogContent, null,
409
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
410
+ React__default.createElement(DialogContent$1, null,
408
411
  React__default.createElement(DialogContentText, { style: { padding: 0, margin: 0 } }, "Are you sure you want to reset? This action leaves the task in enable")),
409
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
412
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
410
413
  React__default.createElement(Button, { onClick: function () { return setChangeReset(false); }, autoFocus: true, color: "default" }, "DISAGREE"),
411
414
  React__default.createElement(Button, { onClick: function () { onReset(params.row); }, disabled: isDisabled, variant: "outlined", color: "primary" }, "AGREE")))));
412
415
  };
@@ -780,10 +783,10 @@ var ModalLogSelected = function (_a) {
780
783
  var show = _a.show, onHide = _a.onHide, selectedLog = _a.selectedLog;
781
784
  var classes = useStyles$g();
782
785
  return (React__default.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center" },
783
- React__default.createElement(Modal, __assign({}, { show: show }, { onHide: function () { return onHide(false); }, size: "lg", "aria-labelledby": "contained-modal-title-vcenter", centered: true }),
784
- React__default.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
785
- React__default.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "LOG DETAILS")),
786
- 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" } },
787
790
  React__default.createElement(Grid, { container: true, spacing: 1, alignItems: "flex-start" },
788
791
  React__default.createElement(Grid, { item: true, md: 6, xs: 12, style: { paddingRight: 20, paddingLeft: 5 } },
789
792
  React__default.createElement(TextField
@@ -830,7 +833,7 @@ var ModalLogSelected = function (_a) {
830
833
  React__default.createElement(CardContent, null,
831
834
  React__default.createElement(Typography, { className: classes.messageTitle }, "Message:"),
832
835
  React__default.createElement(Typography, { style: { fontSize: 17 } }, selectedLog === null || selectedLog === void 0 ? void 0 : selectedLog.Message)))))),
833
- React__default.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
836
+ React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
834
837
  React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
835
838
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
836
839
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(true); } }, "Close")))))));
@@ -1543,11 +1546,11 @@ var EditProfile = function (_a) {
1543
1546
  }
1544
1547
  }, [show]);
1545
1548
  return (React.createElement(React.Fragment, null,
1546
- 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 }),
1547
1550
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
1548
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
1549
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
1550
- 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" } },
1551
1554
  !!errorsApi.length &&
1552
1555
  React.createElement(Alert, { severity: "error", className: classes.error },
1553
1556
  React.createElement(AlertTitle, null, "Error"),
@@ -1562,18 +1565,18 @@ var EditProfile = function (_a) {
1562
1565
  ((_b = errors.ProfileName) === null || _b === void 0 ? void 0 : _b.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Profile name is required"))))),
1563
1566
  React.createElement(Grid, { container: true },
1564
1567
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
1565
- 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"),
1566
1569
  React.createElement(Controller, { name: "HasProfilesId", control: control, render: function (_a) {
1567
1570
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1568
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 }));
1569
1572
  } })),
1570
1573
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
1571
- 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"),
1572
1575
  React.createElement(Controller, { name: "PermissionsId", control: control, render: function (_a) {
1573
1576
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1574
1577
  return (React.createElement(PermissionsPicker, { isLoading: isLoading, setIsLoading: setIsLoading, onChange: onChange, profilesToProfiles: profilesToProfiles, value: value, profileForDelete: null }));
1575
1578
  } })))),
1576
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
1579
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
1577
1580
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
1578
1581
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
1579
1582
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -1659,12 +1662,12 @@ var CreateProfile = function (_a) {
1659
1662
  return (React.createElement(React.Fragment, null,
1660
1663
  React.createElement(Grid, { container: true },
1661
1664
  React.createElement(Grid, { item: true },
1662
- 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 }),
1663
1666
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
1664
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
1665
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
1666
- React.createElement(Modal.Body, { style: { padding: "15px 30px" } },
1667
- 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"),
1668
1671
  React.createElement(Grid, { container: true, spacing: 1 },
1669
1672
  React.createElement(Grid, { item: true, md: 12, xs: 12 },
1670
1673
  React.createElement(TextField$1, __assign({}, register("ProfileName", { required: true }), { label: "Profile name", variant: "outlined", error: !!errors.ProfileName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
@@ -1672,18 +1675,18 @@ var CreateProfile = function (_a) {
1672
1675
  ((_b = errors.ProfileName) === null || _b === void 0 ? void 0 : _b.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Profile name is required"))),
1673
1676
  React.createElement(Grid, { container: true },
1674
1677
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
1675
- 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"),
1676
1679
  React.createElement(Controller, { name: "HasProfilesId", control: control, render: function (_a) {
1677
1680
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1678
1681
  return (React.createElement(ProfilesPicker$1, { value: value, onChange: onChange, isLoading: isLoading, setIsLoading: setIsLoading, profileForDelete: null, profileIdForEdit: undefined }));
1679
1682
  } })),
1680
1683
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
1681
- 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"),
1682
1685
  React.createElement(Controller, { name: "PermissionsId", control: control, render: function (_a) {
1683
1686
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1684
1687
  return (React.createElement(PermissionsPicker, { onChange: onChange, value: value, isLoading: isLoading, setIsLoading: setIsLoading, profileForDelete: null, profilesToProfiles: profilesToProfiles }));
1685
1688
  } })))),
1686
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
1689
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
1687
1690
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
1688
1691
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
1689
1692
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: onHide }, "Cancel")),
@@ -1765,11 +1768,11 @@ var DeleteProfile = function (_a) {
1765
1768
  });
1766
1769
  }); };
1767
1770
  return (React__default.createElement(React__default.Fragment, null,
1768
- 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 }),
1769
1772
  React__default.createElement("form", null,
1770
- React__default.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
1771
- React__default.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "PROFILE")),
1772
- 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" } },
1773
1776
  isLoading && React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '150px' } },
1774
1777
  React__default.createElement(LazyLoading, null)),
1775
1778
  !isLoading && (React__default.createElement(React__default.Fragment, null,
@@ -1778,28 +1781,28 @@ var DeleteProfile = function (_a) {
1778
1781
  React__default.createElement(TextField$1, __assign({}, register("ProfileName", { required: true }), { label: "Profile name", variant: "outlined", fullWidth: true, margin: "dense", autoComplete: 'off', disabled: true })))))),
1779
1782
  React__default.createElement(Grid, { container: true },
1780
1783
  React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
1781
- 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"),
1782
1785
  React__default.createElement(Controller, { name: "HasProfilesId", control: control, render: function (_a) {
1783
1786
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1784
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 }));
1785
1788
  } })),
1786
1789
  React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
1787
- 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"),
1788
1791
  React__default.createElement(Controller, { name: "PermissionsId", control: control, render: function (_a) {
1789
1792
  var _b = _a.field, onChange = _b.onChange, value = _b.value;
1790
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 }));
1791
1794
  } })))),
1792
- React__default.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
1795
+ React__default.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
1793
1796
  React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
1794
1797
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
1795
1798
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
1796
1799
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
1797
1800
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "secondary", onClick: function () { return setDeleteAlert(true); } }, "DELETE")))),
1798
1801
  React__default.createElement(Dialog, { open: deleteAlert, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
1799
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
1800
- React__default.createElement(DialogContent, null,
1802
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
1803
+ React__default.createElement(DialogContent$1, null,
1801
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?")),
1802
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
1805
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
1803
1806
  React__default.createElement(Button, { onClick: function () { return setDeleteAlert(false); }, autoFocus: true, color: "default" }, "CANCEL"),
1804
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"))))),
1805
1808
  React__default.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
@@ -2284,11 +2287,11 @@ var CreateShift = function (_a) {
2284
2287
  return (React.createElement(React.Fragment, null,
2285
2288
  React.createElement(Grid, { container: true },
2286
2289
  React.createElement(Grid, { item: true },
2287
- 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 }),
2288
2291
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
2289
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
2290
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2291
- 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" } },
2292
2295
  React.createElement(Grid, { container: true, spacing: 2 },
2293
2296
  React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
2294
2297
  var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -2402,7 +2405,7 @@ var CreateShift = function (_a) {
2402
2405
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "".concat(comments === null || comments === void 0 ? void 0 : comments.length, "/200 max.")),
2403
2406
  (comments === null || comments === void 0 ? void 0 : comments.length) == 200 &&
2404
2407
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "Max. 200")))))),
2405
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
2408
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
2406
2409
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2407
2410
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
2408
2411
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: onHide }, "Cancel")),
@@ -2498,11 +2501,11 @@ var DeleteShift = function (_a) {
2498
2501
  return (React.createElement(React.Fragment, null,
2499
2502
  React.createElement(Grid, { container: true },
2500
2503
  React.createElement(Grid, { item: true },
2501
- 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 }),
2502
2505
  React.createElement("form", null,
2503
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
2504
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2505
- 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" } },
2506
2509
  React.createElement(Grid, { container: true, spacing: 2 },
2507
2510
  React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
2508
2511
  var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -2561,7 +2564,7 @@ var DeleteShift = function (_a) {
2561
2564
  var _b = _a.field, value = _b.value; _b.onChange;
2562
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 }));
2563
2566
  } })))),
2564
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
2567
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
2565
2568
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2566
2569
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
2567
2570
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -2572,10 +2575,10 @@ var DeleteShift = function (_a) {
2572
2575
  React.createElement(Grid, { item: true },
2573
2576
  React.createElement("span", { className: classes.errorLabel, style: { fontSize: 10 } }, "Can not delete before the current date"))))),
2574
2577
  React.createElement(Dialog, { open: deleteAlert, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
2575
- React.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
2576
- React.createElement(DialogContent, null,
2578
+ React.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
2579
+ React.createElement(DialogContent$1, null,
2577
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?")),
2578
- React.createElement(DialogActions, { style: { padding: "16px 24px" } },
2581
+ React.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
2579
2582
  React.createElement(Button, { onClick: function () { return setDeleteAlert(false); }, autoFocus: true, color: "default" }, "CANCEL"),
2580
2583
  React.createElement(Button, { startIcon: isSubmitLoading && React.createElement(CircularProgress$1, { size: "1rem" }), autoFocus: true, color: "secondary", onClick: function () { return onDelete(patternStart); } }, "Delete"))))))),
2581
2584
  React.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
@@ -2676,11 +2679,11 @@ var EditShift = function (_a) {
2676
2679
  return (React.createElement(React.Fragment, null,
2677
2680
  React.createElement(Grid, { container: true },
2678
2681
  React.createElement(Grid, { item: true },
2679
- 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 }),
2680
2683
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
2681
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
2682
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "NEW SHIFT/CREW")),
2683
- 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" } },
2684
2687
  React.createElement(Grid, { container: true, spacing: 2 },
2685
2688
  React.createElement(Controller, { name: "PatternStart", control: control, render: function (_a) {
2686
2689
  var _b = _a.field, value = _b.value, onChange = _b.onChange;
@@ -2800,7 +2803,7 @@ var EditShift = function (_a) {
2800
2803
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "".concat(comments === null || comments === void 0 ? void 0 : comments.length, "/200")),
2801
2804
  (comments === null || comments === void 0 ? void 0 : comments.length) == 200 &&
2802
2805
  React.createElement("span", { className: classes.infoLabel, style: { marginLeft: 5 } }, "Max. 200")))))),
2803
- React.createElement(Modal.Footer, { style: { padding: "20px 30px 30px" } },
2806
+ React.createElement(Modal$2.Footer, { style: { padding: "20px 30px 30px" } },
2804
2807
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
2805
2808
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
2806
2809
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -2958,6 +2961,12 @@ var getUsers = function () { return __awaiter(void 0, void 0, void 0, function (
2958
2961
  return [4 /*yield*/, apiService.call("[SEC].[GetUsers]", [])];
2959
2962
  case 2:
2960
2963
  resp = _a.sent();
2964
+ if (apiService.hasErrors) {
2965
+ return [2 /*return*/, {
2966
+ ok: false,
2967
+ message: apiService.error
2968
+ }];
2969
+ }
2961
2970
  return [2 /*return*/, {
2962
2971
  ok: true,
2963
2972
  data: resp
@@ -3044,8 +3053,31 @@ var deleteUser = function (userId) { return __awaiter(void 0, void 0, void 0, fu
3044
3053
  });
3045
3054
  }); };
3046
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
+ }); };
3047
3079
  var upsertUser = function (user) { return __awaiter(void 0, void 0, void 0, function () {
3048
- var apiService, parameters, resp, e_5;
3080
+ var apiService, parameters, resp, e_6;
3049
3081
  return __generator(this, function (_a) {
3050
3082
  switch (_a.label) {
3051
3083
  case 0:
@@ -3068,14 +3100,14 @@ var upsertUser = function (user) { return __awaiter(void 0, void 0, void 0, func
3068
3100
  data: resp
3069
3101
  }];
3070
3102
  case 3:
3071
- e_5 = _a.sent();
3072
- return [2 /*return*/, { ok: false, message: e_5.toString() }];
3103
+ e_6 = _a.sent();
3104
+ return [2 /*return*/, { ok: false, message: e_6.toString() }];
3073
3105
  case 4: return [2 /*return*/];
3074
3106
  }
3075
3107
  });
3076
3108
  }); };
3077
3109
  var setProfilesToUser = function (UserId, profileIds) { return __awaiter(void 0, void 0, void 0, function () {
3078
- var apiService, parameters, resp, e_6;
3110
+ var apiService, parameters, resp, e_7;
3079
3111
  return __generator(this, function (_a) {
3080
3112
  switch (_a.label) {
3081
3113
  case 0:
@@ -3094,8 +3126,8 @@ var setProfilesToUser = function (UserId, profileIds) { return __awaiter(void 0,
3094
3126
  data: resp
3095
3127
  }];
3096
3128
  case 3:
3097
- e_6 = _a.sent();
3098
- return [2 /*return*/, { ok: false, message: e_6.toString() }];
3129
+ e_7 = _a.sent();
3130
+ return [2 /*return*/, { ok: false, message: e_7.toString() }];
3099
3131
  case 4: return [2 /*return*/];
3100
3132
  }
3101
3133
  });
@@ -3110,7 +3142,7 @@ var useStyles$4 = makeStyles(function (theme) {
3110
3142
  },
3111
3143
  formControl: {
3112
3144
  margin: theme.spacing(1),
3113
- width: "50%"
3145
+ width: "100%"
3114
3146
  },
3115
3147
  chips: {
3116
3148
  display: 'flex',
@@ -3211,39 +3243,43 @@ var CreateUser = function (_a) {
3211
3243
  var _e = useState(false), open = _e[0], setOpen = _e[1];
3212
3244
  var _f = useState(false), isSubmitLoading = _f[0], setIsSubmitLoading = _f[1];
3213
3245
  var classes = useStyles$3();
3214
- 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;
3215
3247
  var handleClose = function (event, reason) {
3216
3248
  if (reason === 'clickaway') {
3217
3249
  return;
3218
3250
  }
3219
3251
  setOpen(false);
3220
3252
  };
3253
+ var UserName = watch('UserName');
3221
3254
  var onSubmit = function (data) { return __awaiter(void 0, void 0, void 0, function () {
3222
- var res, userId, e_1;
3255
+ var upsertUserResp, userId, e_1;
3223
3256
  return __generator(this, function (_a) {
3224
3257
  switch (_a.label) {
3225
3258
  case 0:
3226
3259
  setIsSubmitLoading(true);
3227
3260
  _a.label = 1;
3228
3261
  case 1:
3229
- _a.trys.push([1, 4, , 5]);
3262
+ _a.trys.push([1, 5, , 6]);
3230
3263
  return [4 /*yield*/, upsertUser(data)];
3231
3264
  case 2:
3232
- res = _a.sent();
3233
- userId = (res.data.tables[0].rows[0].UserId);
3265
+ upsertUserResp = _a.sent();
3266
+ userId = (upsertUserResp.data.tables[0].rows[0].UserId);
3234
3267
  return [4 /*yield*/, setProfilesToUser(userId, data.ProfilesId)];
3235
3268
  case 3:
3269
+ _a.sent();
3270
+ return [4 /*yield*/, setPassword(userId, data.UserName)];
3271
+ case 4:
3236
3272
  _a.sent();
3237
3273
  setIsSubmitLoading(false);
3238
3274
  setOpen(true);
3239
3275
  onHide();
3240
3276
  getUsersFromAPI();
3241
- return [3 /*break*/, 5];
3242
- case 4:
3277
+ return [3 /*break*/, 6];
3278
+ case 5:
3243
3279
  e_1 = _a.sent();
3244
3280
  console.log(e_1);
3245
- return [3 /*break*/, 5];
3246
- case 5: return [2 /*return*/];
3281
+ return [3 /*break*/, 6];
3282
+ case 6: return [2 /*return*/];
3247
3283
  }
3248
3284
  });
3249
3285
  }); };
@@ -3253,41 +3289,43 @@ var CreateUser = function (_a) {
3253
3289
  }
3254
3290
  }, [show]);
3255
3291
  return (React.createElement(React.Fragment, null,
3256
- 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 }),
3257
3293
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
3258
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
3259
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER FORM")),
3260
- React.createElement(Modal.Body, { style: { padding: "15px 30px" } },
3261
- 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" } },
3262
3297
  React.createElement(Grid, { container: true, spacing: 1 },
3263
- React.createElement(Grid, { item: true, md: 12, xs: 12 },
3298
+ React.createElement(Grid, { item: true, xs: 12, md: 6 },
3264
3299
  React.createElement(TextField$1, __assign({}, register("UserName", { required: true }), { label: "Username", variant: "outlined", error: !!errors.UserName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3265
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' })),
3266
3303
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
3267
3304
  React.createElement(TextField$1, __assign({}, register("FirstName", { required: true }), { label: "First name", variant: "outlined", error: !!errors.FirstName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3268
3305
  ((_c = errors.FirstName) === null || _c === void 0 ? void 0 : _c.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "First name is required")),
3269
3306
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
3270
3307
  React.createElement(TextField$1, __assign({}, register("LastName", { required: true }), { label: "Last name", variant: "outlined", error: !!errors.FirstName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3271
3308
  ((_d = errors.LastName) === null || _d === void 0 ? void 0 : _d.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Last name is required")),
3272
- React.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3273
- React.createElement(Controller, { name: "IsDomainUser", control: control, render: function (_a) {
3274
- var field = _a.field;
3275
- return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsDomainUser", color: "primary" }), label: "Domain user" }));
3276
- } })),
3277
- React.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3278
- React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
3279
- var field = _a.field;
3280
- return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
3281
- } }))),
3282
- React.createElement(Modal.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "PROFILES USER"),
3283
- React.createElement(Grid, { container: true },
3284
- React.createElement(Grid, { item: true, md: 12, xs: 12 },
3285
- React.createElement(Controller, { name: "ProfilesId", control: control, rules: { required: true }, render: function (_a) {
3286
- var _b = _a.field, onChange = _b.onChange, value = _b.value;
3287
- return (React.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: null }));
3288
- } }),
3289
- errors.ProfilesId && React.createElement("span", { className: classes.errorLabel }, "Select a profile(s)")))),
3290
- 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" } },
3291
3329
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
3292
3330
  React.createElement(Grid, { item: true, md: 3, xs: 12 },
3293
3331
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: onHide }, "Cancel")),
@@ -3360,16 +3398,18 @@ var EditUser = function (_a) {
3360
3398
  if (show) {
3361
3399
  setIsSubmitLoading(false);
3362
3400
  (function () { return __awaiter(void 0, void 0, void 0, function () {
3363
- var userResponse, userSelected;
3364
- return __generator(this, function (_a) {
3365
- switch (_a.label) {
3401
+ var userResponse, userSelected, profilesIds;
3402
+ var _a;
3403
+ return __generator(this, function (_b) {
3404
+ switch (_b.label) {
3366
3405
  case 0:
3367
3406
  setIsLoading(true);
3368
3407
  return [4 /*yield*/, getDataUser(userIdForEdit)];
3369
3408
  case 1:
3370
- userResponse = _a.sent();
3409
+ userResponse = _b.sent();
3371
3410
  userSelected = userResponse.data.tables[0].rows[0];
3372
3411
  if (userSelected) {
3412
+ profilesIds = ((_a = userSelected.ProfilesId) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
3373
3413
  setValue("UserId", userSelected.UserId);
3374
3414
  setValue("UserName", userSelected.UserName);
3375
3415
  setValue("FirstName", userSelected.FirstName);
@@ -3377,7 +3417,7 @@ var EditUser = function (_a) {
3377
3417
  setValue("IsDomainUser", userSelected.IsDomainUser);
3378
3418
  setValue("IsActive", userSelected.IsActive);
3379
3419
  setValue("LastLogin", userSelected.LastLogin);
3380
- setValue("ProfilesId", userSelected.ProfilesId.split(',').map(function (pId) { return parseInt(pId); }));
3420
+ setValue("ProfilesId", profilesIds.map(function (pId) { return parseInt(pId); }));
3381
3421
  setIsLoading(false);
3382
3422
  }
3383
3423
  return [2 /*return*/];
@@ -3387,17 +3427,17 @@ var EditUser = function (_a) {
3387
3427
  }
3388
3428
  }, [show]);
3389
3429
  return (React.createElement(React.Fragment, null,
3390
- 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 }),
3391
3431
  React.createElement("form", { onSubmit: handleSubmit(onSubmit) },
3392
- React.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
3393
- React.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER FORM")),
3394
- 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" } },
3395
3435
  isLoading && React.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '300px' } },
3396
3436
  React.createElement(LazyLoading, null)),
3397
3437
  !isLoading && (React.createElement(React.Fragment, null,
3398
- 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"),
3399
3439
  React.createElement(Grid, { container: true, spacing: 1 },
3400
- React.createElement(Grid, { item: true, md: 12, xs: 12 },
3440
+ React.createElement(Grid, { item: true, xs: 12 },
3401
3441
  React.createElement(TextField$1, __assign({}, register("UserName", { required: true }), { label: "Username", variant: "outlined", error: !!errors.UserName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3402
3442
  ((_b = errors.UserName) === null || _b === void 0 ? void 0 : _b.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "User name is required")),
3403
3443
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
@@ -3406,25 +3446,26 @@ var EditUser = function (_a) {
3406
3446
  React.createElement(Grid, { item: true, md: 6, xs: 12 },
3407
3447
  React.createElement(TextField$1, __assign({}, register("LastName", { required: true }), { label: "Last name", variant: "outlined", error: !!errors.FirstName, fullWidth: true, margin: "dense", autoComplete: 'off' })),
3408
3448
  ((_d = errors.LastName) === null || _d === void 0 ? void 0 : _d.type) === 'required' && React.createElement("span", { className: classes.errorLabel }, "Last name is required")),
3409
- React.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3410
- React.createElement(Controller, { name: "IsDomainUser", control: control, render: function (_a) {
3411
- var field = _a.field;
3412
- return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsDomainUser", color: "primary" }), label: "Domain user" }));
3413
- } })),
3414
- React.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3415
- React.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
3416
- var field = _a.field;
3417
- return (React.createElement(FormControlLabel, { className: classes.checkbox, control: React.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive", color: "primary" }), label: "Active" }));
3418
- } }))),
3419
- React.createElement(Modal.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "PROFILES USER"))),
3420
- React.createElement(Grid, { container: true },
3421
- React.createElement(Grid, { item: true, md: 12, xs: 12 },
3422
- React.createElement(Controller, { name: "ProfilesId", control: control, rules: { required: true }, render: function (_a) {
3423
- var _b = _a.field, onChange = _b.onChange, value = _b.value;
3424
- return (React.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: null }));
3425
- } }),
3426
- errors.ProfilesId && React.createElement("span", { className: classes.errorLabel }, "Select a profile(s)")))),
3427
- 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" } },
3428
3469
  React.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
3429
3470
  React.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
3430
3471
  React.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "Cancel")),
@@ -3443,7 +3484,7 @@ var useStyles$1 = makeStyles(function (theme) {
3443
3484
  });
3444
3485
  var DeleteUser = function (_a) {
3445
3486
  var userIdForDelete = _a.userIdForDelete, show = _a.show, onHide = _a.onHide;
3446
- var classes = useStyles$1();
3487
+ useStyles$1();
3447
3488
  var _b = useState(false), open = _b[0], setOpen = _b[1];
3448
3489
  var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
3449
3490
  var _d = useState(false), isSubmitLoading = _d[0], setIsSubmitLoading = _d[1];
@@ -3460,16 +3501,18 @@ var DeleteUser = function (_a) {
3460
3501
  if (show) {
3461
3502
  setIsSubmitLoading(false);
3462
3503
  (function () { return __awaiter(void 0, void 0, void 0, function () {
3463
- var userResponse, userSelected;
3464
- return __generator(this, function (_a) {
3465
- switch (_a.label) {
3504
+ var userResponse, userSelected, profilesIds;
3505
+ var _a;
3506
+ return __generator(this, function (_b) {
3507
+ switch (_b.label) {
3466
3508
  case 0:
3467
3509
  setIsLoading(true);
3468
3510
  return [4 /*yield*/, getDataUser(userIdForDelete)];
3469
3511
  case 1:
3470
- userResponse = _a.sent();
3512
+ userResponse = _b.sent();
3471
3513
  userSelected = userResponse.data.tables[0].rows[0];
3472
3514
  if (userSelected) {
3515
+ profilesIds = ((_a = userSelected.ProfilesId) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
3473
3516
  setValue("UserId", userSelected.UserId);
3474
3517
  setValue("UserName", userSelected.UserName);
3475
3518
  setValue("FirstName", userSelected.FirstName);
@@ -3477,7 +3520,7 @@ var DeleteUser = function (_a) {
3477
3520
  setValue("IsDomainUser", userSelected.IsDomainUser);
3478
3521
  setValue("IsActive", userSelected.IsActive);
3479
3522
  setValue("LastLogin", userSelected.LastLogin);
3480
- setValue("ProfilesId", userSelected.ProfilesId.split(',').map(function (pId) { return parseInt(pId); }));
3523
+ setValue("ProfilesId", profilesIds.map(function (pId) { return parseInt(pId); }));
3481
3524
  setIsLoading(false);
3482
3525
  }
3483
3526
  return [2 /*return*/];
@@ -3511,39 +3554,40 @@ var DeleteUser = function (_a) {
3511
3554
  });
3512
3555
  }); };
3513
3556
  return (React__default.createElement(React__default.Fragment, null,
3514
- 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 }),
3515
3558
  React__default.createElement("form", null,
3516
- React__default.createElement(Modal.Header, { closeButton: true, style: { padding: "10px 30px" } },
3517
- React__default.createElement(Modal.Title, { id: "contained-modal-title-vcenter", style: { margin: "20px 0 0" } }, "USER")),
3518
- 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" } },
3519
3562
  isLoading && React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', style: { minHeight: '300px' } },
3520
3563
  React__default.createElement(LazyLoading, null)),
3521
3564
  !isLoading && (React__default.createElement(React__default.Fragment, null,
3522
3565
  React__default.createElement(Grid, { container: true, spacing: 1 },
3523
- React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
3524
- 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' }))),
3525
3568
  React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
3526
- 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' }))),
3527
3570
  React__default.createElement(Grid, { item: true, md: 6, xs: 12 },
3528
- React__default.createElement(TextField$1, __assign({}, register("LastName", { required: true }), { disabled: true, variant: "outlined", fullWidth: true, margin: "dense", label: "LastName" }))),
3529
- React__default.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3530
- React__default.createElement(Controller, { name: "IsDomainUser", control: control, render: function (_a) {
3531
- var field = _a.field;
3532
- return (React__default.createElement(FormControlLabel, { disabled: true, control: React__default.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsDomainUser" }), label: "Domain user" }));
3533
- } })),
3534
- React__default.createElement(Grid, { item: true, md: 3, xs: 6, style: { paddingTop: 0, paddingBottom: 0, margin: "10px 0" } },
3535
- React__default.createElement(Controller, { name: "IsActive", control: control, render: function (_a) {
3536
- var field = _a.field;
3537
- return (React__default.createElement(FormControlLabel, { disabled: true, control: React__default.createElement(Checkbox, { checked: field.value, onChange: field.onChange, name: "IsActive" }), label: "Active" }));
3538
- } }))),
3539
- React__default.createElement(Modal.Title, { className: classes.title, id: "contained-modal-title-vcenter" }, "PROFILES USER"))),
3540
- React__default.createElement(Grid, { container: true },
3541
- React__default.createElement(Grid, { item: true, md: 12, xs: 12 },
3542
- React__default.createElement(Controller, { name: "ProfilesId", control: control, render: function (_a) {
3543
- var _b = _a.field, onChange = _b.onChange, value = _b.value;
3544
- return (React__default.createElement(ProfilesPicker, { onChange: onChange, value: value, userIdForDelete: userIdForDelete }));
3545
- } })))),
3546
- 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" } },
3547
3591
  React__default.createElement(Grid, { container: true, spacing: 2, justifyContent: "flex-end" },
3548
3592
  React__default.createElement(Grid, { item: true, md: 3, xs: 12, style: { margin: 0 } },
3549
3593
  React__default.createElement(Button, { fullWidth: true, variant: "contained", color: "default", onClick: function () { return onHide(false); } }, "CANCEL")),
@@ -3552,16 +3596,16 @@ var DeleteUser = function (_a) {
3552
3596
  React__default.createElement(Snackbar, { open: open, autoHideDuration: 2500, onClose: handleClose },
3553
3597
  React__default.createElement(Alert, { severity: "warning", onClose: handleClose }, "The user was deleted successfully")),
3554
3598
  React__default.createElement(Dialog, { open: deleteAlert, onClose: function () { return handleClose(); }, "aria-labelledby": "responsive-dialog-title" },
3555
- React__default.createElement(DialogTitle, { id: "responsive-dialog-title" }, "WARNING"),
3556
- React__default.createElement(DialogContent, null,
3599
+ React__default.createElement(DialogTitle$1, { id: "responsive-dialog-title" }, "WARNING"),
3600
+ React__default.createElement(DialogContent$1, null,
3557
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?")),
3558
- React__default.createElement(DialogActions, { style: { padding: "16px 24px" } },
3602
+ React__default.createElement(DialogActions$1, { style: { padding: "16px 24px" } },
3559
3603
  React__default.createElement(Button, { onClick: function () { return setDeleteAlert(false); }, autoFocus: true, color: "default" }, "CANCEL"),
3560
3604
  React__default.createElement(Button, { startIcon: isSubmitLoading && React__default.createElement(CircularProgress$1, { size: "1rem" }), autoFocus: true, color: "secondary", onClick: function () { return onSubmit(userIdForDelete); } }, "Delete")))));
3561
3605
  };
3562
3606
 
3563
3607
  var useTableData = function (_a) {
3564
- 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;
3565
3609
  var state = useUsersContext().state;
3566
3610
  var columns = [
3567
3611
  {
@@ -3596,10 +3640,21 @@ var useTableData = function (_a) {
3596
3640
  },
3597
3641
  {
3598
3642
  field: "Actions",
3643
+ flex: 1,
3599
3644
  renderCell: function (params) {
3600
- return (React__default.createElement(Grid, { container: true, justifyContent: 'center', alignItems: 'center', spacing: 1, style: { padding: "0" } },
3601
- React__default.createElement(Grid, { item: true, md: 6, xs: 6, style: { padding: "0", marginLeft: -25 } },
3602
- 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 () {
3603
3658
  (function () { return __awaiter(void 0, void 0, void 0, function () {
3604
3659
  return __generator(this, function (_a) {
3605
3660
  setUserIdForEdit(params.row.UserId);
@@ -3608,9 +3663,8 @@ var useTableData = function (_a) {
3608
3663
  });
3609
3664
  }); })();
3610
3665
  } },
3611
- React__default.createElement(EditIcon, { style: { width: 16, height: 16 }, color: "primary" }))),
3612
- React__default.createElement(Grid, { item: true, md: 6, xs: 6, style: { padding: "0" } },
3613
- 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 () {
3614
3668
  (function () { return __awaiter(void 0, void 0, void 0, function () {
3615
3669
  return __generator(this, function (_a) {
3616
3670
  setUserIdForDelete(params.row.UserId);
@@ -3632,6 +3686,92 @@ var useTableData = function (_a) {
3632
3686
  return { rows: rows, columns: columns };
3633
3687
  };
3634
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
+
3635
3775
  var useStyles = makeStyles(function (theme) {
3636
3776
  return createStyles({
3637
3777
  root: {
@@ -3672,10 +3812,19 @@ var TableUsers = function (_a) {
3672
3812
  var _b = useState(false), modalCreateActive = _b[0], setModalCreateActive = _b[1];
3673
3813
  var _c = useState(false), modalEditDataUser = _c[0], setModalEditDataUser = _c[1];
3674
3814
  var _d = useState(false), modalDeleteUser = _d[0], setModalDeleteUser = _d[1];
3815
+ var _e = useState(false), modalChangePassword = _e[0], setModalChangePassword = _e[1];
3675
3816
  var classes = useStyles();
3676
- var _e = useState(null), userIdForEdit = _e[0], setUserIdForEdit = _e[1];
3677
- var _f = useState(null), userIdForDelete = _f[0], setUserIdForDelete = _f[1];
3678
- 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;
3679
3828
  return (React.createElement(Grid, { container: true, justifyContent: "center" },
3680
3829
  React.createElement(Grid, { item: true, md: 12, xs: 12, style: { padding: "0 15px" } },
3681
3830
  React.createElement(Typography, { variant: "h5", style: { margin: "20px 0 20px", fontWeight: 600 } }, "User Management")),
@@ -3688,6 +3837,13 @@ var TableUsers = function (_a) {
3688
3837
  if (shouldUpdate)
3689
3838
  getUsersFromAPI().then(function () { });
3690
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
+ } }),
3691
3847
  React.createElement(DeleteUser, { show: modalDeleteUser, userIdForDelete: userIdForDelete, onHide: function (shouldUpdate) {
3692
3848
  setModalDeleteUser(false);
3693
3849
  setUserIdForDelete(null);
@@ -3718,7 +3874,7 @@ var Users = function (prop) {
3718
3874
  setIsLoading(false);
3719
3875
  }
3720
3876
  else {
3721
- console.log("something happened!");
3877
+ alert(resp.message.internalError.message);
3722
3878
  }
3723
3879
  return [2 /*return*/];
3724
3880
  }
@@ -4492,13 +4648,13 @@ var ModalTreeFilterControl = function (props) {
4492
4648
  return null;
4493
4649
  };
4494
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),
4495
- React__default.createElement(DialogTitle, { id: "confirmation-dialog-title" }, title),
4496
- 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 },
4497
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,
4498
4654
  /* @ts-ignore */
4499
4655
  onNodeSelect: handleChange, onNodeToggle: handleToogle }, data.id !== undefined &&
4500
4656
  renderTree(data))),
4501
- React__default.createElement(DialogActions, null,
4657
+ React__default.createElement(DialogActions$1, null,
4502
4658
  React__default.createElement(Button, { autoFocus: true, onClick: handleCancel, color: "primary" }, "Cancel"),
4503
4659
  React__default.createElement(Button, { onClick: handleOk, color: "primary" }, "Ok"))));
4504
4660
  };
@@ -5025,8 +5181,8 @@ function ChangePassword(props) {
5025
5181
  setConfirmPassword('');
5026
5182
  }, [userId, open]);
5027
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 },
5028
- React__default.createElement(DialogTitle, { id: "confirmation-dialog-title" }, "Change Password"),
5029
- 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 },
5030
5186
  React__default.createElement(Alert$2, { show: showError, variant: "danger", dismissible: true, onClose: function () { setShowError(false); setError(undefined); } },
5031
5187
  React__default.createElement("strong", null, "There was an error"),
5032
5188
  React__default.createElement("p", null,
@@ -5039,7 +5195,7 @@ function ChangePassword(props) {
5039
5195
  React__default.createElement("div", { className: "row" },
5040
5196
  React__default.createElement("div", { className: "col-md-12 px-3 py-1" },
5041
5197
  React__default.createElement(SimplePasswordControl, { title: "Confirm Password", styleLabel: { 'minWidth': '150px' }, onChange: setConfirmPassword, name: 'confirmPassword', value: confirmPassword })))),
5042
- React__default.createElement(DialogActions, null,
5198
+ React__default.createElement(DialogActions$1, null,
5043
5199
  React__default.createElement(Button, { autoFocus: true, onClick: handleCancel, color: "primary" }, "Cancel"),
5044
5200
  React__default.createElement(Button, { onClick: handleOk, color: "primary", disabled: !canChange }, "Change Password"))));
5045
5201
  }