\r\n\t\t\t\r\n\t\t\t\t{props.title}\r\n\t\t\t \r\n\t\t\t{props.button && props.button}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default PageTitle;\r\n","import React, { useRef, useEffect } from 'react';\r\n\r\nexport const Checkbox = React.forwardRef(({ indeterminate, ...rest }, ref) => {\r\n\tconst defaultRef = useRef();\r\n\tconst resolveRef = ref || defaultRef;\r\n\r\n\tuseEffect(() => {\r\n\t\tresolveRef.current.indeterminate = indeterminate;\r\n\t}, [resolveRef, indeterminate]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\r\n\t);\r\n});\r\n","import ReactPaginate from 'react-paginate';\r\n\r\n// * local styles\r\nimport './styles.css';\r\n\r\nconst Pagination = ({ total, handle, forcePage }) => {\r\n\t// console.log('Total: ', total);\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default Pagination;\r\n","import React from 'react';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport MuiDialogTitle from '@material-ui/core/DialogTitle';\r\nimport MuiDialogContent from '@material-ui/core/DialogContent';\r\nimport MuiDialogActions from '@material-ui/core/DialogActions';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nconst styles = (theme) => ({\r\n\troot: {\r\n\t\tmargin: 0,\r\n\t\tpadding: theme.spacing(2),\r\n\t},\r\n\tcloseButton: {\r\n\t\tposition: 'absolute',\r\n\t\tright: theme.spacing(1),\r\n\t\ttop: theme.spacing(1),\r\n\t\tcolor: theme.palette.grey[500],\r\n\t},\r\n\tcontent: {\r\n\t\tpadding: 0,\r\n\t\tmargin: 0,\r\n\t},\r\n});\r\n\r\nconst DialogTitle = withStyles(styles)((props) => {\r\n\tconst { children, classes, onClose, ...other } = props;\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t\t\t{!personHistory && (\r\n\t\t\t\t// '...'}\r\n\t\t\t\t\tloadOptions={loadHistories}\r\n\t\t\t\t\tloadingMessage={() => '...'}\r\n\t\t\t\t\tonChange={(sel) => {\r\n\t\t\t\t\t\tconsole.log('Selected history: ', sel);\r\n\t\t\t\t\t\tsetHistory(sel);\r\n\t\t\t\t\t\tsetAmount(sel.hInfo.amount);\r\n\t\t\t\t\t\tsetAmountType(sel.hInfo.amountType);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tcomponents={{\r\n\t\t\t\t\t\tDropdownIndicator: () => null,\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tdefaultOptions\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t\t{!personHistory &&
\r\n\t);\r\n};\r\n\r\nexport default EditPersonHistory;\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginBottom: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginTop: -35,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\tmarginLeft: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n}));\r\n","import React, { useEffect, useMemo, useState } from 'react';\r\nimport { useTable, useRowSelect } from 'react-table';\r\n\r\nimport { Button, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\r\n\r\nimport { Edit as EditIcon, Delete as DeleteIcon } from '@material-ui/icons';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport { Popup } from '../../../../../../components/popup/Popup';\r\nimport ConfirmDialog from '../../../../../../components/confirmDialog';\r\n\r\nimport EditPersonHistory from '../editPersonHistory';\r\n\r\nimport { useStyles } from '../../useStyles';\r\n\r\nimport moment from 'moment';\r\n\r\nconst Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'personHistoryId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Histórico',\r\n\t\taccessor: 'description',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Valor',\r\n\t\taccessor: 'amount',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2) : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Data Associado',\r\n\t\taccessor: 'dateAssociated',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('MMMM/yy') : null;\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Data Desassociado',\r\n\t\taccessor: 'dateDesassociated',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('MMMM/yy') : null;\r\n\t\t},\r\n\t},\r\n];\r\n\r\nconst MonthlyTable = ({ personHistoriesData, person, handleSavePersonHistory, handleRemovePersonHistory, loadingPersonHistoryUpdate, setPersonHistorySelected }) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst data = useMemo(() => personHistoriesData, []);\r\n\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\r\n\tconst [openPersonHistoryPopup, setOpenPersonHistoryPopup] = useState(false);\r\n\r\n\tconst [personHistoryRegisterTitle, setPersonHistoryRegisterTitle] = useState('');\r\n\r\n\tuseEffect(() => {\r\n\t\tsetPersonHistoryRegisterTitle(rowSelected.original ? `Editando Mensal ${rowSelected.original.description} (ID: ${rowSelected.original.personHistoryId})` : `Cadastro de Mensal`);\r\n\t}, [rowSelected]);\r\n\r\n\tconst {\r\n\t\tgetTableProps,\r\n\t\tgetTableBodyProps,\r\n\t\theaderGroups,\r\n\t\trows,\r\n\t\t// state,\r\n\t\tprepareRow,\r\n\t} = useTable(\r\n\t\t{\r\n\t\t\tcolumns,\r\n\t\t\tdata,\r\n\t\t},\r\n\t\tuseRowSelect\r\n\t);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t setDateAssociated(theDate)}\r\n\t\t\t\t\tlabel='Data Inicial'\r\n\t\t\t\t\tname='dateAssociated'\r\n\t\t\t\t\tmargin='normal'\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t setDateDesassociated(theDate)}\r\n\t\t\t\t\tlabel='Data Final'\r\n\t\t\t\t\tname='dateDesassociated'\r\n\t\t\t\t\tmargin='normal'\r\n\t\t\t\t\tviews={['year', 'month']}\r\n\t\t\t\t\t// format='MMMM/yyyy'\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{isLoading ? (\r\n\t\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t// console.log('Values: ', values);\r\n\t\t\t\t\t\t\t\t// resetForm(initialFValues);\r\n\t\t\t\t\t\t\t\thandleSavePersonHistory({\r\n\t\t\t\t\t\t\t\t\tpersonId: person.personId,\r\n\t\t\t\t\t\t\t\t\tpersonHistoryId: personHistory ? personHistory.personHistoryId : 0,\r\n\t\t\t\t\t\t\t\t\tamount,\r\n\t\t\t\t\t\t\t\t\thistoryId: history ? history.value : 0,\r\n\t\t\t\t\t\t\t\t\tdateAssociated: moment(new Date(dateAssociated)).format('yyyy-MM-DD'),\r\n\t\t\t\t\t\t\t\t\tdateDesassociated: dateDesassociated ? moment(new Date(dateDesassociated)).format('yyyy-MM-DD') : null,\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t// style={{ marginRight: 15 }}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tSalvar\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t{rowSelected.original && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{rows.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetPersonHistorySelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default MonthlyTable;\r\n","import axios from 'axios';\r\n// import moment from 'moment';\r\n\r\nimport {\r\n\tPERSON_HISTORY_GET_REQUEST,\r\n\tPERSON_HISTORY_GET_SUCCESS,\r\n\tPERSON_HISTORY_GET_FAIL,\r\n\tPERSON_HISTORY_ADD_REQUEST,\r\n\tPERSON_HISTORY_ADD_SUCCESS,\r\n\tPERSON_HISTORY_ADD_FAIL,\r\n\tPERSON_HISTORY_UPDATE_REQUEST,\r\n\tPERSON_HISTORY_UPDATE_SUCCESS,\r\n\tPERSON_HISTORY_UPDATE_FAIL,\r\n\tPERSON_HISTORY_RESET,\r\n\tPERSON_HISTORY_REMOVE_REQUEST,\r\n\tPERSON_HISTORY_REMOVE_SUCCESS,\r\n\tPERSON_HISTORY_REMOVE_FAIL,\r\n} from '../constants/personHistoryConstants';\r\n\r\nexport const getPersonHistories = (personId) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_GET_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(`${process.env.REACT_APP_API_URL}/api/personHistory?personId=${personId}`, config);\r\n\r\n\t\t// console.info('Associates: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_GET_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_GET_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const addPersonHistory = (personHistory) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_ADD_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tpersonHistory.createdByUser = userInfo.userId;\r\n\t\tpersonHistory.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/personHistory`, personHistory, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_ADD_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: PERSON_HISTORY_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_ADD_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: PERSON_HISTORY_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const updatePersonHistory = (personHistory) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tpersonHistory.createdByUser = userInfo.userId;\r\n\t\tpersonHistory.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/personHistory`, personHistory, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: PERSON_HISTORY_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: PERSON_HISTORY_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const removePersonHistory = (personHistoryId) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_REMOVE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.delete(`${process.env.REACT_APP_API_URL}/api/personHistory/${personHistoryId}`, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_REMOVE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: PERSON_HISTORY_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: PERSON_HISTORY_REMOVE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: PERSON_HISTORY_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport MonthlyTable from '../monthly/components/monthlyTable';\r\nimport { trackPromise } from 'react-promise-tracker';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n// import { getPayments, editPayment } from '../../../../actions/paymentActions';\r\nimport { getPersonHistories, addPersonHistory, updatePersonHistory, removePersonHistory } from '../../../../actions/personHistoryActions';\r\n\r\nimport { Button } from '@material-ui/core';\r\n\r\nimport Spinner from '../../../../components/spinner';\r\nimport { Popup } from '../../../../components/popup/Popup';\r\n\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport EditPersonHistory from './components/editPersonHistory';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(0),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tdateContainer: {\r\n\t\ttextAlign: 'right',\r\n\t},\r\n}));\r\n\r\nconst Monthly = ({ person }) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [openPersonHistoryPopup, setOpenPersonHistoryPopup] = useState(false);\r\n\r\n\tconst [personHistorySelected, setPersonHistorySelected] = useState({});\r\n\r\n\tconst personHistoriesGet = useSelector((state) => state.personHistoriesGet);\r\n\tconst { personHistories, loading, error, success } = personHistoriesGet;\r\n\r\n\tconst personHistoryAdd = useSelector((state) => state.personHistoryAdd);\r\n\tconst { loading: loadingPersonHistoryAdd, success: successPersonHistoryAdd, error: errorPersonHistoryAdd } = personHistoryAdd;\r\n\r\n\tconst personHistoryUpdate = useSelector((state) => state.personHistoryUpdate);\r\n\tconst { loading: loadingPersonHistoryUpdate, success: successPersonHistoryUpdate, error: errorPersonHistoryUpdate } = personHistoryUpdate;\r\n\r\n\tconst personHistoryRemove = useSelector((state) => state.personHistoryRemove);\r\n\tconst {\r\n\t\t// loading: loadingPersonHistoryRemove,\r\n\t\tsuccess: successPersonHistoryRemove,\r\n\t\terror: errorPersonHistoryRemove,\r\n\t} = personHistoryRemove;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (person.personId) {\r\n\t\t\t// if (personHistories) {\r\n\t\t\t// \tif (personHistories.length === 0) {\r\n\t\t\t// \t\ttrackPromise(dispatch(getPersonHistories(person.personId)));\r\n\t\t\t// \t}\r\n\t\t\t// }\r\n\t\t\ttrackPromise(dispatch(getPersonHistories(person.personId)));\r\n\t\t}\r\n\t}, [dispatch, person]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorPersonHistoryAdd) {\r\n\t\t\ttoast.error(errorPersonHistoryAdd);\r\n\t\t}\r\n\r\n\t\tif (errorPersonHistoryUpdate) {\r\n\t\t\ttoast.error(errorPersonHistoryUpdate);\r\n\t\t}\r\n\r\n\t\tif (errorPersonHistoryRemove) {\r\n\t\t\ttoast.error(errorPersonHistoryRemove);\r\n\t\t}\r\n\r\n\t\tif (successPersonHistoryAdd) {\r\n\t\t\ttoast.success(successPersonHistoryAdd);\r\n\t\t\ttrackPromise(dispatch(getPersonHistories(person.personId)));\r\n\t\t\tsetOpenPersonHistoryPopup(false);\r\n\t\t}\r\n\r\n\t\tif (successPersonHistoryUpdate) {\r\n\t\t\ttoast.success(successPersonHistoryUpdate);\r\n\t\t\ttrackPromise(dispatch(getPersonHistories(person.personId)));\r\n\t\t\tsetOpenPersonHistoryPopup(false);\r\n\t\t}\r\n\r\n\t\tif (successPersonHistoryRemove) {\r\n\t\t\ttoast.success(successPersonHistoryRemove);\r\n\t\t\ttrackPromise(dispatch(getPersonHistories(person.personId)));\r\n\t\t\tsetOpenPersonHistoryPopup(false);\r\n\t\t}\r\n\t}, [error, successPersonHistoryAdd, successPersonHistoryUpdate, successPersonHistoryRemove, errorPersonHistoryAdd, errorPersonHistoryUpdate, errorPersonHistoryRemove]);\r\n\r\n\tconst handleRemovePersonHistory = (personHistory) => {\r\n\t\tdispatch(removePersonHistory(personHistory.personHistoryId));\r\n\t};\r\n\r\n\tconst handleSavePersonHistory = (personHistory) => {\r\n\t\tif (personHistory.personHistoryId) {\r\n\t\t\tdispatch(updatePersonHistory(personHistory));\r\n\t\t} else {\r\n\t\t\tdispatch(addPersonHistory(personHistory));\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default Monthly;\r\n","import { useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useForm = (initialFValues) => {\r\n\tconst [values, setValues] = useState(initialFValues);\r\n\r\n\tconst handleInputChange = (e) => {\r\n\t\t// console.log('Name and value: ', e.target);\r\n\t\tconst { name, value } = e.target;\r\n\r\n\t\tif (value !== 'Data inválida' && value.toString() !== 'true' && value.toString() !== 'false') {\r\n\t\t\tsetValues({\r\n\t\t\t\t...values,\r\n\t\t\t\t[name]: value.replace(/_+()/, ''),\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\tif (value.toString() === 'true' || value.toString() === 'false') {\r\n\t\t\t\tsetValues({\r\n\t\t\t\t\t...values,\r\n\t\t\t\t\t[name]: value,\r\n\t\t\t\t});\r\n\t\t\t} else {\r\n\t\t\t\tsetValues({\r\n\t\t\t\t\t...values,\r\n\t\t\t\t\t[name]: '',\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst resetForm = () => {\r\n\t\tsetValues(initialFValues);\r\n\t};\r\n\r\n\treturn {\r\n\t\tvalues,\r\n\t\tsetValues,\r\n\t\thandleInputChange,\r\n\t\tresetForm,\r\n\t};\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\t'& .MulFormControl-root': {\r\n\t\t\twidth: '80%',\r\n\t\t\tmargin: theme.spacing(1),\r\n\t\t},\r\n\t},\r\n}));\r\n\r\nexport const Form = (props) => {\r\n\tconst classes = useStyles();\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport InputMask from 'react-input-mask';\r\nimport { Button, Grid, Select, InputLabel, FormGroup, FormControl, FormControlLabel, MenuItem, Checkbox, TextField, CircularProgress } from '@material-ui/core';\r\nimport { useForm, Form } from '../../../../hooks/useForm';\r\nimport * as services from '../../../../services/addressType';\r\nimport moment from 'moment';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n// toast.configure();\r\n\r\nimport DatePicker from '../../../../components/datePicker';\r\n\r\n// import Switch from '../../../../components/Controls/Switch';\r\n\r\n// import { useDispatch } from 'react-redux';\r\n// import { getAssociate } from '../../../../actions/associateActions';\r\n\r\nconst initialFValues = {\r\n\tpersonId: 0,\r\n\tmasp: '',\r\n\tname: '',\r\n\t// addressId: 0,\r\n\tunit: '',\r\n\tcomplement: '',\r\n\temail: '',\r\n\tcpf: '',\r\n\tpersonIdentity: '',\r\n\ttelephone: '',\r\n\tfax: '',\r\n\tcell: '',\r\n\tbirthDate: '',\r\n\tassociateId: 0,\r\n\trelationId: 0,\r\n\tsituation: false,\r\n\tuseCheck: false,\r\n\tunimedNumber: '',\r\n\tsusNumber: '',\r\n\tdateAssociated: null,\r\n\tdateDesassociated: null,\r\n\tcomment: '',\r\n\tuserId: 0,\r\n\tcreatedByUser: 0,\r\n\tcreatedOnDate: null,\r\n\tmodifiedByUser: 0,\r\n\tmodifiedOnDate: null,\r\n\taddressType: '081',\r\n\tstreet: '',\r\n\tdistrict: '',\r\n\tcity: 'Governador Valadares',\r\n\tregion: 'MG',\r\n\tpostalCode: '',\r\n\tcountry: 'Brasil',\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tformControl: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tformButtons: {\r\n\t\twidth: '100%',\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n\r\nconst convertToDefEventPara = (name, value) => ({\r\n\ttarget: {\r\n\t\tname,\r\n\t\tvalue,\r\n\t},\r\n});\r\n\r\nconst PersonForm = ({\r\n\tperson,\r\n\t// setOpenPopup,\r\n\thandleSaveAssociate,\r\n\tisLoading,\r\n\terror,\r\n\tsuccess,\r\n}) => {\r\n\t// console.log('Person: ', person);\r\n\tconst classes = useStyles();\r\n\t// const dispatch = useDispatch();\r\n\r\n\t// const associateGet = useSelector((state) => state.associateGet);\r\n\t// const { associate } = associateGet;\r\n\r\n\t// useEffect(() => {\r\n\t// \tif (personId) {\r\n\t// \t\tdispatch(getAssociate(personId));\r\n\t// \t\tperson = associate;\r\n\t// \t}\r\n\t// }, [personId]);\r\n\r\n\tconst { values, setValues, handleInputChange, resetForm } = useForm(person ? person : initialFValues);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\r\n\t\tif (success) {\r\n\t\t\ttoast.success(success);\r\n\t\t}\r\n\t}, [success, error]);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\t{personHistories && (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\r\n\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t{isLoading ? (\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default PersonForm;\r\n","export const getAddressTypes = () => [\r\n\t{ id: '001', title: 'Acesso' },\r\n\t{ id: '002', title: 'Adro' },\r\n\t{ id: '004', title: 'Alameda' },\r\n\t{ id: '005', title: 'Alto' },\r\n\t{ id: '007', title: 'Atalho' },\r\n\t{ id: '008', title: 'Avenida' },\r\n\t{ id: '009', title: 'Balneario' },\r\n\t{ id: '010', title: 'Belvedere' },\r\n\t{ id: '011', title: 'Beco' },\r\n\t{ id: '012', title: 'Bloco' },\r\n\t{ id: '013', title: 'Bosque' },\r\n\t{ id: '014', title: 'Boulevard' },\r\n\t{ id: '015', title: 'Baixa' },\r\n\t{ id: '016', title: 'Cais' },\r\n\t{ id: '017', title: 'Caminho' },\r\n\t{ id: '019', title: 'Chapadão' },\r\n\t{ id: '020', title: 'Conjunto' },\r\n\t{ id: '021', title: 'Colônia' },\r\n\t{ id: '022', title: 'Corredor' },\r\n\t{ id: '023', title: 'Campo' },\r\n\t{ id: '024', title: 'Córrego' },\r\n\t{ id: '027', title: 'Desvio' },\r\n\t{ id: '028', title: 'Distrito' },\r\n\t{ id: '030', title: 'Escada' },\r\n\t{ id: '031', title: 'Estrada' },\r\n\t{ id: '032', title: 'Estação' },\r\n\t{ id: '033', title: 'Estádio' },\r\n\t{ id: '036', title: 'Favela' },\r\n\t{ id: '037', title: 'Fazenda' },\r\n\t{ id: '038', title: 'Ferrovia' },\r\n\t{ id: '039', title: 'Fonte' },\r\n\t{ id: '040', title: 'Feira' },\r\n\t{ id: '043', title: 'Forte' },\r\n\t{ id: '045', title: 'Galeria' },\r\n\t{ id: '046', title: 'Granja' },\r\n\t{ id: '050', title: 'Ilha' },\r\n\t{ id: '052', title: 'Jardim' },\r\n\t{ id: '053', title: 'Ladeira' },\r\n\t{ id: '054', title: 'Largo' },\r\n\t{ id: '055', title: 'Lagoa' },\r\n\t{ id: '056', title: 'Loteamento' },\r\n\t{ id: '059', title: 'Morro' },\r\n\t{ id: '060', title: 'Monte' },\r\n\t{ id: '062', title: 'Paralela' },\r\n\t{ id: '063', title: 'Passeio' },\r\n\t{ id: '064', title: 'Pátio' },\r\n\t{ id: '065', title: 'Praça' },\r\n\t{ id: '067', title: 'Parada' },\r\n\t{ id: '070', title: 'Praia' },\r\n\t{ id: '071', title: 'Prolongamento' },\r\n\t{ id: '072', title: 'Parque' },\r\n\t{ id: '073', title: 'Passarela' },\r\n\t{ id: '074', title: 'Passagem' },\r\n\t{ id: '076', title: 'Ponte' },\r\n\t{ id: '077', title: 'Quadra' },\r\n\t{ id: '079', title: 'Quinta' },\r\n\t{ id: '081', title: 'Rua' },\r\n\t{ id: '082', title: 'Ramal' },\r\n\t{ id: '087', title: 'Recanto' },\r\n\t{ id: '088', title: 'Retiro' },\r\n\t{ id: '089', title: 'Reta' },\r\n\t{ id: '090', title: 'Rodovia' },\r\n\t{ id: '091', title: 'Retorno' },\r\n\t{ id: '092', title: 'Sítio' },\r\n\t{ id: '094', title: 'Servidão' },\r\n\t{ id: '095', title: 'Setor' },\r\n\t{ id: '096', title: 'Subida' },\r\n\t{ id: '097', title: 'Trincheira' },\r\n\t{ id: '098', title: 'Terminal' },\r\n\t{ id: '099', title: 'Trevo' },\r\n\t{ id: '100', title: 'Travessa' },\r\n\t{ id: '101', title: 'Via' },\r\n\t{ id: '103', title: 'Viaduto' },\r\n\t{ id: '104', title: 'Vila' },\r\n\t{ id: '105', title: 'Viela' },\r\n\t{ id: '106', title: 'Vale' },\r\n\t{ id: '108', title: 'Zigue-zague' },\r\n\t{ id: '452', title: 'Trecho' },\r\n\t{ id: '453', title: 'Vereda' },\r\n\t{ id: '465', title: 'Artéria' },\r\n\t{ id: '468', title: 'Elevada' },\r\n\t{ id: '469', title: 'Porto' },\r\n\t{ id: '470', title: 'Balão' },\r\n\t{ id: '471', title: 'Paradouro' },\r\n\t{ id: '472', title: 'Área' },\r\n\t{ id: '473', title: 'Jardinete' },\r\n\t{ id: '474', title: 'Esplanada' },\r\n\t{ id: '475', title: 'Quintas' },\r\n\t{ id: '476', title: 'Rotula' },\r\n\t{ id: '477', title: 'Marina' },\r\n\t{ id: '478', title: 'Descida' },\r\n\t{ id: '479', title: 'Circular' },\r\n\t{ id: '480', title: 'Unidade' },\r\n\t{ id: '481', title: 'Chácara' },\r\n\t{ id: '482', title: 'Rampa' },\r\n\t{ id: '483', title: 'Ponta' },\r\n\t{ id: '484', title: 'Via de pedestre' },\r\n\t{ id: '485', title: 'Condomínio' },\r\n\t{ id: '486', title: 'Habitacional' },\r\n\t{ id: '487', title: 'Residencial' },\r\n\t{ id: '495', title: 'Canal' },\r\n\t{ id: '496', title: 'Buraco' },\r\n\t{ id: '497', title: 'Módulo' },\r\n\t{ id: '498', title: 'Estância' },\r\n\t{ id: '499', title: 'Lago' },\r\n\t{ id: '500', title: 'Núcleo' },\r\n\t{ id: '501', title: 'Aeroporto' },\r\n\t{ id: '502', title: 'Passagem Subterrânea' },\r\n\t{ id: '503', title: 'Complexo Viário' },\r\n\t{ id: '504', title: 'Praça de Esportes' },\r\n\t{ id: '505', title: 'Via Elevada' },\r\n\t{ id: '506', title: 'Rotatória' },\r\n\t{ id: '507', title: '1ª Travessa' },\r\n\t{ id: '508', title: '2ª Travessa' },\r\n\t{ id: '509', title: '3ª Travessa' },\r\n\t{ id: '510', title: '4ª Travessa' },\r\n\t{ id: '511', title: '5ª Travessa' },\r\n\t{ id: '512', title: '6ª Travessa' },\r\n\t{ id: '513', title: '7ª Travessa' },\r\n\t{ id: '514', title: '8ª Travessa' },\r\n\t{ id: '515', title: '9ª Travessa' },\r\n\t{ id: '516', title: '10ª Travessa' },\r\n\t{ id: '517', title: '11ª Travessa' },\r\n\t{ id: '518', title: '12ª Travessa' },\r\n\t{ id: '519', title: '13ª Travessa' },\r\n\t{ id: '520', title: '14ª Travessa' },\r\n\t{ id: '521', title: '15ª Travessa' },\r\n\t{ id: '522', title: '16ª Travessa' },\r\n\t{ id: '523', title: '1º Alto' },\r\n\t{ id: '524', title: '2º Alto' },\r\n\t{ id: '525', title: '3º Alto' },\r\n\t{ id: '526', title: '4º Alto' },\r\n\t{ id: '527', title: '5º Alto' },\r\n\t{ id: '528', title: '1º Beco' },\r\n\t{ id: '529', title: '2º Beco' },\r\n\t{ id: '530', title: '3º Beco' },\r\n\t{ id: '531', title: '4º Beco' },\r\n\t{ id: '532', title: '5º Beco' },\r\n\t{ id: '533', title: '1ª Paralela' },\r\n\t{ id: '534', title: '2ª Paralela' },\r\n\t{ id: '535', title: '3ª Paralela' },\r\n\t{ id: '536', title: '4ª Paralela' },\r\n\t{ id: '537', title: '5ª Paralela' },\r\n\t{ id: '538', title: '1ª Subida' },\r\n\t{ id: '539', title: '2ª Subida' },\r\n\t{ id: '540', title: '3ª Subida' },\r\n\t{ id: '541', title: '4ª Subida' },\r\n\t{ id: '542', title: '5ª Subida' },\r\n\t{ id: '543', title: '6ª Subida' },\r\n\t{ id: '544', title: '1ª Vila' },\r\n\t{ id: '545', title: '2ª Vila' },\r\n\t{ id: '546', title: '3ª Vila' },\r\n\t{ id: '547', title: '4ª Vila' },\r\n\t{ id: '548', title: '5ª Vila' },\r\n\t{ id: '549', title: '1º Parque' },\r\n\t{ id: '550', title: '2º Parque' },\r\n\t{ id: '551', title: '3º Parque' },\r\n\t{ id: '552', title: '1ª Rua' },\r\n\t{ id: '553', title: '2ª Rua' },\r\n\t{ id: '554', title: '3ª Rua' },\r\n\t{ id: '555', title: '4ª Rua' },\r\n\t{ id: '556', title: '5ª Rua' },\r\n\t{ id: '557', title: '6ª Rua' },\r\n\t{ id: '558', title: '7ª Rua' },\r\n\t{ id: '559', title: '8ª Rua' },\r\n\t{ id: '560', title: '9ª Rua' },\r\n\t{ id: '561', title: '10ª Rua' },\r\n\t{ id: '562', title: '11ª Rua' },\r\n\t{ id: '563', title: '12ª Rua' },\r\n\t{ id: '564', title: 'Estacionamento' },\r\n\t{ id: '565', title: 'Vala' },\r\n\t{ id: '566', title: 'Rua de Pedestre' },\r\n\t{ id: '567', title: 'Túnel' },\r\n\t{ id: '568', title: 'Variante' },\r\n\t{ id: '569', title: 'Rodo Anel' },\r\n\t{ id: '570', title: 'Travessa Particular' },\r\n\t{ id: '571', title: 'Calçada' },\r\n\t{ id: '572', title: 'Via de Acesso' },\r\n\t{ id: '573', title: 'Entrada Particular' },\r\n\t{ id: '645', title: 'Acampamento' },\r\n\t{ id: '646', title: 'Via Expressa' },\r\n\t{ id: '650', title: 'Estrada Municipal' },\r\n\t{ id: '651', title: 'Avenida Contorno' },\r\n\t{ id: '652', title: 'Entre-quadra' },\r\n\t{ id: '653', title: 'Rua de Ligação' },\r\n\t{ id: '654', title: 'Área Especial' },\r\n];\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginBottom: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginBottom: 15,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\tmarginLeft: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n}));\r\n","import React, { useMemo, useState } from 'react';\r\n// import clsx from 'clsx';\r\nimport { useTable, useRowSelect } from 'react-table';\r\n\r\nimport { TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\n\r\nimport { useStyles } from '../../useStyles/';\r\n\r\nimport moment from 'moment';\r\n\r\nimport months from '../../../../../../data/months';\r\n\r\nconst Columns = [\r\n\t{\r\n\t\tHeader: 'Valor Devido',\r\n\t\taccessor: 'amountOwed',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2) : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Taxa do Banco',\r\n\t\taccessor: 'bankFee',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2) : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Valor Pago',\r\n\t\taccessor: 'amountPaid',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2) : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Diferença',\r\n\t\taccessor: 'difference',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2) : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Mês Referência',\r\n\t\taccessor: 'dateReference',\r\n\t\tCell: ({ value }) => {\r\n\t\t\tif (value) {\r\n\t\t\t\tlet theDate = value.substr(0, 10);\r\n\t\t\t\t// console.log('Date: ', theDate);\r\n\t\t\t\treturn (\r\n\t\t\t\t\tmonths[parseInt(theDate.substr(5, 2)) - 1].text +\r\n\t\t\t\t\t'/' +\r\n\t\t\t\t\ttheDate.substr(0, 4)\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Data de Pagamento',\r\n\t\taccessor: 'datePaid',\r\n\t\tCell: ({ value }) => {\r\n\t\t\tif (value) {\r\n\t\t\t\tlet theDate = value.substr(0, 10);\r\n\t\t\t\treturn moment(theDate).format('DD/MM/yyyy');\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t},\r\n\t},\r\n];\r\n\r\n// const date = new Date();\r\n\r\nconst PaymentsTable = ({\r\n\tpaymentsData,\r\n\t// setOpenPopup,\r\n\t// handleSavePayment,\r\n\t// isLoading,\r\n\t// error,\r\n\t// success,\r\n\tsetPaymentSelected,\r\n}) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst data = useMemo(() => paymentsData, []);\r\n\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\r\n\tconst {\r\n\t\tgetTableProps,\r\n\t\tgetTableBodyProps,\r\n\t\theaderGroups,\r\n\t\trows,\r\n\t\tstate,\r\n\t\tprepareRow,\r\n\t\t// allColumns,\r\n\t\t// getToggleHideAllColumnsProps,\r\n\t} = useTable(\r\n\t\t{\r\n\t\t\tcolumns,\r\n\t\t\tdata,\r\n\t\t},\r\n\t\tuseRowSelect\r\n\t);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t// console.log('Values: ', values);\r\n\t\t\t\t\t\t\t\t\t// resetForm(initialFValues);\r\n\t\t\t\t\t\t\t\t\thandleSaveAssociate(values);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t// style={{ marginRight: 15 }}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tSalvar\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{/* setOpenPopup(false)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tFechar\r\n\t\t\t\t\t\t */}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{rows.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetPaymentSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground:\r\n\t\t\t\t\t\t\t\t\t\t\t\trow.isSelected &&\r\n\t\t\t\t\t\t\t\t\t\t\t\trow.index ===\r\n\t\t\t\t\t\t\t\t\t\t\t\t\trowSelected.index &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t'#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor:\r\n\t\t\t\t\t\t\t\t\t\t\t\trow.isSelected &&\r\n\t\t\t\t\t\t\t\t\t\t\t\trow.index ===\r\n\t\t\t\t\t\t\t\t\t\t\t\t\trowSelected.index &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default PaymentsTable;\r\n","import axios from 'axios';\r\nimport moment from 'moment';\r\nimport {\r\n\tPAYMENT_GET_REQUEST,\r\n\tPAYMENT_GET_SUCCESS,\r\n\tPAYMENT_GET_FAIL,\r\n\tPAYMENT_UPDATE_REQUEST,\r\n\tPAYMENT_UPDATE_SUCCESS,\r\n\tPAYMENT_UPDATE_FAIL,\r\n\tPAYMENT_EDIT_REQUEST,\r\n\tPAYMENT_EDIT_SUCCESS,\r\n\tPAYMENT_EDIT_FAIL,\r\n} from '../constants/paymentConstants';\r\n\r\nexport const getPayments = (personId, year) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: PAYMENT_GET_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(`${process.env.REACT_APP_API_URL}/api/payment/${personId}/${year}`, config);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PAYMENT_GET_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tconsole.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PAYMENT_GET_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const editPayment = (paymentInfo) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: PAYMENT_EDIT_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tpaymentInfo.modifiedByUser = userInfo.personId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/payment/editPayment`, paymentInfo, config);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PAYMENT_EDIT_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tconsole.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PAYMENT_EDIT_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const updatePayment = (paymentInfo) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: PAYMENT_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// paymentInfo.receiveDate = moment(new Date(paymentInfo)).format(\r\n\t\t// \t'yyyy-MM-DD'\r\n\t\t// );\r\n\t\tpaymentInfo.associateId = paymentInfo.personId;\r\n\t\tpaymentInfo.modifiedByUser = userInfo.personId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/payment`, paymentInfo, config);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PAYMENT_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tconsole.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PAYMENT_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\t}\r\n};\r\n","import React, { useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport { Button, CircularProgress, TextField } from '@material-ui/core';\r\nimport moment from 'moment';\r\n\r\nimport DatePicker from '../../../../../../components/datePicker';\r\nimport MyCurrencyTextField from '../../../../../../components/myCurrencyTextField';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t\t'& > *': {\r\n\t\t\tmargin: theme.spacing(2),\r\n\t\t\twidth: '22ch',\r\n\t\t},\r\n\t},\r\n\tformControl: {\r\n\t\twidth: '22ch',\r\n\t},\r\n\tsaveButton: {\r\n\t\twidth: '100%',\r\n\t\theight: 40,\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n\r\nconst EditPayment = ({ paymentInfo, handleSavePayment, loading }) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst [bankFee, setBankfee] = useState(paymentInfo.bankFee);\r\n\tconst [amountPaid, setAmountPaid] = useState(paymentInfo.amountPaid);\r\n\tconst [datePaid, setDatePaid] = useState(paymentInfo.datePaid);\r\n\r\n\tconst savePaymentHandler = () => {\r\n\t\tlet difference = paymentInfo.amountOwed + bankFee - paymentInfo.amountPaid;\r\n\r\n\t\thandleSavePayment({\r\n\t\t\t...paymentInfo,\r\n\t\t\tbankFee,\r\n\t\t\tamountPaid,\r\n\t\t\tdatePaid: moment(new Date(datePaid)).format('yyyy-MM-DD'),\r\n\t\t\tdifference,\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default EditPayment;\r\n","import React, { useEffect, useState } from 'react';\r\nimport PaymentsTable from './components/paymentsTable/paymentsTable';\r\nimport { trackPromise } from 'react-promise-tracker';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { getPayments, editPayment } from '../../../../actions/paymentActions';\r\n\r\nimport { FormControl, InputLabel, MenuItem, Select, Button } from '@material-ui/core';\r\n\r\nimport Spinner from '../../../../components/spinner';\r\nimport { Popup } from '../../../../components/popup/Popup';\r\n\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport years from '../../../../data/years';\r\n\r\nimport EditPayment from './components/editPayment';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(0),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tdateContainer: {\r\n\t\tpadding: theme.spacing(1),\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n}));\r\n\r\nconst Payments = ({ person, setOpenPopup }) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [openPaymentPopup, setOpenPaymentPopup] = useState(false);\r\n\tconst [selectedYear, setSelectedYear] = useState('2023');\r\n\tconst [paymentSelected, setPaymentSelected] = useState({});\r\n\r\n\tconst paymentsGet = useSelector((state) => state.paymentsGet);\r\n\tconst { payments, loading, error, success } = paymentsGet;\r\n\r\n\tconst paymentEdit = useSelector((state) => state.paymentEdit);\r\n\tconst { success: successEditPayment, error: errorEditPayment, loading: loadingEditPayment } = paymentEdit;\r\n\r\n\tconst getPaymentsHandler = (yearSelected) => {\r\n\t\ttrackPromise(dispatch(getPayments(person.personId, yearSelected)));\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(dispatch(getPayments(person.personId, selectedYear)));\r\n\t}, [person]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorEditPayment) {\r\n\t\t\ttoast.error(errorEditPayment);\r\n\t\t}\r\n\r\n\t\tif (successEditPayment) {\r\n\t\t\ttoast.success(successEditPayment);\r\n\t\t\tdispatch(getPayments(person.personId, selectedYear));\r\n\t\t}\r\n\t}, [successEditPayment, errorEditPayment]);\r\n\r\n\tconst handleSavePayment = (payment) => {\r\n\t\tconsole.log('Payment info: ', payment);\r\n\t\tdispatch(editPayment(payment));\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t\t\t{payments && (\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAno \r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tsetSelectedYear(Number(e.target.value));\r\n\t\t\t\t\t\t\t\tgetPaymentsHandler(Number(e.target.value));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tlabel='Ano'\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{years.map((year) => (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t{/*
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
*/}\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Payments;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n// import AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Box from '@material-ui/core/Box';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Monthly from '../monthly';\r\n// import { Paper } from '@material-ui/core';\r\n\r\nimport PersonForm from '../personForm';\r\nimport Payments from '../payments';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\tflexGrow: 1,\r\n\t},\r\n}));\r\n\r\nconst TabPanel = (props) => {\r\n\tconst { children, value, index, classes, ...other } = props;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t{value === index && (\r\n\t\t\t\t\r\n\t\t\t\t\t{children} \r\n\t\t\t\t \r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nfunction a11yProps(index) {\r\n\treturn {\r\n\t\tid: `person-tab-${index}`,\r\n\t\t'aria-controls': `person-tabpanel-${index}`,\r\n\t};\r\n}\r\n\r\nconst Registration = ({ person, setOpenPopup, handleSaveAssociate, isLoading, error, success }) => {\r\n\tconst classes = useStyles();\r\n\tconst [value, setValue] = React.useState(0);\r\n\r\n\tconst handleChange = (event, newValue) => {\r\n\t\tsetValue(newValue);\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t{person && (\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t)}\r\n\t\t\t{person && (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default Registration;\r\n","import React, { useState } from 'react';\r\nimport { FormControl, FormControlLabel, InputLabel, MenuItem, Select, RadioGroup, Radio, Button, CircularProgress } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport years from '../../data/years';\r\nimport months from '../../data/months';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tstatementContainer: {\r\n\t\tpadding: theme.spacing(2),\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n\r\nconst date = new Date();\r\n\r\nconst StatementWindow = ({\r\n\tperson,\r\n\tmonthlyStatementHandler,\r\n\tmonthlyStatementLoading,\r\n\tpersonalStatementHandler,\r\n\tpersonalStatementLoading,\r\n\townPersonalStatementHandler,\r\n\townPersonalStatementLoading,\r\n\ttype,\r\n\tdependent,\r\n}) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst [selectedYear, setSelectedYear] = useState('2023');\r\n\tconst [selectedMonth, setSelectedMonth] = useState(date.getMonth() - 1);\r\n\tconst [selectedType, setSelectedType] = useState(dependent ? 'avulso' : 'normal');\r\n\tconst [selectedModel, setSelectedModel] = useState('1');\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default StatementWindow;\r\n","export const Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'personId',\r\n\t\tshow: false,\r\n\t},\r\n\t{\r\n\t\tHeader: 'MASP',\r\n\t\taccessor: 'masp',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Nome',\r\n\t\taccessor: 'name',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Telefone',\r\n\t\taccessor: 'telephone',\r\n\t\tshow: false,\r\n\t},\r\n\t{\r\n\t\tHeader: 'Celular',\r\n\t\taccessor: 'cell',\r\n\t\tshow: false,\r\n\t},\r\n\t{\r\n\t\tHeader: 'E-mail',\r\n\t\taccessor: 'email',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Unimed',\r\n\t\taccessor: 'unimedNumber',\r\n\t},\r\n\t{\r\n\t\tHeader: 'SUS',\r\n\t\taccessor: 'susNumber',\r\n\t\tshow: false,\r\n\t},\r\n\t{\r\n\t\tHeader: 'Deslig.',\r\n\t\taccessor: 'situation',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? `Sim` : 'Não';\r\n\t\t},\r\n\t\tshow: false,\r\n\t},\r\n\t{\r\n\t\tHeader: 'Cheque',\r\n\t\taccessor: 'check',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? `Sim` : 'Não';\r\n\t\t},\r\n\t\tshow: false,\r\n\t},\r\n\t{\r\n\t\tHeader: 'Login',\r\n\t\taccessor: 'userId',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? `Sim` : 'Não';\r\n\t\t},\r\n\t\tshow: false,\r\n\t},\r\n];\r\n","import React, { useRef, useEffect } from 'react';\r\n\r\nexport const Checkbox = React.forwardRef(({ indeterminate, ...rest }, ref) => {\r\n\tconst defaultRef = useRef();\r\n\tconst resolveRef = ref || defaultRef;\r\n\r\n\tuseEffect(() => {\r\n\t\tresolveRef.current.indeterminate = indeterminate;\r\n\t}, [resolveRef, indeterminate]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\r\n\t);\r\n});\r\n","import React, { useEffect } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Button, TextField, FormGroup, FormControl, FormControlLabel, Checkbox, Grid, Select, InputLabel, MenuItem, CircularProgress } from '@material-ui/core';\r\n\r\n// import { KeyboardDatePicker } from '@material-ui/pickers';\r\n\r\nimport InputMask from 'react-input-mask';\r\n\r\nimport { useForm, Form } from '../../../../hooks/useForm';\r\n\r\nimport * as services from '../../../../services/addressType';\r\n\r\nimport moment from 'moment';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nimport DatePicker from '../../../../components/datePicker';\r\n\r\n// toast.configure();\r\n\r\n// import DatePicker from '../../../../components/Controls/DetePicker';\r\n// import Switch from '../../../../components/Controls/Switch';\r\n\r\nconst initialFValues = {\r\n\tpersonId: 0,\r\n\tmasp: '',\r\n\tname: '',\r\n\t// addressId: 0,\r\n\tunit: '',\r\n\tcomplement: '',\r\n\temail: '',\r\n\tcpf: '',\r\n\tpersonIdentity: '',\r\n\ttelephone: '',\r\n\tfax: '',\r\n\tcell: '',\r\n\tbirthDate: null,\r\n\tassociateId: 0,\r\n\trelationId: 0,\r\n\tsituation: false,\r\n\tuseCheck: true,\r\n\tunimedNumber: '',\r\n\tsusNumber: '',\r\n\tdateAssociated: null,\r\n\tdateDesassociated: '',\r\n\tcomment: '',\r\n\tuserId: 0,\r\n\tcreatedByUser: 53,\r\n\tcreatedOnDate: null,\r\n\tmodifiedByUser: 53,\r\n\tmodifiedOnDate: null,\r\n\taddressType: '081',\r\n\tstreet: 'Rua Peçanha 662',\r\n\tdistrict: 'Centro',\r\n\tcity: 'Governador Valadares',\r\n\tregion: 'MG',\r\n\tpostalCode: '35010161',\r\n\tcountry: 'Brasil',\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tformControl: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tformButtons: {\r\n\t\twidth: '100%',\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n\r\nconst convertToDefEventPara = (name, value) => ({\r\n\ttarget: {\r\n\t\tname,\r\n\t\tvalue,\r\n\t},\r\n});\r\n\r\nconst PersonForm = ({ dependent, setOpenPopup, handleSaveDependent, isLoading, error, success }) => {\r\n\t// console.log('Person: ', person);\r\n\tconst classes = useStyles();\r\n\r\n\tconst { values, setValues, handleInputChange, resetForm } = useForm(dependent ? dependent : initialFValues);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (success) {\r\n\t\t\ttoast.success(success);\r\n\t\t}\r\n\t}, [success]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\t}, [error]);\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default PersonForm;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n// import { KeyboardDatePicker } from '@material-ui/pickers';\r\n\r\nimport { Button, TextField, CircularProgress } from '@material-ui/core';\r\n\r\nimport DatePicker from '../../../../../../components/datePicker';\r\nimport MyCurrencyTextField from '../../../../../../components/myCurrencyTextField';\r\nimport AsyncSelect from 'react-select/async';\r\n\r\nimport { listHistories } from '../../../../../../actions/historyActions';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport moment from 'moment';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tformControl: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tformButtons: {\r\n\t\twidth: '100%',\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n\r\nconst EditPersonHistory = ({ personHistory, person, handleSavePersonHistory, isLoading }) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst classes = useStyles();\r\n\r\n\tconst [history, setHistory] = useState(personHistory ? null : 'PLANO UNIMED');\r\n\tconst [amount, setAmount] = useState(0);\r\n\tconst [dateAssociated, setDateAssociated] = useState(null);\r\n\tconst [dateDesassociated, setDateDesassociated] = useState(null);\r\n\tconst [amountType, setAmountType] = useState('R$');\r\n\r\n\tconst historiesList = useSelector((state) => state.historiesList);\r\n\tconst { histories } = historiesList;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (personHistory) {\r\n\t\t\tsetAmount(personHistory.amount);\r\n\t\t\tsetDateAssociated(personHistory.dateAssociated);\r\n\t\t\tsetDateDesassociated(personHistory.dateDesassociated);\r\n\t\t\t// if (personHistory.historyId) {\r\n\t\t\tsetHistory({ label: personHistory.description, value: personHistory.historyId });\r\n\t\t\tsetAmountType(personHistory.amountType);\r\n\t\t\t// } else {\r\n\t\t\t// \tsetHistory(personHistory.description);\r\n\t\t\t// }\r\n\t\t}\r\n\t}, [personHistory]);\r\n\r\n\tconst loadHistories = (inputValue, callback) => {\r\n\t\tif (inputValue.length > 1) {\r\n\t\t\tdispatch(listHistories({ filterSearch: inputValue }));\r\n\r\n\t\t\tif (histories) {\r\n\t\t\t\tcallback(\r\n\t\t\t\t\thistories.map((h) => ({\r\n\t\t\t\t\t\tlabel: h.description,\r\n\t\t\t\t\t\tvalue: h.historyId,\r\n\t\t\t\t\t\thInfo: h,\r\n\t\t\t\t\t}))\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tAno \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetSelectedYear(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Ano'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{years.map((year) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\tMês Referência \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetSelectedMonth(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Mês Referência'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{months.map((month) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{type ? (\r\n\t\t\t\t\t\t setSelectedType(e.target.value)} labelplacement='end' row>\r\n\t\t\t\t\t\t\t{!dependent && \r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t setSelectedModel(e.target.value)} labelplacement='end' row>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{personalStatementLoading || ownPersonalStatementLoading || monthlyStatementLoading ? (\r\n\t\t\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\tif ((selectedType === 'avulso' && type) || dependent) {\r\n\t\t\t\t\t\t\t\t\t\townPersonalStatementHandler(person, selectedMonth, selectedYear);\r\n\t\t\t\t\t\t\t\t\t} else if (selectedType === 'normal' && type) {\r\n\t\t\t\t\t\t\t\t\t\tpersonalStatementHandler(person, selectedMonth, selectedYear);\r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\tmonthlyStatementHandler(selectedMonth, selectedYear, selectedModel);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tGerar\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t{!personHistory && (\r\n\t\t\t\t '...'}\r\n\t\t\t\t\tloadOptions={loadHistories}\r\n\t\t\t\t\tloadingMessage={() => '...'}\r\n\t\t\t\t\tonChange={(sel) => {\r\n\t\t\t\t\t\tconsole.log('Selected history: ', sel);\r\n\t\t\t\t\t\tsetHistory(sel);\r\n\t\t\t\t\t\tsetAmount(sel.hInfo.amount);\r\n\t\t\t\t\t\tsetAmountType(sel.hInfo.amountType);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tcomponents={{\r\n\t\t\t\t\t\tDropdownIndicator: () => null,\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tdefaultOptions\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t\t{!personHistory &&
\r\n\t);\r\n};\r\n\r\nexport default EditPersonHistory;\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginBottom: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginTop: -35,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\tmarginLeft: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n}));\r\n","import React, { useEffect, useMemo, useState } from 'react';\r\nimport { useTable, useRowSelect } from 'react-table';\r\n\r\nimport { Button, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\r\n\r\nimport { Edit as EditIcon, Delete as DeleteIcon } from '@material-ui/icons';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport { Popup } from '../../../../../../components/popup/Popup';\r\nimport ConfirmDialog from '../../../../../../components/confirmDialog';\r\n\r\nimport EditPersonHistory from '../editPersonHistory';\r\n\r\nimport { useStyles } from '../../useStyles';\r\n\r\nimport moment from 'moment';\r\n\r\nconst Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'personHistoryId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Histórico',\r\n\t\taccessor: 'description',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Valor',\r\n\t\taccessor: 'amount',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2) : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Data Associado',\r\n\t\taccessor: 'dateAssociated',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('MMMM/yy') : null;\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Data Desassociado',\r\n\t\taccessor: 'dateDesassociated',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('MMMM/yy') : null;\r\n\t\t},\r\n\t},\r\n];\r\n\r\nconst MonthlyTable = ({ personHistoriesData, person, handleSavePersonHistory, handleRemovePersonHistory, loadingPersonHistoryUpdate, setPersonHistorySelected }) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst data = useMemo(() => personHistoriesData, []);\r\n\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\r\n\tconst [openPersonHistoryPopup, setOpenPersonHistoryPopup] = useState(false);\r\n\r\n\tconst [personHistoryRegisterTitle, setPersonHistoryRegisterTitle] = useState('');\r\n\r\n\tuseEffect(() => {\r\n\t\tsetPersonHistoryRegisterTitle(rowSelected.original ? `Editando Mensal ${rowSelected.original.description} (ID: ${rowSelected.original.personHistoryId})` : `Cadastro de Mensal`);\r\n\t}, [rowSelected]);\r\n\r\n\tconst {\r\n\t\tgetTableProps,\r\n\t\tgetTableBodyProps,\r\n\t\theaderGroups,\r\n\t\trows,\r\n\t\t// state,\r\n\t\tprepareRow,\r\n\t} = useTable(\r\n\t\t{\r\n\t\t\tcolumns,\r\n\t\t\tdata,\r\n\t\t},\r\n\t\tuseRowSelect\r\n\t);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\t\t setDateAssociated(sDate)}\r\n\t\t\t\t\tlabel='Data Inicial'\r\n\t\t\t\t\tmargin='normal'\r\n\t\t\t\t\tviews={['year', 'month']}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t setDateDesassociated(eDate)}\r\n\t\t\t\t\tlabel='Data Final'\r\n\t\t\t\t\tmargin='normal'\r\n\t\t\t\t\tviews={['year', 'month']}\r\n\t\t\t\t\t// format='MMMM/yyyy'\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{isLoading ? (\r\n\t\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t// console.log('Values: ', values);\r\n\t\t\t\t\t\t\t\t// resetForm(initialFValues);\r\n\t\t\t\t\t\t\t\thandleSavePersonHistory({\r\n\t\t\t\t\t\t\t\t\tpersonId: person.personId,\r\n\t\t\t\t\t\t\t\t\tpersonHistoryId: personHistory ? personHistory.personHistoryId : 0,\r\n\t\t\t\t\t\t\t\t\tamount,\r\n\t\t\t\t\t\t\t\t\thistoryId: history ? history.value : 0,\r\n\t\t\t\t\t\t\t\t\tdateAssociated: moment(new Date(dateAssociated)).format('yyyy-MM-DD'),\r\n\t\t\t\t\t\t\t\t\tdateDesassociated: dateDesassociated ? moment(new Date(dateDesassociated)).format('yyyy-MM-DD') : null,\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t// style={{ marginRight: 15 }}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tSalvar\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t{rowSelected.original && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{rows.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetPersonHistorySelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default MonthlyTable;\r\n","import React, { useEffect, useState } from 'react';\r\nimport MonthlyTable from '../monthly/components/monthlyTable';\r\nimport { trackPromise } from 'react-promise-tracker';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { getPayments, editPayment } from '../../../../actions/paymentActions';\r\nimport { getPersonHistories, addPersonHistory, updatePersonHistory, removePersonHistory } from '../../../../actions/personHistoryActions';\r\n\r\nimport { Button } from '@material-ui/core';\r\n\r\nimport Spinner from '../../../../components/spinner';\r\nimport { Popup } from '../../../../components/popup/Popup';\r\n\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport EditPersonHistory from './components/editPersonHistory';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(0),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tdateContainer: {\r\n\t\ttextAlign: 'right',\r\n\t},\r\n}));\r\n\r\nconst Monthly = ({ person }) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [openPersonHistoryPopup, setOpenPersonHistoryPopup] = useState(false);\r\n\r\n\tconst [personHistorySelected, setPersonHistorySelected] = useState({});\r\n\r\n\tconst personHistoriesGet = useSelector((state) => state.personHistoriesGet);\r\n\tconst { personHistories, loading, error, success } = personHistoriesGet;\r\n\r\n\tconst personHistoryAdd = useSelector((state) => state.personHistoryAdd);\r\n\tconst { loading: loadingPersonHistoryAdd, success: successPersonHistoryAdd, error: errorPersonHistoryAdd } = personHistoryAdd;\r\n\r\n\tconst personHistoryUpdate = useSelector((state) => state.personHistoryUpdate);\r\n\tconst { loading: loadingPersonHistoryUpdate, success: successPersonHistoryUpdate, error: errorPersonHistoryUpdate } = personHistoryUpdate;\r\n\r\n\tconst personHistoryRemove = useSelector((state) => state.personHistoryRemove);\r\n\tconst {\r\n\t\t// loading: loadingPersonHistoryRemove,\r\n\t\tsuccess: successPersonHistoryRemove,\r\n\t\terror: errorPersonHistoryRemove,\r\n\t} = personHistoryRemove;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (person.personId) {\r\n\t\t\ttrackPromise(dispatch(getPersonHistories(person.personId)));\r\n\t\t}\r\n\t}, [person.personId]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\t}, [error]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorPersonHistoryAdd) {\r\n\t\t\ttoast.error(errorPersonHistoryAdd);\r\n\t\t}\r\n\r\n\t\tif (successPersonHistoryAdd) {\r\n\t\t\ttoast.success(successPersonHistoryAdd);\r\n\t\t\ttrackPromise(dispatch(getPersonHistories(person.personId)));\r\n\t\t\tsetOpenPersonHistoryPopup(false);\r\n\t\t}\r\n\t}, [successPersonHistoryAdd, errorPersonHistoryAdd]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorPersonHistoryUpdate) {\r\n\t\t\ttoast.error(errorPersonHistoryUpdate);\r\n\t\t}\r\n\r\n\t\tif (successPersonHistoryUpdate) {\r\n\t\t\ttoast.success(successPersonHistoryUpdate);\r\n\t\t\ttrackPromise(dispatch(getPersonHistories(person.personId)));\r\n\t\t\tsetOpenPersonHistoryPopup(false);\r\n\t\t}\r\n\t}, [successPersonHistoryUpdate, errorPersonHistoryUpdate]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorPersonHistoryRemove) {\r\n\t\t\ttoast.error(errorPersonHistoryRemove);\r\n\t\t}\r\n\r\n\t\tif (successPersonHistoryRemove) {\r\n\t\t\ttoast.success(successPersonHistoryRemove);\r\n\t\t\ttrackPromise(dispatch(getPersonHistories(person.personId)));\r\n\t\t\tsetOpenPersonHistoryPopup(false);\r\n\t\t}\r\n\t}, [successPersonHistoryRemove, errorPersonHistoryRemove]);\r\n\r\n\tconst handleRemovePersonHistory = (personHistory) => {\r\n\t\tdispatch(removePersonHistory(personHistory.personHistoryId));\r\n\t};\r\n\r\n\tconst handleSavePersonHistory = (personHistory) => {\r\n\t\tif (personHistory.personHistoryId) {\r\n\t\t\tdispatch(updatePersonHistory(personHistory));\r\n\t\t} else {\r\n\t\t\tdispatch(addPersonHistory(personHistory));\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default Monthly;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n// import AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport Box from '@material-ui/core/Box';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport PersonForm from '../personForm';\r\n// import { Paper } from '@material-ui/core';\r\nimport Monthly from '../monthly';\r\nimport { useSelector } from 'react-redux';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\tflexGrow: 1,\r\n\t},\r\n}));\r\n\r\nconst TabPanel = (props) => {\r\n\tconst { children, value, index, classes, ...other } = props;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t\t{personHistories && (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t)}\r\n\t\t\r\n\t\t\t{value === index && (\r\n\t\t\t\t\r\n\t\t\t\t\t{children} \r\n\t\t\t\t \r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nfunction a11yProps(index) {\r\n\treturn {\r\n\t\tid: `person-tab-${index}`,\r\n\t\t'aria-controls': `person-tabpanel-${index}`,\r\n\t};\r\n}\r\n\r\nconst Registration = ({ dependent, setOpenPopup, handleSaveDependent, isLoading, error, success }) => {\r\n\tconst classes = useStyles();\r\n\tconst [value, setValue] = React.useState(0);\r\n\r\n\tconst handleChange = (event, newValue) => {\r\n\t\tsetValue(newValue);\r\n\t};\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t{userInfo && userInfo.isSuperUser && (\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default Registration;\r\n","export const Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'personId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Nome',\r\n\t\taccessor: 'name',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Telefone',\r\n\t\taccessor: 'telephone',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Unimed',\r\n\t\taccessor: 'unimedNumber',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Deslig.',\r\n\t\taccessor: 'situation',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? `Sim` : 'Não';\r\n\t\t},\r\n\t},\r\n\t// {\r\n\t// \tHeader: 'Cheque',\r\n\t// \taccessor: 'check',\r\n\t// \tCell: ({ value }) => {\r\n\t// \t\treturn value ? `Sim` : 'Não';\r\n\t// \t},\r\n\t// },\r\n];\r\n","import axios from 'axios';\r\n// import moment from 'moment';\r\n\r\nimport {\r\n\tDEPENDENTS_LIST_REQUEST,\r\n\tDEPENDENTS_LIST_SUCCESS,\r\n\tDEPENDENTS_LIST_FAIL,\r\n\tDEPENDENT_ADD_REQUEST,\r\n\tDEPENDENT_ADD_SUCCESS,\r\n\tDEPENDENT_ADD_FAIL,\r\n\tDEPENDENT_UPDATE_REQUEST,\r\n\tDEPENDENT_UPDATE_SUCCESS,\r\n\tDEPENDENT_UPDATE_FAIL,\r\n\tDEPENDENT_RESET,\r\n\tDEPENDENT_REMOVE_REQUEST,\r\n\tDEPENDENT_REMOVE_SUCCESS,\r\n\tDEPENDENT_REMOVE_FAIL,\r\n} from '../constants/dependentConstants';\r\n\r\nexport const listDependents = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENTS_LIST_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/dependent?associateId=${filter.associateId ? filter.associateId : ''}&sortCol=${filter.sortCol ? filter.sortCol : ''}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Dependents: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENTS_LIST_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tconsole.log('Dependents actions error: ', error);\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENTS_LIST_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const addDependent = (dependent, associate) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENT_ADD_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Dependent Info: ', dependent);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\t// let dependentInfo = dependent;\r\n\t\tdependent.associateId = associate.personId;\r\n\t\t// dependentInfo.birthDate = moment(dependent.birthDate).format(\r\n\t\t// \t'YYYY-DD-MM'\r\n\t\t// );\r\n\t\t// dependentInfo.dateAssociated = moment(\r\n\t\t// \tdependent.dateAssociated\r\n\t\t// ).format('YYYY-DD-MM');\r\n\t\t// dependentInfo.dateDesassociated = moment(\r\n\t\t// \tdependent.dateDesassociated\r\n\t\t// ).format('YYYY-DD-MM');\r\n\t\tdependent.createdByUser = userInfo.userId;\r\n\t\tdependent.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/dependent`, dependent, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENT_ADD_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: DEPENDENT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\t// if (message === 'Não autorizado') {\r\n\t\t// \tdispatch(logout());\r\n\t\t// }\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENT_ADD_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: DEPENDENT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const updateDependent = (dependent) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENT_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Dependent Info: ', dependent);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\t// let dependentInfo = dependent;\r\n\t\t// dependent.birthDate = moment(dependent.birthDate).format('YYYY-DD-MM');\r\n\t\t// dependent.dateAssociated = moment(dependent.dateAssociated).format(\r\n\t\t// \t'YYYY-DD-MM'\r\n\t\t// );\r\n\t\t// dependent.dateDesassociated = moment(\r\n\t\t// \tdependent.dateDesassociated\r\n\t\t// ).format('YYYY-DD-MM');\r\n\t\tdependent.createdByUser = userInfo.userId;\r\n\t\tdependent.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/dependent`, dependent, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENT_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: DEPENDENT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENT_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: DEPENDENT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const removeDependent = (dependent) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENT_REMOVE_REQUEST,\r\n\t\t});\r\n\r\n\t\tconsole.log('Dependent Info: ', dependent);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.delete(`${process.env.REACT_APP_API_URL}/api/dependent/${dependent.personId}`, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENT_REMOVE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: DEPENDENT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: DEPENDENT_REMOVE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: DEPENDENT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginBottom: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginBottom: 15,\r\n\t\tmarginRight: 15,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\tminWidth: 900,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t\tpaddingRight: 15,\r\n\t\tpaddingBottom: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\tmarginLeft: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n}));\r\n","import React, { useEffect, useState, useMemo } from 'react';\r\nimport clsx from 'clsx';\r\nimport { useTable, useSortBy, usePagination, useRowSelect } from 'react-table';\r\n\r\nimport { Button, Drawer, List, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport {\r\n\tEdit as EditIcon,\r\n\tAssignment as AssignmentIcon,\r\n\tViewWeek as ViewWeekIcon,\r\n\tAdd as PlusIcon,\r\n\tDelete as DeleteIcon,\r\n\t// RefreshOutlined,\r\n} from '@material-ui/icons';\r\n\r\n// * local components\r\nimport Spinner from '../../../../components/spinner';\r\nimport { Checkbox } from '../Checkbox/Checkbox';\r\nimport { Popup } from '../../../../components/popup/Popup';\r\nimport Registration from '../registration';\r\nimport StatementWindow from '../../../../components/statementWindow/statementWindow';\r\n\r\n// * table columns\r\nimport { Columns } from '../columns/dependentColumns';\r\n\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { addDependent, updateDependent, removeDependent } from '../../../../actions/dependentActions';\r\nimport { personalStatement, ownPersonalStatement } from '../../../../actions/statementActions';\r\n\r\nimport { useStyles } from '../useStyles';\r\n\r\nimport ConfirmDialog from '../../../../components/confirmDialog';\r\n\r\nconst Table = ({ associate, dependents, totalCount, isLoading, listDependents }) => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\tconst [dependentRegisterTitle, setDependentRegisterTitle] = useState('');\r\n\tconst [dependentsData, setDependentsData] = useState(dependents);\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\tconst [openPersonalStatementPopup, setOpenPersonalStatementPopup] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDependentsData(dependents);\r\n\t}, [dependents]);\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t- \r\n\t\t\t\t
Visualização de Colunas
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{allColumns.map((column) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t{rowSelected.original && userInfo.isAdmin && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t{/* refreshData()}\r\n\t\t\t\t\t\tclassName={classes.button}\r\n\t\t\t\t\t\tcolor='primary'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t}>\r\n\t\t\t\t\t\tColunas\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('left')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\t{column.isSorted ? (column.IsSortedDesc ? ' 🔽' : ' 🔼') : ''}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{page.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconsole.log('Double click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetOpenDependentEditPopup();\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t{totalCount} Dependente(s) Encontrado(s)\r\n\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Table;\r\n","import axios from 'axios';\r\n// import moment from 'moment';\r\n\r\nimport {\r\n\tASSOCIATE_LIST_REQUEST,\r\n\tASSOCIATE_LIST_SUCCESS,\r\n\tASSOCIATE_LIST_FAIL,\r\n\tASSOCIATE_ADD_REQUEST,\r\n\tASSOCIATE_ADD_SUCCESS,\r\n\tASSOCIATE_ADD_FAIL,\r\n\tASSOCIATE_UPDATE_REQUEST,\r\n\tASSOCIATE_UPDATE_SUCCESS,\r\n\tASSOCIATE_UPDATE_FAIL,\r\n\tASSOCIATE_RESET,\r\n\tASSOCIATE_REMOVE_REQUEST,\r\n\tASSOCIATE_REMOVE_SUCCESS,\r\n\tASSOCIATE_REMOVE_FAIL,\r\n\tASSOCIATE_GET_REQUEST,\r\n\tASSOCIATE_GET_SUCCESS,\r\n\tASSOCIATE_GET_FAIL,\r\n} from '../constants/associateConstants';\r\n\r\nexport const listAssociates = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_LIST_REQUEST,\r\n\t\t});\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/associate?startingDate=${\r\n\t\t\t\tfilter.startingDate ? filter.startingDate : ''\r\n\t\t\t}&endingDate=${\r\n\t\t\t\tfilter.endingDate ? filter.endingDate : ''\r\n\t\t\t}&filterDate=${\r\n\t\t\t\tfilter.filterDate ? filter.filterDate : ''\r\n\t\t\t}&filterSearch=${\r\n\t\t\t\tfilter.filterSearch ? filter.filterSearch : ''\r\n\t\t\t}&filterField=${\r\n\t\t\t\tfilter.filterField ? filter.filterField : ''\r\n\t\t\t}&pageNumber=${\r\n\t\t\t\tfilter.pageNumber ? filter.pageNumber : 0\r\n\t\t\t}&pageSize=${filter.pageSize ? filter.pageSize : 10}&sortCol=${\r\n\t\t\t\tfilter.sortCol ? filter.sortCol : ''\r\n\t\t\t}&situation=${filter.situation ? filter.situation : ''}&email=${\r\n\t\t\t\tfilter.email ? filter.email : ''\r\n\t\t\t}&cell=${filter.cell ? filter.cell : ''}&personAddress=${\r\n\t\t\t\tfilter.personAddress ? filter.personAddress : ''\r\n\t\t\t}&susNumber=${filter.susNumber ? filter.susNumber : ''}&owe=${\r\n\t\t\t\tfilter.owe ? filter.owe : ''\r\n\t\t\t}&check=${filter.check ? filter.check : ''}&dependent=${\r\n\t\t\t\tfilter.dependent ? filter.dependent : ''\r\n\t\t\t}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Associates: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_LIST_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_LIST_FAIL,\r\n\t\t\tpayload:\r\n\t\t\t\terror.response && error.response.data.message\r\n\t\t\t\t\t? error.response.data.message\r\n\t\t\t\t\t: error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const getAssociate = (personId) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_GET_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/associate/${personId}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Associates: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_GET_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_GET_FAIL,\r\n\t\t\tpayload:\r\n\t\t\t\terror.response && error.response.data.message\r\n\t\t\t\t\t? error.response.data.message\r\n\t\t\t\t\t: error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const addAssociate = (associate) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_ADD_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\t// associate.birthDate = moment(associate.birthDate).format('YYYY-DD-MM');\r\n\t\t// associate.dateAssociated = moment(associate.dateAssociated).format(\r\n\t\t// \t'YYYY-DD-MM'\r\n\t\t// );\r\n\t\t// associate.dateDesassociated = moment(\r\n\t\t// \tassociate.dateDesassociated\r\n\t\t// ).format('YYYY-DD-MM');\r\n\t\tassociate.createdByUser = userInfo.userId;\r\n\t\tassociate.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.post(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/associate`,\r\n\t\t\tassociate,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_ADD_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: ASSOCIATE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message =\r\n\t\t\terror.response && error.response.data.message\r\n\t\t\t\t? error.response.data.message\r\n\t\t\t\t: error.message;\r\n\t\t// if (message === 'Não autorizado') {\r\n\t\t// \tdispatch(logout());\r\n\t\t// }\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_ADD_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: ASSOCIATE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const updateAssociate = (associate) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\t// let associateInfo = associate;\r\n\t\t// associateInfo.birthDate = moment(associate.birthDate).format(\r\n\t\t// \t'YYYY-DD-MM'\r\n\t\t// );\r\n\t\t// associateInfo.dateAssociated = moment(associate.dateAssociated).format(\r\n\t\t// \t'YYYY-DD-MM'\r\n\t\t// );\r\n\t\t// associateInfo.dateDesassociated = moment(\r\n\t\t// \tassociate.dateDesassociated\r\n\t\t// ).format('YYYY-DD-MM');\r\n\t\tassociate.createdByUser = userInfo.userId;\r\n\t\tassociate.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.put(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/associate`,\r\n\t\t\tassociate,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: ASSOCIATE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message =\r\n\t\t\terror.response && error.response.data.message\r\n\t\t\t\t? error.response.data.message\r\n\t\t\t\t: error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: ASSOCIATE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const removeAssociate = (associate) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_REMOVE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.delete(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/associate/${associate.personId}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_REMOVE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: ASSOCIATE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message =\r\n\t\t\terror.response && error.response.data.message\r\n\t\t\t\t? error.response.data.message\r\n\t\t\t\t: error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: ASSOCIATE_REMOVE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: ASSOCIATE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginBottom: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginBottom: 15,\r\n\t\tmarginTop: 15,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\tmarginLeft: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n}));\r\n","import React, { useEffect, useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Button, TextField, CircularProgress, FormControl, InputLabel, Select, MenuItem } from '@material-ui/core';\r\n\r\nimport moment from 'moment';\r\n\r\nimport years from '../../../../data/years';\r\nimport months from '../../../../data/months';\r\n\r\nimport DatePicker from '../../../../components/datePicker';\r\nimport MyCurrencyTextField from '../../../../components/myCurrencyTextField';\r\n\r\nconst date = new Date();\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\t'& > *': {\r\n\t\t\tmargin: theme.spacing(2),\r\n\t\t},\r\n\t},\r\n\tformControl: {\r\n\t\twidth: '22ch',\r\n\t},\r\n\tsaveButton: {\r\n\t\twidth: '100%',\r\n\t\theight: 40,\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n\r\nconst Receive = ({ person, handleReceivePayment, paymentUpdateLoading }) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst [selectedYear, setSelectedYear] = useState('2023');\r\n\tconst [selectedMonth, setSelectedMonth] = useState(date.getMonth());\r\n\tconst [receiveDate, setReceiveDate] = useState(new Date());\r\n\tconst [amountPaid, setAmountPaid] = useState(0);\r\n\tconst [bankFee, setBankFee] = useState(0);\r\n\r\n\tconst receivePaymentHandler = () => {\r\n\t\thandleReceivePayment({\r\n\t\t\tpersonId: person.personId,\r\n\t\t\tselectedMonth,\r\n\t\t\tselectedYear,\r\n\t\t\treceiveDate: moment(new Date(receiveDate)).format('yyyy-MM-DD'),\r\n\t\t\tbankFee,\r\n\t\t\tamountPaid,\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Receive;\r\n","import React, { useEffect, useState, useMemo } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport clsx from 'clsx';\r\nimport { useTable, useSortBy, usePagination, useRowSelect } from 'react-table';\r\n\r\nimport { FormControl, InputLabel, MenuItem, Select, Drawer, Button, List, TableBody, TableCell, TableHead, TableRow, Typography, Box } from '@material-ui/core';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport {\r\n\tEdit as EditIcon,\r\n\tAssignment as AssignmentIcon,\r\n\tAssignmentReturned as AssignmentReturnedIcon,\r\n\tViewWeek as ViewWeekIcon,\r\n\t// Add as PlusIcon,\r\n\tPeople as PeopleIcon,\r\n\tDelete as DeleteIcon,\r\n} from '@material-ui/icons';\r\n\r\n// * local components\r\nimport Spinner from '../../../../components/spinner';\r\nimport { Checkbox } from '../checkbox/Checkbox';\r\nimport Pagination from '../../../../components/pagination';\r\nimport { Popup } from '../../../../components/popup/Popup';\r\nimport Registration from '../registration';\r\nimport StatementWindow from '../../../../components/statementWindow/statementWindow';\r\n\r\n// * table columns\r\nimport { Columns } from '../columns/associateColumns';\r\n\r\n// * dependents table component\r\nimport DependentsTable from '../../../myDependents/components/table';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listDependents } from '../../../../actions/dependentActions';\r\nimport { listAssociates } from '../../../../actions/associateActions';\r\n\r\nimport ConfirmDialog from '../../../../components/confirmDialog';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from '../useStyles';\r\n\r\nimport Receive from '../receive';\r\n\r\nconst Table = ({\r\n\tdata,\r\n\trowSelected,\r\n\tsetRowSelected,\r\n\ttotalCount,\r\n\thandlePageClick,\r\n\thandlePageSizeClick,\r\n\thandleSaveAssociate,\r\n\thandleRemoveAssociate,\r\n\tisLoading,\r\n\terror,\r\n\tsuccess,\r\n\tpaymentUpdateLoading,\r\n\tpaymentUpdateError,\r\n\tpaymentUpdateSuccess,\r\n\tpersonalStatementHandler,\r\n\townPersonalStatementHandler,\r\n\tpersonalStatementLoading,\r\n\townPersonalStatementLoading,\r\n\thandleReceivePayment,\r\n\tsetOpenReceivePaymentPopup,\r\n\topenReceivePaymentPopup,\r\n}) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\tconst dependentsList = useSelector((state) => state.dependentsList);\r\n\tconst { dependents } = dependentsList;\r\n\r\n\tconst associatesList = useSelector((state) => state.associatesList);\r\n\tconst { associates } = associatesList;\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst [associateRegisterTitle, setAssociateRegisterTitle] = useState('');\r\n\tconst [associatesData, setAssociatesData] = useState(data);\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tsetAssociatesData(data);\r\n\t}, [data]);\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t- \r\n\t\t\t\t
Visualização de Colunas
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{allColumns.map((column) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t{rowSelected.original && userInfo.isAdmin && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{dependents ? (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tNenhum registro encontrado \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t{userInfo.isAdmin && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t}>\r\n\t\t\t\t\t\tColunas\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('right')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\t{column.isSorted ? (column.IsSortedDesc ? ' 🔽' : ' 🔼') : ''}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{page.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconsole.log('Double click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetOpenAssociatePopup();\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tAssociados por Página \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\r\n\t\t\t\t\t\t\thandlePageSizeClick(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Associados por Página'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{[10, 40, 100].map((pageSize) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Table;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport clsx from 'clsx';\r\n\r\n// * table search\r\nimport {\r\n\t// FormControlLabel,\r\n\t// Checkbox,\r\n\tList,\r\n\tPaper,\r\n\tInputLabel,\r\n\tInputBase,\r\n\tSelect,\r\n\tMenuItem,\r\n\tFormControl,\r\n\tTextField,\r\n\tButton,\r\n\tIconButton,\r\n\tDrawer,\r\n} from '@material-ui/core';\r\n\r\nimport {\r\n\tSearch as SearchIcon,\r\n\t// CallSplit as CallSplitIcon,\r\n\tAdd as PlusIcon,\r\n} from '@material-ui/icons';\r\nimport { BiFilterAlt } from 'react-icons/bi';\r\n\r\n// components\r\nimport PageTitle from '../../components/pageTitle';\r\nimport Table from './components/table';\r\nimport { Popup } from '../../components/popup/Popup';\r\nimport Registration from './components/registration';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listAssociates, addAssociate, updateAssociate, removeAssociate } from '../../actions/associateActions';\r\nimport { personalStatement, ownPersonalStatement } from '../../actions/statementActions';\r\nimport { updatePayment } from '../../actions/paymentActions';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from './components/useStyles';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst Associates = () => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\tconst associatesList = useSelector((state) => state.associatesList);\r\n\tconst { associates, total, error } = associatesList;\r\n\r\n\tconst associateAdd = useSelector((state) => state.associateAdd);\r\n\tconst { error: associateAddError, loading: isLoading, success: associateAddSuccess } = associateAdd;\r\n\r\n\tconst associateUpdate = useSelector((state) => state.associateUpdate);\r\n\tconst { success: associateUpdateSuccess, error: associateUpdateError } = associateUpdate;\r\n\r\n\tconst associateRemove = useSelector((state) => state.associateRemove);\r\n\tconst { success: associateRemoveSuccess, error: associateRemoveError } = associateRemove;\r\n\r\n\tconst statementPersonal = useSelector((state) => state.statementPersonal);\r\n\tconst { loading: personalStatementLoading } = statementPersonal;\r\n\r\n\tconst statementOwnPersonal = useSelector((state) => state.statementOwnPersonal);\r\n\tconst { loading: ownPersonalStatementLoading } = statementOwnPersonal;\r\n\r\n\tconst paymentUpdate = useSelector((state) => state.paymentUpdate);\r\n\tconst { success: paymentUpdateSuccess, error: paymentUpdateError, loading: paymentUpdateLoading } = paymentUpdate;\r\n\r\n\tconst [page, setPage] = useState(0);\r\n\tconst [pageSize, setPageSize] = useState(10);\r\n\tconst [searchValue, setSearchValue] = useState('');\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\tconst [selectedFilterField, setSelectedFilterField] = useState('');\r\n\tconst [situation, setSituation] = useState('');\r\n\tconst [check, setCheck] = useState('');\r\n\tconst [openAssociatePopup, setOpenAssociatePopup] = useState(false);\r\n\tconst [openReceivePaymentPopup, setOpenReceivePaymentPopup] = useState(false);\r\n\r\n\tconst inputSearchRef = useRef('');\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistAssociates({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t}, [pageSize]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\r\n\t\tif (paymentUpdateError) {\r\n\t\t\ttoast.error(paymentUpdateError);\r\n\t\t}\r\n\r\n\t\tif (paymentUpdateSuccess) {\r\n\t\t\ttoast.success(paymentUpdateSuccess);\r\n\t\t\tsetOpenReceivePaymentPopup(false);\r\n\t\t}\r\n\t}, [error, paymentUpdateError, paymentUpdateSuccess]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (associateAddError) {\r\n\t\t\ttoast.error(associateAddError);\r\n\t\t}\r\n\r\n\t\tif (associateAddSuccess) {\r\n\t\t\ttoast.success(associateAddSuccess);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistAssociates({\r\n\t\t\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 1,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'createdOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t}, [associateAddSuccess, associateAddError]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (associateUpdateError) {\r\n\t\t\ttoast.error(associateUpdateError);\r\n\t\t}\r\n\r\n\t\tif (associateUpdateSuccess) {\r\n\t\t\ttoast.success(associateUpdateSuccess);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistAssociates({\r\n\t\t\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 1,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'p.modifiedOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t}, [associateUpdateSuccess, associateUpdateError]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (associateRemoveSuccess) {\r\n\t\t\ttoast.success(associateRemoveSuccess);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistAssociates({\r\n\t\t\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\r\n\t\tif (associateRemoveError) {\r\n\t\t\ttoast.error(associateRemoveError);\r\n\t\t}\r\n\t}, [associateRemoveSuccess, associateRemoveError]);\r\n\r\n\tconst handlePageClick = (data) => {\r\n\t\tlet selected = data.selected;\r\n\t\tsetPage(selected);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistAssociates({\r\n\t\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: selected,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handlePageSizeClick = (ps) => {\r\n\t\tsetPageSize(ps);\r\n\t};\r\n\r\n\tconst handleSearch = (e) => {\r\n\t\te.preventDefault();\r\n\t\tsetSearchValue(inputSearchRef.current.value);\r\n\t\tsetRowSelected([]);\r\n\t\tsetPage(0);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistAssociates({\r\n\t\t\t\t\tsituation,\r\n\t\t\t\t\tcheck,\r\n\t\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\t\tfilterSearch: inputSearchRef.current.value,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handleSaveAssociate = (values) => {\r\n\t\t// console.log('New Values: ', values);\r\n\t\tif (values.personId) {\r\n\t\t\ttrackPromise(dispatch(updateAssociate(values)));\r\n\t\t} else {\r\n\t\t\ttrackPromise(dispatch(addAssociate(values)));\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleRemoveAssociate = (person) => {\r\n\t\ttrackPromise(dispatch(removeAssociate(person)));\r\n\t};\r\n\r\n\tconst personalStatementHandler = (person, month, year) => {\r\n\t\tdispatch(personalStatement(person, month, year));\r\n\t};\r\n\r\n\tconst ownPersonalStatementHandler = (person, month, year) => {\r\n\t\tdispatch(ownPersonalStatement(person, month, year));\r\n\t};\r\n\r\n\tconst handleReceivePayment = (paymentInfo) => {\r\n\t\tdispatch(updatePayment(paymentInfo));\r\n\t};\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t- \r\n\t\t\t\t
Filtros
\r\n\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t{associates ? (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t handleSearch(e)}>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tsetOpenAssociatePopup(true);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tstyle={{ marginRight: 10 }}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{list('left')}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\tNenhum registro encontrado
\r\n\t\t\t)}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Associates;\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginBottom: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginBottom: 15,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t\toverflow: 'hidden',\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\t// marginLeft: 15,\r\n\t\tmarginBottom: 15,\r\n\t\tmarginRight: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n\tformButtons: {\r\n\t\twidth: '100%',\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t},\r\n}));\r\n","import React, { useRef, useEffect } from 'react';\r\n\r\nexport const Checkbox = React.forwardRef(({ indeterminate, ...rest }, ref) => {\r\n\tconst defaultRef = useRef();\r\n\tconst resolveRef = ref || defaultRef;\r\n\r\n\tuseEffect(() => {\r\n\t\tresolveRef.current.indeterminate = indeterminate;\r\n\t}, [resolveRef, indeterminate]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\r\n\t);\r\n});\r\n","import moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport const Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'checkId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'MASP',\r\n\t\taccessor: 'masp',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Associado',\r\n\t\taccessor: 'name',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Convênio',\r\n\t\taccessor: 'fantasyName',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Cheque Or.',\r\n\t\taccessor: 'oldCheckNumber',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Cheque',\r\n\t\taccessor: 'checkNumber',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Valor $',\r\n\t\taccessor: 'checkAmount',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2).replace('.', ',') : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Mês REF',\r\n\t\taccessor: 'addedOnDate',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('MMMM/yyyy') : null;\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Lançado Em',\r\n\t\taccessor: 'createdOnDate',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('DD/MM/yyyy') : null;\r\n\t\t},\r\n\t\tshow: false,\r\n\t},\r\n];\r\n","import axios from 'axios';\r\n// import moment from 'moment';\r\nimport download from 'downloadjs';\r\n\r\nimport {\r\n\tCHECK_GET_REQUEST,\r\n\tCHECK_GET_SUCCESS,\r\n\tCHECK_GET_FAIL,\r\n\tCHECK_SEQUENCE_REQUEST,\r\n\tCHECK_SEQUENCE_SUCCESS,\r\n\tCHECK_SEQUENCE_FAIL,\r\n\tCHECK_ADD_REQUEST,\r\n\tCHECK_ADD_SUCCESS,\r\n\tCHECK_ADD_FAIL,\r\n\tCHECK_UPDATE_REQUEST,\r\n\tCHECK_UPDATE_SUCCESS,\r\n\tCHECK_UPDATE_FAIL,\r\n\tCHECK_RESET,\r\n\tCHECK_LIST_REQUEST,\r\n\tCHECK_LIST_SUCCESS,\r\n\tCHECK_LIST_FAIL,\r\n\tCHECKS_REPORT_REQUEST,\r\n\tCHECKS_REPORT_SUCCESS,\r\n\tCHECKS_REPORT_FAIL,\r\n} from '../constants/checkConstants';\r\n\r\nexport const listChecks = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_LIST_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/check?startingDate=${filter.startingDate ? filter.startingDate : ''}&endingDate=${filter.endingDate ? filter.endingDate : ''}&filterDate=${\r\n\t\t\t\tfilter.filterDate ? filter.filterDate : ''\r\n\t\t\t}&filterSearch=${filter.filterSearch ? filter.filterSearch : ''}&filterField=${filter.filterField ? filter.filterField : ''}&pageNumber=${\r\n\t\t\t\tfilter.pageNumber ? filter.pageNumber : 0\r\n\t\t\t}&pageSize=${filter.pageSize ? filter.pageSize : 10}&sortCol=${filter.sortCol ? filter.sortCol : ''}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Associates: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_LIST_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_LIST_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const getCheck = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_GET_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/check/getCheck?personId=${filter.personId}&checkId=${filter.checkId}&checkNumber=${filter.checkNumber}&checkOldNumber=${filter.checkOldNumber}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_GET_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\t// setTimeout(() => {\r\n\t\t// \tdispatch({\r\n\t\t// \t\ttype: CHECK_RESET,\r\n\t\t// \t});\r\n\t\t// }, 3000);\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_GET_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const getCheckSequence = (personId, checkDate) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_SEQUENCE_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(`${process.env.REACT_APP_API_URL}/api/check/getCheckSequence?personId=${personId}&checkDate=${checkDate}`, config);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_SEQUENCE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_SEQUENCE_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const addCheck = (check) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_ADD_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tcheck.createdByUser = userInfo.userId;\r\n\t\tcheck.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/check`, check, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_ADD_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: CHECK_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_ADD_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: CHECK_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const updateCheck = (check) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tcheck.createdByUser = userInfo.userId;\r\n\t\tcheck.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/check`, check, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: CHECK_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: CHECK_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: CHECK_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const getChecksReport = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECKS_REPORT_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst response = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/check/getChecksReport?startingDate=${filter.startingDate ? filter.startingDate : ''}&endingDate=${\r\n\t\t\t\tfilter.endingDate ? filter.endingDate : ''\r\n\t\t\t}&filterDate=${filter.filterDate ? filter.filterDate : ''}&filterSearch=${filter.filterSearch ? filter.filterSearch : ''}&filterField=${\r\n\t\t\t\tfilter.filterField ? filter.filterField : ''\r\n\t\t\t}&pageNumber=${filter.pageNumber ? filter.pageNumber : 0}&pageSize=${filter.pageSize ? filter.pageSize : 10}&sortCol=${filter.sortCol ? filter.sortCol : ''}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Checks: ', response.data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: CHECKS_REPORT_SUCCESS,\r\n\t\t});\r\n\r\n\t\tconst content = response.headers['content-type'];\r\n\t\tdownload(response.data, `Relatorio_Checks.html`, content);\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: CHECKS_REPORT_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n","import axios from 'axios';\r\n\r\nimport {\r\n\tCOVENANT_LIST_REQUEST,\r\n\tCOVENANT_LIST_SUCCESS,\r\n\tCOVENANT_LIST_FAIL,\r\n\tCOVENANT_ADD_REQUEST,\r\n\tCOVENANT_ADD_SUCCESS,\r\n\tCOVENANT_ADD_FAIL,\r\n\tCOVENANT_UPDATE_REQUEST,\r\n\tCOVENANT_UPDATE_SUCCESS,\r\n\tCOVENANT_UPDATE_FAIL,\r\n\tCOVENANT_RESET,\r\n\tCOVENANT_REMOVE_REQUEST,\r\n\tCOVENANT_REMOVE_SUCCESS,\r\n\tCOVENANT_REMOVE_FAIL,\r\n} from '../constants/covenantConstants';\r\n\r\nexport const listCovenants = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_LIST_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/covenant?filterSearch=${filter.filterSearch ? filter.filterSearch : ''}&pageNumber=${\r\n\t\t\t\tfilter.pageNumber ? filter.pageNumber : 0\r\n\t\t\t}&pageSize=${filter.pageSize ? filter.pageSize : 10}&sortCol=${filter.sortCol ? filter.sortCol : ''}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_LIST_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_LIST_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const addCovenant = (covenant) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_ADD_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Covenant Info: ', covenant);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tcovenant.createdByUser = userInfo.userId;\r\n\t\tcovenant.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/covenant`, covenant, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_ADD_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: COVENANT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\t// if (message === 'Não autorizado') {\r\n\t\t// \tdispatch(logout());\r\n\t\t// }\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_ADD_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: COVENANT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const updateCovenant = (covenant) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Covenant Info: ', covenant);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tcovenant.createdByUser = userInfo.userId;\r\n\t\tcovenant.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/covenant`, covenant, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: COVENANT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: COVENANT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const removeCovenant = (covenant) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_REMOVE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Covenant Info: ', covenant);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.delete(`${process.env.REACT_APP_API_URL}/api/covenant/${covenant.covenantId}`, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_REMOVE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: COVENANT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: COVENANT_REMOVE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: COVENANT_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n","import React, { useEffect, useRef, useState } from 'react';\r\n\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { getCheck, updateCheck } from '../../../../actions/checkActions';\r\nimport { listAssociates } from '../../../../actions/associateActions';\r\nimport { listCovenants } from '../../../../actions/covenantActions';\r\n\r\nimport AsyncSelect from 'react-select/async';\r\n\r\nimport DatePicker from '../../../../components/datePicker/datePicker';\r\nimport { FormControl, InputLabel, TextField, Button, CircularProgress } from '@material-ui/core';\r\nimport { useStyles } from '../useStyles';\r\nimport moment from 'moment';\r\n\r\nimport MyCurrencyTextField from '../../../../components/myCurrencyTextField';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst date = new Date();\r\n\r\nconst UpdateChecks = ({ setOpenCheckPopup, check }) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst classes = useStyles();\r\n\r\n\tconst [associate, setAssociate] = useState({});\r\n\t// const [name, setName] = useState('');\r\n\tconst [personId, setPeronId] = useState(0);\r\n\tconst [covenant, setCovenant] = useState({});\r\n\tconst [checkId, setCheckId] = useState(null);\r\n\tconst [dateSelected, setDateSelected] = useState(date);\r\n\t// const [checkCount, setCheckCount] = useState(0);\r\n\t// const [checkLatest, setCheckLatest] = useState(0);\r\n\tconst [checkNumber, setCheckNumber] = useState('');\r\n\tconst [oldCheckNumber, setOldCheckNumber] = useState('');\r\n\tconst [checkAmount, setCheckAmount] = useState(0);\r\n\tconst [result, setResult] = useState('');\r\n\tconst [buttonTitle, setButtonTitle] = useState('Lançar');\r\n\tconst oldCheckRef = useRef(null);\r\n\r\n\tconst checkGet = useSelector((state) => state.checkGet);\r\n\tconst {\r\n\t\tdata,\r\n\t\terror: getCheckError,\r\n\t\t// loading: loadingGetCheckNumber,\r\n\t} = checkGet;\r\n\r\n\tconst checkUpdate = useSelector((state) => state.checkUpdate);\r\n\tconst { loading: loadingUpdate, error: checkNumberError, success } = checkUpdate;\r\n\r\n\tconst associatesList = useSelector((state) => state.associatesList);\r\n\tconst { associates } = associatesList;\r\n\r\n\tconst covenantsList = useSelector((state) => state.covenantsList);\r\n\tconst { covenants } = covenantsList;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (check) {\r\n\t\t\tconsole.log('Check data: ', check);\r\n\t\t\t// setName(check.name);\r\n\t\t\tsetPeronId(check.personId);\r\n\t\t\tsetCovenant({\r\n\t\t\t\tlabel: check.fantasyName,\r\n\t\t\t\tvalue: check.covenantId,\r\n\t\t\t});\r\n\t\t\tsetAssociate({\r\n\t\t\t\tlabel: check.name,\r\n\t\t\t\tvalue: check.personId,\r\n\t\t\t});\r\n\t\t\tsetCheckId(check.checkId);\r\n\t\t\tsetDateSelected(new Date(check.addedOnDate));\r\n\t\t\tsetCheckAmount(check.checkAmount);\r\n\t\t\tsetCheckNumber(check.checkNumber);\r\n\t\t\tsetOldCheckNumber(check.oldCheckNumber);\r\n\t\t\tsetButtonTitle('Atualizar');\r\n\t\t} else {\r\n\t\t\tsetPeronId(0);\r\n\t\t\tsetCheckId(0);\r\n\t\t\tsetCheckNumber('');\r\n\t\t\tsetOldCheckNumber('');\r\n\t\t\tsetResult('');\r\n\t\t\tsetCheckAmount(0);\r\n\t\t}\r\n\t}, [check]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (checkNumberError) {\r\n\t\t\ttoast.error(checkNumberError);\r\n\t\t}\r\n\r\n\t\tif (getCheckError) {\r\n\t\t\ttoast.error(getCheckError);\r\n\t\t}\r\n\r\n\t\tif (success) {\r\n\t\t\ttoast.success(success);\r\n\t\t\tsetAssociate({ label: '', value: 0 });\r\n\t\t\tsetCovenant({ label: '', value: 0 });\r\n\t\t\t// setName('');\r\n\t\t\tsetPeronId(0);\r\n\t\t\tsetCheckId(0);\r\n\t\t\tsetCheckNumber('');\r\n\t\t\tsetOldCheckNumber('');\r\n\t\t\tsetResult('');\r\n\t\t\tsetCheckAmount(0);\r\n\t\t\tsetDateSelected(null);\r\n\t\t}\r\n\t}, [getCheckError, checkNumberError, success]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (data) {\r\n\t\t\tif (data.message) {\r\n\t\t\t\ttoast.error(data.message);\r\n\t\t\t} else {\r\n\t\t\t\t// console.log('Data: ', data);\r\n\t\t\t\t// setName(data.name);\r\n\t\t\t\tsetPeronId(data.personId);\r\n\t\t\t\tsetCheckId(data.checkId);\r\n\t\t\t\tsetCheckNumber(data.checkNumber);\r\n\t\t\t\tsetOldCheckNumber(data.oldCheckNumber);\r\n\t\t\t\tsetResult(data.checkCount - 1 + ' restantes.');\r\n\t\t\t\tsetCheckAmount(0);\r\n\t\t\t}\r\n\t\t}\r\n\t}, [data]);\r\n\r\n\tconst checkNumberChangeHandler = (e) => {\r\n\t\t// console.log('Number change: ', e.target.value);\r\n\t\tsetCheckNumber(e.target.value);\r\n\t};\r\n\r\n\tconst checkOldNumberChangeHandler = (e) => {\r\n\t\t// console.log('Old number change: ', e.target.value);\r\n\t\tsetOldCheckNumber(e.target.value);\r\n\t};\r\n\r\n\tconst updateCheckHandler = () => {\r\n\t\tif (personId) {\r\n\t\t\tdispatch(\r\n\t\t\t\tupdateCheck({\r\n\t\t\t\t\tpersonId: personId,\r\n\t\t\t\t\taddedOnDate: moment(new Date(dateSelected)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tcheckId,\r\n\t\t\t\t\toldCheckNumber,\r\n\t\t\t\t\tcovenantId: covenant.value,\r\n\t\t\t\t\tcheckAmount,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tconst loadAssociates = (inputValue, callback) => {\r\n\t\tif (inputValue.length > 1) {\r\n\t\t\tdispatch(\r\n\t\t\t\tlistAssociates({\r\n\t\t\t\t\tfilterSearch: inputValue,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tcheck: 1,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\r\n\t\t\tif (associates) {\r\n\t\t\t\tcallback(\r\n\t\t\t\t\tassociates.map((a) => ({\r\n\t\t\t\t\t\tlabel: a.name,\r\n\t\t\t\t\t\tvalue: a.personId,\r\n\t\t\t\t\t\tmember: a,\r\n\t\t\t\t\t}))\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst loadCovenants = (inputValue, callback) => {\r\n\t\tif (inputValue.length > 1) {\r\n\t\t\tdispatch(\r\n\t\t\t\tlistCovenants({\r\n\t\t\t\t\tfilterSearch: inputValue,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\r\n\t\t\tif (covenants) {\r\n\t\t\t\tcallback(\r\n\t\t\t\t\tcovenants.map((i) => ({\r\n\t\t\t\t\t\tlabel: i.fantasyName,\r\n\t\t\t\t\t\tvalue: i.covenantId,\r\n\t\t\t\t\t\tconv: i,\r\n\t\t\t\t\t}))\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\tConvênio \r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\tif (checkNumber || oldCheckNumber)\r\n\t\t\t\t\t\t\t\t\t\tdispatch(getCheck({ checkNumber }));\r\n\r\n\t\t\t\t\t\t\t\t\t// if (data) {\r\n\t\t\t\t\t\t\t\t\t// \tsetCheckId(data.checkId);\r\n\t\t\t\t\t\t\t\t\t// \tsetCheckNumber(data.checkNumber);\r\n\t\t\t\t\t\t\t\t\t// \tsetOldCheckNumber(data.oldCheckNumber);\r\n\t\t\t\t\t\t\t\t\t// \tsetAssociateInfo({\r\n\t\t\t\t\t\t\t\t\t// \t\tpersonId: data.personId,\r\n\t\t\t\t\t\t\t\t\t// \t\tname: data.name,\r\n\t\t\t\t\t\t\t\t\t// \t});\r\n\t\t\t\t\t\t\t\t\t// }\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tIr\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)} */}\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\tif (checkNumber || oldCheckNumber)\r\n\t\t\t\t\t\t\t\t\t\tdispatch(getCheck({ oldCheckNumber }));\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tIr\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)} */}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAssociado \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{/* {\r\n\t\t\t\t\t\t\t\t\tconsole.log(\r\n\t\t\t\t\t\t\t\t\t\t'Convenio selecionado: ',\r\n\t\t\t\t\t\t\t\t\t\titemOption\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\tsetAssociate(itemOption);\r\n\t\t\t\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\t\t\t\tgetCheck({\r\n\t\t\t\t\t\t\t\t\t\t\tpersonId: itemOption.value,\r\n\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/> */}\r\n\t\t\t\t\t\t\t '...'}\r\n\t\t\t\t\t\t\t\tloadOptions={loadAssociates}\r\n\t\t\t\t\t\t\t\tloadingMessage={() => '...'}\r\n\t\t\t\t\t\t\t\tonChange={(sel) => {\r\n\t\t\t\t\t\t\t\t\t// console.log('Selected associate: ', sel);\r\n\t\t\t\t\t\t\t\t\tsetAssociate(sel);\r\n\t\t\t\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\t\t\t\tgetCheck({\r\n\t\t\t\t\t\t\t\t\t\t\tpersonId: sel.value,\r\n\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t\t\t\t\t\toldCheckRef.current.focus();\r\n\t\t\t\t\t\t\t\t\t}, 100);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t{/* \r\n\t\t\t\t\t\t{loadingGetCheckNumber ? (\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\tif (associate)\r\n\t\t\t\t\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\t\t\t\t\tgetCheck({\r\n\t\t\t\t\t\t\t\t\t\t\t\tpersonId: associate.personId,\r\n\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tIr\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t
*/}\r\n\t\t\t\t\r\n\t\t\t\t\t\t '...'}\r\n\t\t\t\t\t\t\tloadOptions={loadCovenants}\r\n\t\t\t\t\t\t\tdefaultOptions\r\n\t\t\t\t\t\t\tloadingMessage={() => '...'}\r\n\t\t\t\t\t\t\tonChange={(sel) => {\r\n\t\t\t\t\t\t\t\tconsole.log('Selected covenant: ', sel);\r\n\t\t\t\t\t\t\t\tsetCovenant(sel);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{loadingUpdate ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{/*
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{name && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{name}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t
*/}\r\n\t\t\t\t\t\t{data && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{result}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{/* {checkSequences ? (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{checkSequences.checkLatest + 1} a {checkCount}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t) : null} */}\r\n\t\t\t\t\t- \r\n\t\t\t\t
Visualização de Colunas
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{allColumns.map((column) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t}>\r\n\t\t\t\t\t\tColunas\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('right')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\t{column.isSorted ? (column.IsSortedDesc ? ' 🔽' : ' 🔼') : ''}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{page.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconsole.log('Double click', row);\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tCheques por Página \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\r\n\t\t\t\t\t\t\thandlePageSizeClick(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Cheques por Página'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{[10, 40, 100].map((pageSize) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Table;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\n\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { getCheckSequence, addCheck } from '../../../../actions/checkActions';\r\nimport { listAssociates } from '../../../../actions/associateActions';\r\n\r\n// import SelectAsyncPaginate from '../../../../components/selectAsyncPagenate';\r\nimport AsyncSelect from 'react-select/async';\r\n\r\nimport DatePicker from '../../../../components/datePicker/datePicker';\r\nimport { FormControl, InputLabel, TextField, Button, CircularProgress } from '@material-ui/core';\r\nimport { useStyles } from '../useStyles';\r\nimport moment from 'moment';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst date = new Date();\r\n\r\nconst GenerateChecks = ({ openNewCheckPopup, setOpenNewCheckPopup }) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst classes = useStyles();\r\n\r\n\tconst [quantity, setQuantity] = useState(1);\r\n\tconst [checkCount, setCheckCount] = useState(0);\r\n\tconst [checkLatest, setCheckLatest] = useState(0);\r\n\r\n\tconst [associate, setAssociate] = useState({});\r\n\tconst [dateSelected, setDateSelected] = useState(date);\r\n\r\n\tconst associatesList = useSelector((state) => state.associatesList);\r\n\tconst { associates } = associatesList;\r\n\r\n\tconst checkSequence = useSelector((state) => state.checkSequence);\r\n\tconst { checkSequences, loading } = checkSequence;\r\n\r\n\tconst checkAdd = useSelector((state) => state.checkAdd);\r\n\tconst { loading: loadingAdd, error, success } = checkAdd;\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(dispatch(getCheckSequence()));\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (checkSequences) {\r\n\t\t\tsetCheckCount(checkSequences.checkLatest + quantity);\r\n\t\t\tsetCheckLatest(checkSequences.checkLatest);\r\n\t\t}\r\n\t}, [loading]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\r\n\t\tif (success) {\r\n\t\t\ttoast.success(success);\r\n\t\t\tsetOpenNewCheckPopup(false);\r\n\t\t}\r\n\t}, [error, success]);\r\n\r\n\tconst qtyChangeHandler = (e) => {\r\n\t\tif (e.target.value && parseInt(e.target.value) > 0) {\r\n\t\t\tsetQuantity(e.target.value);\r\n\t\t\tsetCheckCount(checkLatest + parseInt(e.target.value));\r\n\t\t}\r\n\t};\r\n\r\n\tconst addCheckHandler = () => {\r\n\t\tif (associate.value) {\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\taddCheck({\r\n\t\t\t\t\t\tpersonId: associate.value,\r\n\t\t\t\t\t\tcheckDate: moment(new Date(dateSelected)).format('yyyy-MM-DD'),\r\n\t\t\t\t\t\tcheckQty: quantity,\r\n\t\t\t\t\t\tcheckLatest,\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tconst loadAssociates = (inputValue, callback) => {\r\n\t\tif (inputValue.length > 1) {\r\n\t\t\tdispatch(listAssociates({ filterSearch: inputValue, pageNumber: 0 }));\r\n\r\n\t\t\tif (associates) {\r\n\t\t\t\tcallback(\r\n\t\t\t\t\tassociates.map((a) => ({\r\n\t\t\t\t\t\tlabel: a.name,\r\n\t\t\t\t\t\tvalue: a.personId,\r\n\t\t\t\t\t\tmember: a,\r\n\t\t\t\t\t}))\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\tAssociados \r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t{/* {\r\n\t\t\t\t\t\t\t// console.log('Associado selecionado: ', itemOption);\r\n\t\t\t\t\t\t\tsetAssociate(itemOption);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/> */}\r\n\t\t\t\t\t '...'}\r\n\t\t\t\t\t\tloadOptions={loadAssociates}\r\n\t\t\t\t\t\tloadingMessage={() => '...'}\r\n\t\t\t\t\t\tonChange={(sel) => {\r\n\t\t\t\t\t\t\t// console.log('Selected associate: ', sel);\r\n\t\t\t\t\t\t\tsetAssociate(sel);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t{checkSequences ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{checkSequences.checkLatest + 1} a {checkCount}\r\n\t\t\t\t\t\r\n\t\t\t\t) : null}\r\n\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default GenerateChecks;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport clsx from 'clsx';\r\n\r\n// * table search\r\nimport {\r\n\t// FormControlLabel,\r\n\t// Checkbox,\r\n\tList,\r\n\tPaper,\r\n\tInputLabel,\r\n\tInputBase,\r\n\tSelect,\r\n\tMenuItem,\r\n\tFormControl,\r\n\tTextField,\r\n\tButton,\r\n\tIconButton,\r\n\tDrawer,\r\n\tCircularProgress,\r\n} from '@material-ui/core';\r\n\r\nimport { Search as SearchIcon, Add as PlusIcon } from '@material-ui/icons';\r\nimport { BiFilterAlt } from 'react-icons/bi';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listAssociates, addAssociate, updateAssociate, removeAssociate } from '../../actions/associateActions';\r\nimport { personalStatement, ownPersonalStatement } from '../../actions/statementActions';\r\nimport { updatePayment } from '../../actions/paymentActions';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from './components/useStyles';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\n// components\r\nimport PageTitle from '../../components/pageTitle';\r\nimport Table from './components/checksTable';\r\nimport { Popup } from '../../components/popup/Popup';\r\n// import Registration from '../associates/components/registration';\r\n\r\n// * redux\r\nimport { listChecks, getChecksReport } from '../../actions/checkActions';\r\n\r\nimport GenerateChecks from './components/generateChecks';\r\nimport moment from 'moment';\r\n\r\nimport DatePicker from '../../components/datePicker/datePicker';\r\n\r\nconst date = new Date();\r\n\r\nconst Checks = () => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst checksList = useSelector((state) => state.checksList);\r\n\tconst { checks, total, error } = checksList;\r\n\r\n\tconst checksReport = useSelector((state) => state.checksReport);\r\n\tconst { loading: loadingChecksReport } = checksReport;\r\n\r\n\tconst [page, setPage] = useState(0);\r\n\tconst [pageSize, setPageSize] = useState(10);\r\n\tconst [searchValue, setSearchValue] = useState('');\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\tconst [selectedFilterField, setSelectedFilterField] = useState('');\r\n\tconst [openNewCheckPopup, setOpenNewCheckPopup] = useState(false);\r\n\tconst [selectedDateFilter, setSelectedDateFilter] = useState('');\r\n\tconst [selectedStartingDate, setSelectedStartingDate] = useState(new Date(date.getFullYear(), date.getMonth(), 1));\r\n\tconst [selectedEndingDate, setSelectedEndingDate] = useState(new Date(date.getFullYear(), date.getMonth(), 30));\r\n\r\n\tconst inputSearchRef = useRef('');\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\t}, [error]);\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistChecks({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t}, [pageSize]);\r\n\r\n\tconst handlePageClick = (data) => {\r\n\t\tlet selected = data.selected;\r\n\t\tsetPage(selected);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistChecks({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tpageNumber: selected,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handlePageSizeClick = (ps) => {\r\n\t\tsetPage(0);\r\n\t\tsetPageSize(ps);\r\n\t};\r\n\r\n\tconst handleSearch = (e) => {\r\n\t\te.preventDefault();\r\n\t\tsetSearchValue(inputSearchRef.current.value);\r\n\t\tsetPage(0);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistChecks({\r\n\t\t\t\t\tfilterSearch: inputSearchRef.current.value,\r\n\t\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handleSaveAssociate = (values) => {\r\n\t\t// console.log('New Values: ', values);\r\n\t\tif (values.personId) {\r\n\t\t\ttrackPromise(dispatch(updateAssociate(values)));\r\n\t\t} else {\r\n\t\t\ttrackPromise(dispatch(addAssociate(values)));\r\n\t\t}\r\n\t};\r\n\r\n\tconst printHandler = (e) => {\r\n\t\te.preventDefault();\r\n\t\tdispatch(\r\n\t\t\tgetChecksReport({\r\n\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\tpageNumber: page,\r\n\t\t\t\tpageSize,\r\n\t\t\t})\r\n\t\t);\r\n\t};\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tDatas \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetSelectedDateFilter(e.target.value);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Datas'\r\n\t\t\t\t\t\tvariant='standard'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t setSelectedStartingDate(theDate)}\r\n\t\t\t\t\t\tlabel='Data Inicial'\r\n\t\t\t\t\t\tname='selectedStartingDate'\r\n\t\t\t\t\t\tmargin='normal'\r\n\t\t\t\t\t\tformat='dd/MM/yyyy'\r\n\t\t\t\t\t/>\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t setSelectedEndingDate(theDate)}\r\n\t\t\t\t\t\tlabel='Data Final'\r\n\t\t\t\t\t\tname='selectedEndingDate'\r\n\t\t\t\t\t\tmargin='normal'\r\n\t\t\t\t\t\tformat='dd/MM/yyyy'\r\n\t\t\t\t\t/>\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\tBuscar Por \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetSelectedFilterField(e.target.value);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Datas'\r\n\t\t\t\t\t\tvariant='standard'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t setSearchValue(e.target.value)}\r\n\t\t\t\t\t\tclassName={classes.textField}\r\n\t\t\t\t\t/>\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\thandleSearch(e);\r\n\t\t\t\t\t\t\ttoggleDrawer('left', false);\r\n\t\t\t\t\t\t\t// setSearchValue('');\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tcolor='primary'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\tBuscar\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\tFiltros
\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t{checks ? (\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tsetOpenNewCheckPopup(true);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tstyle={{ marginRight: 10 }}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{list('left')}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\tNenhum registro encontrado
\r\n\t\t\t)}\r\n\r\n\t\t\t\r\n\t\t\t\t{loadingChecksReport ? (\r\n\t\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Checks;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport { withRouter } from 'react-router-dom';\r\n\r\nimport { IconButton } from '@material-ui/core';\r\n\r\n// import {\r\n// \tAdd as PlusIcon,\r\n// \t// RefreshOutlined,\r\n// } from '@material-ui/icons';\r\n\r\nimport Table from '../myDependents/components/table';\r\n\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listDependents, addDependent } from '../../actions/dependentActions';\r\n\r\nimport PageTitle from '../../components/pageTitle';\r\nimport { Popup } from '../../components/popup/Popup';\r\nimport Registration from '../myDependents/components/registration';\r\n\r\nimport { useStyles } from '../myDependents/components/useStyles';\r\n\r\nconst Dependents = ({ location, history }) => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\t// const [openDependentAddPopup, setOpenDependentAddPopup] = useState(false);\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\tconst dependentsList = useSelector((state) => state.dependentsList);\r\n\tconst { dependents } = dependentsList;\r\n\r\n\tconst dependentAdd = useSelector((state) => state.dependentAdd);\r\n\tconst { loading: isLoading, success: successDependentAdd, error: errorDependentAdd } = dependentAdd;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!userInfo) {\r\n\t\t\thistory.push('/login?redirect=' + location.pathname);\r\n\t\t}\r\n\t}, [history, userInfo, location]);\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistDependents({\r\n\t\t\t\t\tassociateId: userInfo.personId,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t}, [userInfo]);\r\n\r\n\tconst handleSaveDependent = () => {\r\n\t\tdispatch(addDependent());\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t {\r\n\t\t\t\t\t\t\tsetOpenDependentAddPopup(true);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tstyle={{ marginRight: 10 }}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t{dependents && Financeiro
;\r\n};\r\n\r\nexport default withRouter(Finances);\r\n","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles((theme) => ({\r\n\tcontainer: {\r\n\t\theight: '100vh',\r\n\t\twidth: '100vw',\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'center',\r\n\t\talignItems: 'center',\r\n\t\tposition: 'absolute',\r\n\t\ttop: 0,\r\n\t\tleft: 0,\r\n\t},\r\n\tlogotypeContainer: {\r\n\t\tbackgroundColor: theme.palette.primary.main,\r\n\t\twidth: '60%',\r\n\t\theight: '100%',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tjustifyContent: 'center',\r\n\t\talignItems: 'center',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\twidth: '50%',\r\n\t\t},\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tdisplay: 'none',\r\n\t\t},\r\n\t},\r\n\tlogotypeImage: {\r\n\t\twidth: '60%',\r\n\t\tmarginBottom: theme.spacing(4),\r\n\t},\r\n\tlogotypeText: {\r\n\t\tcolor: 'white',\r\n\t\tfontWeight: 500,\r\n\t\tfontSize: 84,\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\tfontSize: 48,\r\n\t\t},\r\n\t},\r\n\tformContainer: {\r\n\t\twidth: '40%',\r\n\t\theight: '100%',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tjustifyContent: 'center',\r\n\t\talignItems: 'center',\r\n\t\t[theme.breakpoints.down('md')]: {\r\n\t\t\twidth: '50%',\r\n\t\t},\r\n\t},\r\n\tform: {\r\n\t\twidth: 320,\r\n\t},\r\n\ttab: {\r\n\t\tfontWeight: 400,\r\n\t\tfontSize: 18,\r\n\t},\r\n\tgreeting: {\r\n\t\tfontWeight: 500,\r\n\t\ttextAlign: 'center',\r\n\t\tmarginTop: theme.spacing(4),\r\n\t},\r\n\tsubGreeting: {\r\n\t\tfontWeight: 500,\r\n\t\ttextAlign: 'center',\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tcreatingButtonContainer: {\r\n\t\tmarginTop: theme.spacing(2.5),\r\n\t\theight: 46,\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'center',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tcreateAccountButton: {\r\n\t\theight: 46,\r\n\t\ttextTransform: 'none',\r\n\t},\r\n\tformDividerContainer: {\r\n\t\tmarginTop: theme.spacing(4),\r\n\t\tmarginBottom: theme.spacing(4),\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tformDividerWord: {\r\n\t\tpaddingLeft: theme.spacing(2),\r\n\t\tpaddingRight: theme.spacing(2),\r\n\t},\r\n\tformDivider: {\r\n\t\tflexGrow: 1,\r\n\t\theight: 1,\r\n\t\tbackgroundColor: theme.palette.text.hint + '40',\r\n\t},\r\n\terrorMessage: {\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\ttextFieldUnderline: {\r\n\t\t'&:before': {\r\n\t\t\tborderBottomColor: theme.palette.primary.light,\r\n\t\t},\r\n\t\t'&:after': {\r\n\t\t\tborderBottomColor: theme.palette.primary.main,\r\n\t\t},\r\n\t\t'&:hover:before': {\r\n\t\t\tborderBottomColor: `${theme.palette.primary.light} !important`,\r\n\t\t},\r\n\t},\r\n\ttextField: {\r\n\t\tborderBottomColor: theme.palette.background.light,\r\n\t},\r\n\tformButtons: {\r\n\t\twidth: '100%',\r\n\t\tmarginTop: theme.spacing(4),\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tforgetButton: {\r\n\t\ttextTransform: 'none',\r\n\t\tfontWeight: 400,\r\n\t\tdisplay: 'none',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n\tcopyright: {\r\n\t\tmarginTop: theme.spacing(4),\r\n\t\twhiteSpace: 'nowrap',\r\n\t\t[theme.breakpoints.up('md')]: {\r\n\t\t\tposition: 'absolute',\r\n\t\t\tbottom: theme.spacing(2),\r\n\t\t},\r\n\t},\r\n}));\r\n","export default __webpack_public_path__ + \"static/media/logo.513b5e69.png\";","import React, { useEffect, useState } from 'react';\r\nimport {\r\n\tGrid,\r\n\tCircularProgress,\r\n\tTypography,\r\n\tButton,\r\n\t// Tabs,\r\n\t// Tab,\r\n\tTextField,\r\n\tFade,\r\n} from '@material-ui/core';\r\n// import { withRouter } from 'react-router-dom';\r\n// import classnames from 'classnames';\r\n\r\n// styles\r\nimport useStyles from './styles';\r\n\r\n// context\r\n// import { useUserDispatch, loginUser } from '../../context/UserContext';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { login } from '../../actions/authActions';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\n\r\nimport logo from './logo.png';\r\n\r\nconst today = new Date();\r\nconst curHr = today.getHours();\r\n\r\nconst Login = () => {\r\n\tvar classes = useStyles();\r\n\tconst location = useLocation();\r\n\tconst history = useHistory();\r\n\r\n\t// global\r\n\t// var userDispatch = useUserDispatch();\r\n\tconst dispatch = useDispatch();\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { loading, error, userInfo } = userLogin;\r\n\r\n\t// local\r\n\tconst [loginValue, setLoginValue] = useState('');\r\n\tconst [passwordValue, setPasswordValue] = useState('');\r\n\tconst [greeting, setGreeting] = useState('');\r\n\r\n\tconst redirect = location.search ? location.search.split('=')[1] : '/';\r\n\r\n\tuseEffect(() => {\r\n\t\tif (curHr < 12) {\r\n\t\t\tsetGreeting('Bom Dia');\r\n\t\t} else if (curHr < 18) {\r\n\t\t\tsetGreeting('Boa Tarde');\r\n\t\t} else {\r\n\t\t\tsetGreeting('Boa Noite');\r\n\t\t}\r\n\r\n\t\t// console.log('Error: ', error);\r\n\t\tif (userInfo) {\r\n\t\t\thistory.push(redirect);\r\n\t\t}\r\n\t}, [history, userInfo, redirect]);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t© {new Date().getFullYear()}{' '}\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAFFADOCE\r\n\t\t\t\t\t{' '}\r\n\t\t\t\t\t- Todos direitos reservados.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAplicativo desenvolvido por Softek Automação Comercial\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{greeting}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tHá algo errado com seu login ou senha :(\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t setLoginValue(e.target.value)}\r\n\t\t\t\t\t\t\tmargin='normal'\r\n\t\t\t\t\t\t\tplaceholder='Email'\r\n\t\t\t\t\t\t\ttype='email'\r\n\t\t\t\t\t\t\tfullWidth\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t setPasswordValue(e.target.value)}\r\n\t\t\t\t\t\t\tmargin='normal'\r\n\t\t\t\t\t\t\tplaceholder='Senha'\r\n\t\t\t\t\t\t\ttype='password'\r\n\t\t\t\t\t\t\tfullWidth\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t{loading ? (\r\n\t\t\t\t\t\t\t\t dispatch(login(loginValue, passwordValue, history, redirect))}\r\n\t\t\t\t\t\t\t\t\tvariant='contained'\r\n\t\t\t\t\t\t\t\t\tcolor='primary'\r\n\t\t\t\t\t\t\t\t\tsize='large'\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\tLogin\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAplicativo desenvolvido por Softek Automação Comercial\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default withRouter(MyDependents);\r\n","import React, { useRef, useEffect } from 'react';\r\n\r\nexport const Checkbox = React.forwardRef(({ indeterminate, ...rest }, ref) => {\r\n\tconst defaultRef = useRef();\r\n\tconst resolveRef = ref || defaultRef;\r\n\r\n\tuseEffect(() => {\r\n\t\tresolveRef.current.indeterminate = indeterminate;\r\n\t}, [resolveRef, indeterminate]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n\t\t\r\n\t);\r\n});\r\n","import React, { useEffect, useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport { Button, Grid, FormControlLabel, Checkbox, TextField, CircularProgress, FormGroup } from '@material-ui/core';\r\nimport { useForm, Form } from '../../../../hooks/useForm';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nimport { useSelector } from 'react-redux';\r\n\r\nconst initialFValues = {\r\n\tuserId: 0,\r\n\tpersonId: 0,\r\n\tdisplayName: '',\r\n\tisSuperUser: false,\r\n\tisAdmin: false,\r\n\tauthorized: false,\r\n\tusername: '',\r\n\tpassword: 'senha123',\r\n\tcomment: '',\r\n\tcreatedByUser: 0,\r\n\tcreatedOnDate: null,\r\n\tmodifiedByUser: 0,\r\n\tmodifiedOnDate: null,\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tformControl: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tformButtons: {\r\n\t\twidth: '100%',\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n\r\n// const convertToDefEventPara = (name, value) => ({\r\n// \ttarget: {\r\n// \t\tname,\r\n// \t\tvalue,\r\n// \t},\r\n// });\r\n\r\nconst UserForm = ({\r\n\tuser,\r\n\t// setOpenPopup,\r\n\thandleSaveUser,\r\n\tisLoading,\r\n\terror,\r\n\tsuccess,\r\n}) => {\r\n\t// console.log('User data: ', user);\r\n\tconst classes = useStyles();\r\n\r\n\tconst [buttonText, setButtonText] = useState('Salvar');\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\tconst { values, setValues, handleInputChange, resetForm } = useForm(user ? user : initialFValues);\r\n\r\n\tconst [authorized, setAuthorized] = useState(values.authorized);\r\n\tconst [isSuperUser, setIsSuperUser] = useState(values.isSuperUser);\r\n\tconst [isAdmin, setIsAdmin] = useState(values.isAdmin);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (values.userId > 0) {\r\n\t\t\tsetButtonText('Atualizar');\r\n\t\t}\r\n\t}, [user]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\r\n\t\tif (success) {\r\n\t\t\ttoast.success(success);\r\n\t\t}\r\n\t}, [error, success]);\r\n\r\n\tconst handleCheckChange = ({ name, checked }) => {\r\n\t\tif (name === 'authorized') {\r\n\t\t\tsetAuthorized(checked);\r\n\t\t\tsetValues({ ...values, authorized: checked });\r\n\t\t}\r\n\t\tif (name === 'isSuperUser') {\r\n\t\t\tsetIsSuperUser(checked);\r\n\t\t\tsetValues({ ...values, isSuperUser: checked });\r\n\t\t}\r\n\t\tif (name === 'isAdmin') {\r\n\t\t\tsetIsAdmin(checked);\r\n\t\t\tsetValues({ ...values, isAdmin: checked });\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default UserForm;\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginBottom: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginBottom: 15,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\tmarginLeft: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n}));\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport { Grid, TextField, CircularProgress, Button } from '@material-ui/core';\r\n\r\nimport { useForm, Form } from '../../../../hooks/useForm';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { updatePassword } from '../../../../actions/authActions';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nimport { useStyles } from '../useStyles';\r\n\r\n// const initialFValues = {\r\n// \tuserId: 0,\r\n// \tusername: '',\r\n// \tpassword: '',\r\n// \tcreatedByUser: 0,\r\n// \tcreatedOnDate: null,\r\n// \tmodifiedByUser: 0,\r\n// \tmodifiedOnDate: null,\r\n// };\r\n\r\nconst LoginForm = ({ user }) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst classes = useStyles();\r\n\r\n\t// const { values, setValues, handleInputChange, resetForm } = useForm(\r\n\t// \tuser ? user : initialFValues\r\n\t// );\r\n\r\n\tconst [username, setUsername] = useState((user && user.username) || '');\r\n\tconst [password, setPassword] = useState('');\r\n\r\n\tconst passwordUpdate = useSelector((state) => state.passwordUpdate);\r\n\tconst { loading, error, success } = passwordUpdate;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\r\n\t\tif (success) {\r\n\t\t\ttoast.success(success);\r\n\t\t}\r\n\t}, [error, success]);\r\n\r\n\tconst updatePasswordHandler = () => {\r\n\t\tdispatch(updatePassword(username, password, user.userId));\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\tMeus dependentes
\r\n\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t// console.log('Values: ', values);\r\n\t\t\t\t\t\t\t\t// resetForm(initialFValues);\r\n\t\t\t\t\t\t\t\tupdatePasswordHandler();\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t// style={{ marginRight: 15 }}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tSalvar\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t{value === index && (\r\n\t\t\t\t\r\n\t\t\t\t\t{children} \r\n\t\t\t\t \r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nfunction a11yProps(index) {\r\n\treturn {\r\n\t\tid: `user-tab-${index}`,\r\n\t\t'aria-controls': `user-tabpanel-${index}`,\r\n\t};\r\n}\r\n\r\nconst Registration = ({ user, setOpenPopup, handleSaveUser, isLoading, error, success }) => {\r\n\tconst classes = useStyles();\r\n\tconst [value, setValue] = React.useState(0);\r\n\r\n\tconst handleChange = (event, newValue) => {\r\n\t\tsetValue(newValue);\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t\t \r\n\t\t\t{user && (\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t)}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default Registration;\r\n","export const Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'userId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Login',\r\n\t\taccessor: 'username',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Nome',\r\n\t\taccessor: 'displayName',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Super',\r\n\t\taccessor: 'isSuperUser',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? 'Sim' : 'Não';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Autorizado',\r\n\t\taccessor: 'authorized',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? 'Sim' : 'Não';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Admin',\r\n\t\taccessor: 'isAdmin',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? 'Sim' : 'Não';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Obs.:',\r\n\t\taccessor: 'comment',\r\n\t\tshow: false,\r\n\t},\r\n\t// {\r\n\t// \tHeader: 'Cheque',\r\n\t// \taccessor: 'check',\r\n\t// \tCell: ({ value }) => {\r\n\t// \t\treturn value ? `Sim` : 'Não';\r\n\t// \t},\r\n\t// },\r\n\t// {\r\n\t// \tHeader: 'Login',\r\n\t// \taccessor: 'userId',\r\n\t// \tCell: ({ value }) => {\r\n\t// \t\treturn value ? `Editar` : '';\r\n\t// \t},\r\n\t// },\r\n];\r\n","import axios from 'axios';\r\n// import moment from 'moment';\r\n\r\nimport {\r\n\tUSER_LIST_REQUEST,\r\n\tUSER_LIST_SUCCESS,\r\n\tUSER_LIST_FAIL,\r\n\tUSER_ADD_REQUEST,\r\n\tUSER_ADD_SUCCESS,\r\n\tUSER_ADD_FAIL,\r\n\tUSER_UPDATE_REQUEST,\r\n\tUSER_UPDATE_SUCCESS,\r\n\tUSER_UPDATE_FAIL,\r\n\tUSER_RESET,\r\n\tUSER_REMOVE_REQUEST,\r\n\tUSER_REMOVE_SUCCESS,\r\n\tUSER_REMOVE_FAIL,\r\n} from '../constants/userConstants';\r\n\r\nexport const listUsers = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: USER_LIST_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/user?filterSearch=${filter.filterSearch ? filter.filterSearch : ''}&filterField=${\r\n\t\t\t\tfilter.filterField ? filter.filterField : ''\r\n\t\t\t}&pageNumber=${filter.pageNumber ? filter.pageNumber : 0}&pageSize=${filter.pageSize ? filter.pageSize : 10}&sortCol=${\r\n\t\t\t\tfilter.sortCol ? filter.sortCol : ''\r\n\t\t\t}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Associates: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: USER_LIST_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: USER_LIST_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const addUser = (user) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: USER_ADD_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tuser.createdByUserId = userInfo.userId;\r\n\t\tuser.modifiedByUserId = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/user`, user, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: USER_ADD_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: USER_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\t// if (message === 'Não autorizado') {\r\n\t\t// \tdispatch(logout());\r\n\t\t// }\r\n\t\tdispatch({\r\n\t\t\ttype: USER_ADD_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: USER_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const updateUser = (user) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: USER_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tuser.createdByUserId = userInfo.userId;\r\n\t\tuser.modifiedByUserId = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/user`, user, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: USER_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: USER_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: USER_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: USER_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const removeUser = (user) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: USER_REMOVE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.delete(`${process.env.REACT_APP_API_URL}/api/user/${user.userId}`, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: USER_REMOVE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: USER_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: USER_REMOVE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: USER_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n","import React, { useEffect, useState, useMemo } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport clsx from 'clsx';\r\nimport { useTable, useSortBy, usePagination, useRowSelect } from 'react-table';\r\n\r\nimport {\r\n\tFormControl,\r\n\tInputLabel,\r\n\tMenuItem,\r\n\tSelect,\r\n\tDrawer,\r\n\tButton,\r\n\tList,\r\n\tTableBody,\r\n\tTableCell,\r\n\tTableHead,\r\n\tTableRow,\r\n\t// Typography,\r\n\t// Box,\r\n} from '@material-ui/core';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport {\r\n\tEdit as EditIcon,\r\n\t// Assignment as AssignmentIcon,\r\n\t// AssignmentReturned as AssignmentReturnedIcon,\r\n\tViewWeek as ViewWeekIcon,\r\n\t// Add as PlusIcon,\r\n\t// People as PeopleIcon,\r\n\tDelete as DeleteIcon,\r\n} from '@material-ui/icons';\r\n\r\n// * local components\r\nimport Spinner from '../../../../components/spinner';\r\nimport { Checkbox } from '../Checkbox/Checkbox';\r\nimport Pagination from '../../../../components/pagination';\r\nimport { Popup } from '../../../../components/popup/Popup';\r\nimport Registration from '../registration';\r\n\r\n// * table columns\r\nimport { Columns } from '../columns/userColumns';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listUsers } from '../../../../actions/userActions';\r\n\r\nimport ConfirmDialog from '../../../../components/confirmDialog';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from '../useStyles';\r\n\r\nconst Table = ({ data, totalCount, handlePageClick, handlePageSizeClick, handleSaveUser, handleRemoveUser, isLoading, error, success }) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst usersList = useSelector((state) => state.usersList);\r\n\tconst { users } = usersList;\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\tconst [userRegisterTitle, setUserRegisterTitle] = useState('');\r\n\tconst [usersData, setUsersData] = useState(data);\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\tconst [openUserPopup, setOpenUserPopup] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetUsersData(data);\r\n\t}, [data]);\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t- \r\n\t\t\t\t
Visualização de Colunas
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{allColumns.map((column) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t{rowSelected.original && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t}>\r\n\t\t\t\t\t\tColunas\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('right')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\t{column.isSorted ? (column.IsSortedDesc ? ' 🔽' : ' 🔼') : ''}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{page.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconsole.log('Double click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetOpenUserPopup();\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tUsuários por Página \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\r\n\t\t\t\t\t\t\thandlePageSizeClick(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Usuários por Página'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{[10, 40, 100].map((pageSize) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Table;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport clsx from 'clsx';\r\nimport { trackPromise } from 'react-promise-tracker';\r\n\r\n// * table search\r\nimport {\r\n\tPaper,\r\n\tInputBase,\r\n\tIconButton,\r\n\tDrawer,\r\n\tList,\r\n\tButton,\r\n\tFormControl,\r\n\t// InputLabel,\r\n\t// MenuItem,\r\n\t// Select,\r\n\tTextField,\r\n} from '@material-ui/core';\r\n\r\nimport {\r\n\tSearch as SearchIcon,\r\n\t// CallSplit as CallSplitIcon,\r\n\tAdd as PlusIcon,\r\n} from '@material-ui/icons';\r\nimport { BiFilterAlt } from 'react-icons/bi';\r\n\r\n// components\r\nimport PageTitle from '../../components/pageTitle';\r\nimport Table from './components/table';\r\nimport { Popup } from '../../components/popup/Popup';\r\nimport Registration from './components/registration';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listUsers, addUser, updateUser, removeUser } from '../../actions/userActions';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from './components/useStyles';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nimport classNames from 'classnames';\r\n\r\nconst Users = () => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst usersList = useSelector((state) => state.usersList);\r\n\tconst { users, total, error } = usersList;\r\n\r\n\tconst userAdd = useSelector((state) => state.userAdd);\r\n\tconst { error: userAddError, loading: isLoading, success: successAdd } = userAdd;\r\n\r\n\tconst userUpdate = useSelector((state) => state.userUpdate);\r\n\tconst { success: successUpdate, error: userUpdateError } = userUpdate;\r\n\r\n\tconst userRemove = useSelector((state) => state.userRemove);\r\n\tconst { success: successRemove, error: errorRemove } = userRemove;\r\n\r\n\tconst [page, setPage] = useState(0);\r\n\tconst [pageSize, setPageSize] = useState(10);\r\n\tconst [searchValue, setSearchValue] = useState('');\r\n\tconst [openUserPopup, setOpenUserPopup] = useState(false);\r\n\r\n\tconst inputSearchRef = useRef('');\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUsers({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t}, [pageSize]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\t}, [error]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (userAddError) {\r\n\t\t\ttoast.error(userAddError);\r\n\t\t}\r\n\r\n\t\tif (successAdd) {\r\n\t\t\ttoast.success(successAdd);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistUsers({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'modifiedOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsetOpenUserPopup(false);\r\n\t\t}\r\n\t}, [userAddError, successAdd]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (userUpdateError) {\r\n\t\t\ttoast.error(userUpdateError);\r\n\t\t}\r\n\r\n\t\tif (successUpdate) {\r\n\t\t\ttoast.success(successUpdate);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistUsers({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'modifiedOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsetOpenUserPopup(false);\r\n\t\t}\r\n\t}, [userUpdateError, successUpdate]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorRemove) {\r\n\t\t\ttoast.error(errorRemove);\r\n\t\t}\r\n\r\n\t\tif (successRemove) {\r\n\t\t\ttoast.success(successRemove);\r\n\t\t}\r\n\t}, [errorRemove, successRemove]);\r\n\r\n\tconst handlePageClick = (data) => {\r\n\t\tlet selected = data.selected;\r\n\t\tsetPage(selected);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUsers({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: selected,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handlePageSizeClick = (ps) => {\r\n\t\tsetPageSize(ps);\r\n\t};\r\n\r\n\tconst handleSearch = (e) => {\r\n\t\te.preventDefault();\r\n\t\tsetSearchValue(inputSearchRef.current.value);\r\n\t\tsetPage(0);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUsers({\r\n\t\t\t\t\tfilterSearch: inputSearchRef.current.value,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handleSaveUser = (values) => {\r\n\t\t// console.log('New Values: ', values);\r\n\t\tif (values.userId) {\r\n\t\t\ttrackPromise(dispatch(updateUser(values)));\r\n\t\t} else {\r\n\t\t\ttrackPromise(dispatch(addUser(values)));\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleRemoveUser = (user) => {\r\n\t\ttrackPromise(dispatch(removeUser(user)));\r\n\t\tsetPage(0);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUsers({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t- \r\n\t\t\t\t
Filtros
\r\n\r\n\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default Users;\r\n","import React from 'react';\r\n\r\nconst Addresses = () => {\r\n\treturn \r\n\t\t\t\t
\r\n\t\t\t{users ? (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t handleSearch(e)}>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tsetOpenUserPopup(true);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\ttitlte='Novo Usuário'\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{list('left')}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\tNenhum registro encontrado
\r\n\t\t\t)}\r\n\t\tEndereços
;\r\n};\r\n\r\nexport default Addresses;\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport MyCurrencyTextField from '../../../components/myCurrencyTextField';\r\n\r\nimport { FormControlLabel, TextField, Button, Checkbox } from '@material-ui/core';\r\n\r\nimport DatePicker from '../../../components/datePicker/datePicker';\r\n\r\nconst HistoryForm = ({ history, handleSaveHistory }) => {\r\n\tconst [historyId, setHistoryId] = useState(0);\r\n\tconst [amount, setAmount] = useState(1);\r\n\tconst [type, setType] = useState('$');\r\n\tconst [unimedPlan, setUnimedPlan] = useState(false);\r\n\tconst [description, setDescription] = useState('');\r\n\tconst [buttonText, setButtonText] = useState('Salvar');\r\n\tconst [alterDateSelected, setAlterDateSelected] = useState(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (history) {\r\n\t\t\tconsole.log('History Data: ', history);\r\n\t\t\tsetHistoryId(history.historyId);\r\n\t\t\tsetButtonText('Atualizar');\r\n\t\t\tsetAmount(history.amount);\r\n\t\t\tsetType(history.amountType);\r\n\t\t\tsetUnimedPlan(history.unimedPlan);\r\n\t\t\tsetDescription(history.description);\r\n\t\t\tsetHistoryId(history.historyId);\r\n\t\t}\r\n\t}, [history]);\r\n\r\n\tconst saveHistoryHandler = () => {\r\n\t\thandleSaveHistory({\r\n\t\t\thistoryId,\r\n\t\t\tdescription,\r\n\t\t\tamount,\r\n\t\t\tamountType: type,\r\n\t\t\tunimedPlan,\r\n\t\t\taterDate: alterDateSelected,\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t{unimedPlan &&
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default HistoryForm;\r\n","import moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport const Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'historyId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Histórico',\r\n\t\taccessor: 'description',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Valor',\r\n\t\taccessor: 'amount',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2).replace('.', ',') : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Tipo',\r\n\t\taccessor: 'amountType',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Plano',\r\n\t\taccessor: 'unimedPlan',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? 'SIM' : 'NÃO';\r\n\t\t},\r\n\t},\r\n];\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginRight: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginBottom: 15,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t\toverflow: 'hidden',\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\t// marginLeft: 15,\r\n\t\tmarginBottom: 15,\r\n\t\tmarginRight: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n","import React, { useEffect, useState, useMemo } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport clsx from 'clsx';\r\nimport { useTable, useSortBy, usePagination, useRowSelect } from 'react-table';\r\n\r\nimport { FormControl, InputLabel, MenuItem, Select, Drawer, Button, List, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport { Edit as EditIcon, ViewWeek as ViewWeekIcon, Delete as DeleteIcon } from '@material-ui/icons';\r\n\r\n// * local components\r\nimport Spinner from '../../../components/spinner';\r\nimport { Checkbox } from '../../../components/Checkbox/Checkbox';\r\nimport Pagination from '../../../components/pagination';\r\nimport { Popup } from '../../../components/popup/Popup';\r\nimport HistoryForm from '../historyForm';\r\n\r\n// * table columns\r\nimport { Columns } from '../columns/historyColumns';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listHistories } from '../../../actions/historyActions';\r\n\r\nimport ConfirmDialog from '../../../components/confirmDialog';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from '../useStyles';\r\n\r\nconst HistoryTable = ({ data, history, totalCount, handlePageClick, handlePageSizeClick, handleSaveHistory, handleRemoveHistory }) => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst historiesList = useSelector((state) => state.historiesList);\r\n\tconst { histories } = historiesList;\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\tconst [historyRegisterTitle, setHistoryRegisterTitle] = useState('');\r\n\tconst [historiesData, setHistoriesData] = useState(data);\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tsetHistoriesData(data);\r\n\t}, [data]);\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t\r\n\t\t\t\t setDescription(e.target.value)} style={{ width: '100%' }} />\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t setType(e.target.value)} margin='normal' style={{ marginLeft: 20, width: 40 }} />\r\n\t\t\t\t setUnimedPlan(e.target.checked)} />} label='Plano Unimed' />\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t- \r\n\t\t\t\t
Visualização de Colunas
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{allColumns.map((column) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t{rowSelected.original && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t}>\r\n\t\t\t\t\t\tColunas\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('right')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\t{column.isSorted ? (column.IsSortedDesc ? ' 🔽' : ' 🔼') : ''}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{page.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconsole.log('Double click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetOpenHistoryPopup();\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tHistóricos por Página \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\r\n\t\t\t\t\t\t\thandlePageSizeClick(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Históricos por Página'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{[10, 40, 100].map((pageSize) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default HistoryTable;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport { Paper, InputBase, IconButton } from '@material-ui/core';\r\n\r\n// * table search\r\nimport { Search as SearchIcon, Add as PlusIcon } from '@material-ui/icons';\r\n\r\n// components\r\nimport PageTitle from '../../components/pageTitle';\r\nimport HistoryTable from './historyTable';\r\nimport { Popup } from '../../components/popup/Popup';\r\nimport HistoryForm from './historyForm';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listHistories, addHistory, updateHistory, removeHistory } from '../../actions/historyActions';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from './useStyles';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst Histories = () => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [page, setPage] = useState(0);\r\n\tconst [pageSize, setPageSize] = useState(10);\r\n\tconst [searchValue, setSearchValue] = useState('');\r\n\tconst [openHistoryPopup, setOpenHistoryPopup] = useState(false);\r\n\r\n\tconst historiesList = useSelector((state) => state.historiesList);\r\n\tconst { histories, total, error } = historiesList;\r\n\r\n\tconst historyAdd = useSelector((state) => state.historyAdd);\r\n\tconst { error: errorAdd, loading: loadingAdd, success: successAdd, history } = historyAdd;\r\n\r\n\tconst historyUpdate = useSelector((state) => state.historyUpdate);\r\n\tconst { error: errorUpdate, loading: loadingUpdate, success: successUpdate } = historyUpdate;\r\n\r\n\tconst historyRemove = useSelector((state) => state.historyRemove);\r\n\tconst { error: errorRemove, loading: loadingRemove, success: successRemove } = historyRemove;\r\n\r\n\tconst inputSearchRef = useRef('');\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistHistories({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t}, [pageSize]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\t}, [error]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorAdd) {\r\n\t\t\ttoast.error(errorAdd);\r\n\t\t}\r\n\r\n\t\tif (successAdd) {\r\n\t\t\ttoast.success(successAdd);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistHistories({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'createdOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsetOpenHistoryPopup(false);\r\n\t\t}\r\n\t}, [successAdd, errorAdd]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorUpdate) {\r\n\t\t\ttoast.error(errorUpdate);\r\n\t\t}\r\n\r\n\t\tif (successUpdate) {\r\n\t\t\ttoast.success(successUpdate);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistHistories({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'modifiedOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsetOpenHistoryPopup(false);\r\n\t\t}\r\n\t}, [successUpdate, errorUpdate]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorRemove) {\r\n\t\t\ttoast.error(errorRemove);\r\n\t\t}\r\n\r\n\t\tif (successRemove) {\r\n\t\t\ttoast.success(successRemove);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistHistories({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t}, [errorRemove, successRemove]);\r\n\r\n\tconst handlePageClick = (data) => {\r\n\t\tlet selected = data.selected;\r\n\t\tsetPage(selected);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistHistories({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: selected,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handlePageSizeClick = (ps) => {\r\n\t\tsetPageSize(ps);\r\n\t};\r\n\r\n\tconst handleSearch = (e) => {\r\n\t\te.preventDefault();\r\n\t\tsetSearchValue(inputSearchRef.current.value);\r\n\t\tsetPage(0);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistHistories({\r\n\t\t\t\t\tfilterSearch: inputSearchRef.current.value,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handleSaveHistory = (values) => {\r\n\t\tif (values.historyId) {\r\n\t\t\tdispatch(updateHistory(values));\r\n\t\t} else {\r\n\t\t\tdispatch(addHistory(values));\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleRemoveHistory = (history) => {\r\n\t\tdispatch(removeHistory(history));\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t{histories ? (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t setSearchValue(e.target.value)}\r\n\t\t\t\t\t\t\tplaceholder='Buscar histórico'\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t handleSearch(e)}>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\tNenhum registro encontrado
\r\n\t\t\t)}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Histories;\r\n","import React, { useCallback, useEffect, useState } from 'react';\r\nimport { Button, IconButton, Tooltip, makeStyles, Theme, FormControl, InputLabel, Select, MenuItem, CircularProgress } from '@material-ui/core';\r\nimport { Description } from '@material-ui/icons';\r\n// import { useDropzone } from 'react-dropzone';\r\nimport { DropzoneAreaBase } from 'material-ui-dropzone';\r\nimport moment from 'moment';\r\n\r\nimport PageTitle from '../../components/pageTitle';\r\nimport ConfirmDialog from '../../components/confirmDialog';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { fileUpload, processImported } from '../../actions/importActions';\r\n\r\nimport years from '../../data/years';\r\nimport months from '../../data/months';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n\troot: {\r\n\t\t'& > *': {\r\n\t\t\tmargin: theme.spacing(1),\r\n\t\t},\r\n\t},\r\n\tinput: {\r\n\t\tdisplay: 'none',\r\n\t},\r\n\tfaceImage: {\r\n\t\tcolor: theme.palette.primary.light,\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 180,\r\n\t},\r\n\timportContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t},\r\n}));\r\n\r\nconst date = new Date();\r\n\r\nconst Import = () => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\r\n\tconst [selectedFiles, setSelectedFiles] = useState([]);\r\n\r\n\t// const { acceptedFiles, getRootProps, getInputProps } = useDropzone();\r\n\r\n\t// const files = acceptedFiles.map((file) => (\r\n\t// \t\r\n\t\t\t
*/}\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAno \r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tsetSelectedYear(Number(e.target.value));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tlabel='Ano'\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{years.map((year) => (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\tMês Referência \r\n\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\tsetSelectedMonth(Number(e.target.value));\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tlabel='Mês Referência'\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{months.map((month) => (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\r\n\t\t\t\t{selectedFiles.length ? (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{processing ? (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t) : null}\r\n\t\t\t\t{/* \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\r\n\t\t\t\t\t{loading ? (\r\n\t\t\t\t\t\t
*/}\r\n\t\t\t\r\n\t\t\t\t\t\t\t handleSubmit()}\r\n\t\t\t\t\t\t\t\tcolor='primary'\r\n\t\t\t\t\t\t\t\tvariant='contained'\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tEnviar\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t// \tsetSelectedFiles(files);\r\n\t\t\t\t\t\t// }}\r\n\t\t\t\t\t\tgetFileAddedMessage={(fileName) => `${fileName} adicionado com sucesso`}\r\n\t\t\t\t\t\tonDrop={(files) => {\r\n\t\t\t\t\t\t\tconsole.log(files);\r\n\t\t\t\t\t\t\t// if (\r\n\t\t\t\t\t\t\t// \tnew Date(\r\n\t\t\t\t\t\t\t// \t\tfiles[0].lastModifiedDate\r\n\t\t\t\t\t\t\t// \t).getMonth() !==\r\n\t\t\t\t\t\t\t// \tselectedMonth + 1\r\n\t\t\t\t\t\t\t// ) {\r\n\t\t\t\t\t\t\t// \talert(\r\n\t\t\t\t\t\t\t// \t\t'O mês escolhido não perece ser o mês de criação do arquivo.'\r\n\t\t\t\t\t\t\t// \t);\r\n\t\t\t\t\t\t\t// } else {\r\n\t\t\t\t\t\t\tif (selectedFiles.length) {\r\n\t\t\t\t\t\t\t\tsetSelectedFiles((state) => [files[0], ...state]);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tsetSelectedFiles(files);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t// }\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tfilesLimit={3}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Import;\r\n","import axios from 'axios';\r\n\r\nimport { PROCESS_IMPORTED_REQUEST, PROCESS_IMPORTED_SUCCESS, PROCESS_IMPORTED_FAIL } from '../constants/importConstants';\r\n\r\nexport const processImported = (selectedMonth, selectedYear) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: PROCESS_IMPORTED_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.post(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/upload/processImported`,\r\n\t\t\t{\r\n\t\t\t\trefDate: `1/${selectedMonth + 1}/${selectedYear}`,\r\n\t\t\t\tcreatedByUser: userInfo.personId,\r\n\t\t\t\t// valueFee: 17.75,\r\n\t\t\t},\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PROCESS_IMPORTED_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tconsole.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PROCESS_IMPORTED_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const fileUpload = (files, selectedMonth, selectedYear) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: PROCESS_IMPORTED_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst formData = new FormData();\r\n\t\tfiles.forEach((file) => {\r\n\t\t\tformData.append('file', file);\r\n\t\t});\r\n\r\n\t\tformData.append('refDate', `${selectedYear}-${selectedMonth + 1}-1`);\r\n\t\tformData.append('monthDate', selectedMonth);\r\n\t\tformData.append('yearDate', selectedYear);\r\n\t\t// formData.append('valueFee', 17.75);\r\n\t\tformData.append('createdByUser', userInfo.personId);\r\n\t\tformData.append('modifiedByUser', userInfo.personId);\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'multipart/form-data',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/upload/importFile`, formData, config);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PROCESS_IMPORTED_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tconsole.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: PROCESS_IMPORTED_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\t}\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport { AsyncPaginate } from 'react-select-async-paginate';\r\n\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listHistories } from '../../../actions/historyActions';\r\n\r\nconst optionsPerPage = 10;\r\n\r\nconst formatOptionLabel = ({ value, label, history }) => (\r\n\t- \r\n\t\t\t\t\t\t\t{selectedFiles.length\r\n\t\t\t\t\t\t\t\t? selectedFiles.map((file, index) => (\r\n\t\t\t\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\t\t\t\t{file.name} de {moment(new Date(file.lastModifiedDate)).format('DD/MM/yyyy')}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t ))\r\n\t\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t
\r\n\t\t
\r\n);\r\n\r\nconst colourStyles = {\r\n\tcontrol: (styles) => ({\r\n\t\t...styles,\r\n\t\t// backgroundColor: 'rgb(233,233,233)',\r\n\t\tfontSize: 16,\r\n\t\tfontWeight: 600,\r\n\t}),\r\n\tmenu: (provided, state) => ({\r\n\t\t...provided,\r\n\t\twidth: '100%',\r\n\t\t// borderBottom: '1px dotted pink',\r\n\t\t// color: 'red',\r\n\t\t// padding: 20,\r\n\t}),\r\n\t// option: (styles, { data, isDisabled, isFocused, isSelected }) => {\r\n\t// \treturn {\r\n\t// \t\t...styles,\r\n\t// \t\tbackgroundColor: isDisabled ? 'red' : 'blue',\r\n\t// \t\tcolor: '#FFF',\r\n\t// \t\tcursor: isDisabled ? 'not-allowed' : 'default',\r\n\t// \t};\r\n\t// },\r\n};\r\n\r\nconst SelectAsyncPaginate = (props) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst historiesList = useSelector((state) => state.historiesList);\r\n\tconst { histories } = historiesList;\r\n\r\n\t// useEffect(() => {\r\n\t// \tconsole.log('Props: ', props);\r\n\t// }, []);\r\n\r\n\tconst loadOptions = async (searchQuery, loadedOptions, { page }) => {\r\n\t\t// console.log(`loading page:${page} - limit: 10`);\r\n\t\t// console.log('Address: ', process.env.REACT_APP_API_URL);\r\n\t\tconsole.log('Search query: ', searchQuery);\r\n\r\n\t\tdispatch(\r\n\t\t\tlistHistories({\r\n\t\t\t\tfilterSearch: searchQuery,\r\n\t\t\t\tpageNumber: page,\r\n\t\t\t})\r\n\t\t);\r\n\r\n\t\tlet options = histories.map((h) => ({\r\n\t\t\tlabel: h.description,\r\n\t\t\tvalue: h.historyId,\r\n\t\t\thistory: h,\r\n\t\t}));\r\n\r\n\t\treturn {\r\n\t\t\toptions: options,\r\n\t\t\thasMore: Math.ceil(histories[0].totalRows / optionsPerPage) > page,\r\n\t\t\tadditional: {\r\n\t\t\t\tpage: page,\r\n\t\t\t},\r\n\t\t};\r\n\t};\r\n\r\n\tconst onChange = (option) => {\r\n\t\tif (typeof props.onChange === 'function') {\r\n\t\t\tprops.onChange(option);\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t{label}
\r\n\t\r\n\t\t\t\r\n\t\t\t\t setAmount(e.target.value)} style={{ width: '100px' }} /> */}\r\n\t\t\t\t\r\n\t\t\t\t\tTipo \r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\tPago \r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t {\r\n\t\t\t\t\t\t// console.log('Associado selecionado: ', itemOption);\r\n\t\t\t\t\t\tsetHistory(itemOption);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t setComment(e.target.value)} style={{ width: '100%' }} />\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default ExpenseForm;\r\n","import moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport const Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'expenseId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Complemento',\r\n\t\taccessor: 'comment',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Histórico',\r\n\t\taccessor: 'history',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Valor',\r\n\t\taccessor: 'amount',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2).replace('.', ',') : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Pago',\r\n\t\taccessor: 'paid',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? 'SIM' : 'NÃO';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Tipo',\r\n\t\taccessor: 'debCred',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? 'Crédito' : 'Débito';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Mês REF',\r\n\t\taccessor: 'refDate',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('MMMM/yyyy') : null;\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Data Pago',\r\n\t\taccessor: 'transactionDate',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('DD/MM/yyyy') : null;\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Data Lançado',\r\n\t\taccessor: 'createdOnDate',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('DD/MM/yyyy') : null;\r\n\t\t},\r\n\t},\r\n];\r\n","import axios from 'axios';\r\n// import moment from 'moment';\r\nimport download from 'downloadjs';\r\n\r\nimport {\r\n\tEXPENSE_LIST_REQUEST,\r\n\tEXPENSE_LIST_SUCCESS,\r\n\tEXPENSE_LIST_FAIL,\r\n\tEXPENSE_ADD_REQUEST,\r\n\tEXPENSE_ADD_SUCCESS,\r\n\tEXPENSE_ADD_FAIL,\r\n\tEXPENSE_UPDATE_REQUEST,\r\n\tEXPENSE_UPDATE_SUCCESS,\r\n\tEXPENSE_UPDATE_FAIL,\r\n\tEXPENSE_RESET,\r\n\tEXPENSE_REMOVE_REQUEST,\r\n\tEXPENSE_REMOVE_SUCCESS,\r\n\tEXPENSE_REMOVE_FAIL,\r\n\tEXPENSE_REPORT_REQUEST,\r\n\tEXPENSE_REPORT_SUCCESS,\r\n\tEXPENSE_REPORT_FAIL,\r\n} from '../constants/expenseConstants';\r\n\r\nexport const listExpenses = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_LIST_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/expense?startingDate=${filter.startingDate ? filter.startingDate : ''}&endingDate=${filter.endingDate ? filter.endingDate : ''}&filterDate=${\r\n\t\t\t\tfilter.filterDate ? filter.filterDate : ''\r\n\t\t\t}&filterSearch=${filter.filterSearch ? filter.filterSearch : ''}&filterField=${filter.filterField ? filter.filterField : ''}&pageNumber=${\r\n\t\t\t\tfilter.pageNumber ? filter.pageNumber : 0\r\n\t\t\t}&pageSize=${filter.pageSize ? filter.pageSize : 10}&sortCol=${filter.sortCol ? filter.sortCol : ''}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Associates: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_LIST_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_LIST_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const addExpense = (expense) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_ADD_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\texpense.createdByUser = userInfo.userId;\r\n\t\texpense.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/expense`, expense, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_ADD_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: EXPENSE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\t// if (message === 'Não autorizado') {\r\n\t\t// \tdispatch(logout());\r\n\t\t// }\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_ADD_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: EXPENSE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const updateExpense = (expense) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\texpense.createdByUser = userInfo.userId;\r\n\t\texpense.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/expense`, expense, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: EXPENSE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: EXPENSE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const removeExpense = (expense) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_REMOVE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.delete(`${process.env.REACT_APP_API_URL}/api/expense/${expense.expenseId}`, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_REMOVE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: EXPENSE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_REMOVE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: EXPENSE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const getExpenseReport = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_REPORT_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst response = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/expense/getExpenseReport?startingDate=${filter.startingDate ? filter.startingDate : ''}&endingDate=${\r\n\t\t\t\tfilter.endingDate ? filter.endingDate : ''\r\n\t\t\t}&filterDate=${filter.filterDate ? filter.filterDate : ''}&filterSearch=${filter.filterSearch ? filter.filterSearch : ''}&filterField=${\r\n\t\t\t\tfilter.filterField ? filter.filterField : ''\r\n\t\t\t}&pageNumber=${filter.pageNumber ? filter.pageNumber : 0}&pageSize=${filter.pageSize ? filter.pageSize : 10}&sortCol=${filter.sortCol ? filter.sortCol : ''}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Expenses: ', response.data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_REPORT_SUCCESS,\r\n\t\t});\r\n\r\n\t\tconst content = response.headers['content-type'];\r\n\t\tdownload(response.data, `Relatorio_Despesas.html`, content);\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: EXPENSE_REPORT_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n","import React, { useEffect, useState, useMemo } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport clsx from 'clsx';\r\nimport { useTable, useSortBy, usePagination, useRowSelect } from 'react-table';\r\n\r\nimport { FormControl, InputLabel, MenuItem, Select, Drawer, Button, List, TableBody, TableCell, TableHead, TableRow, Typography, Box } from '@material-ui/core';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport {\r\n\tEdit as EditIcon,\r\n\tAssignment as AssignmentIcon,\r\n\tAssignmentReturned as AssignmentReturnedIcon,\r\n\tViewWeek as ViewWeekIcon,\r\n\tAdd as PlusIcon,\r\n\tPeople as PeopleIcon,\r\n\tDelete as DeleteIcon,\r\n} from '@material-ui/icons';\r\n\r\n// * local components\r\nimport Spinner from '../../../components/spinner';\r\nimport { Checkbox } from '../../../components/Checkbox/Checkbox';\r\nimport Pagination from '../../../components/pagination';\r\nimport { Popup } from '../../../components/popup/Popup';\r\nimport ExpenseForm from '../expenseForm';\r\n\r\n// * table columns\r\nimport { Columns } from '../columns/expenseColumns';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listExpenses } from '../../../actions/expenseActions';\r\n\r\nimport ConfirmDialog from '../../../components/confirmDialog';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from '../useStyles';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst ExpenseTable = ({ data, expense, totalCount, handlePageClick, handlePageSizeClick, handleSaveExpense, handleRemoveExpense, isLoading, error, success }) => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst expensesList = useSelector((state) => state.expensesList);\r\n\tconst { expenses } = expensesList;\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\tconst [expenseRegisterTitle, setExpenseRegisterTitle] = useState('');\r\n\tconst [expensesData, setExpensesData] = useState(data);\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tsetExpensesData(data);\r\n\t}, [data]);\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t- \r\n\t\t\t\t
Visualização de Colunas
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{allColumns.map((column) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t{rowSelected.original && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\tConvênios\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t}>\r\n\t\t\t\t\t\tColunas\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('right')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\t{column.isSorted ? (column.IsSortedDesc ? ' 🔽' : ' 🔼') : ''}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{page.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconsole.log('Double click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetOpenExpensePopup();\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tDespesas por Página \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\r\n\t\t\t\t\t\t\thandlePageSizeClick(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Despesas por Página'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{[10, 40, 100].map((pageSize) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default ExpenseTable;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport clsx from 'clsx';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport {\r\n\t// Paper,\r\n\t// InputBase,\r\n\tIconButton,\r\n\tDrawer,\r\n\tList,\r\n\tButton,\r\n\tFormControl,\r\n\tInputLabel,\r\n\tMenuItem,\r\n\tSelect,\r\n\tTextField,\r\n\tCircularProgress,\r\n} from '@material-ui/core';\r\n\r\nimport moment from 'moment';\r\n\r\n// import moment from 'moment';\r\n// import 'moment/locale/pt-br';\r\n\r\n// import { KeyboardDatePicker } from '@material-ui/pickers';\r\nimport DatePicker from '../../components/datePicker';\r\n\r\n// * table search\r\nimport {\r\n\t// Search as SearchIcon,\r\n\t// CallSplit as CallSplitIcon,\r\n\tAdd as PlusIcon,\r\n} from '@material-ui/icons';\r\nimport { BiFilterAlt } from 'react-icons/bi';\r\n\r\nimport classNames from 'classnames';\r\n\r\n// components\r\nimport PageTitle from '../../components/pageTitle';\r\nimport ExpenseTable from './expenseTable';\r\nimport { Popup } from '../../components/popup/Popup';\r\nimport ExpenseForm from './expenseForm';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listExpenses, addExpense, updateExpense, removeExpense, getExpenseReport } from '../../actions/expenseActions';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from './useStyles';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst date = new Date();\r\n\r\nconst Expense = () => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\tconst expensesList = useSelector((state) => state.expensesList);\r\n\tconst { expenses, total, error } = expensesList;\r\n\r\n\tconst expenseAdd = useSelector((state) => state.expenseAdd);\r\n\tconst { error: errorAdd, loading: isLoading, success: successAdd, expense } = expenseAdd;\r\n\r\n\tconst expenseUpdate = useSelector((state) => state.expenseUpdate);\r\n\tconst { success: successUpdate, error: errorUpdate } = expenseUpdate;\r\n\r\n\tconst expenseRemove = useSelector((state) => state.expenseRemove);\r\n\tconst { success: successRemove, error: errorRemove } = expenseRemove;\r\n\r\n\tconst expenseReport = useSelector((state) => state.expenseReport);\r\n\tconst { loading: loadingExpenseReport } = expenseReport;\r\n\r\n\tconst [page, setPage] = useState(0);\r\n\tconst [pageSize, setPageSize] = useState(10);\r\n\tconst [searchValue, setSearchValue] = useState('');\r\n\tconst [openExpensePopup, setOpenExpensePopup] = useState(false);\r\n\tconst [selectedDateFilter, setSelectedDateFilter] = useState('');\r\n\tconst [selectedStartingDate, setSelectedStartingDate] = useState(new Date(date.getFullYear(), date.getMonth(), 1));\r\n\tconst [selectedEndingDate, setSelectedEndingDate] = useState(new Date(date.getFullYear(), date.getMonth(), 30));\r\n\tconst [selectedFilterField, setSelectedFilterField] = useState('');\r\n\r\n\tconst inputSearchRef = useRef('');\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistExpenses({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t}, [pageSize]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (successRemove) {\r\n\t\t\ttoast.success(successRemove);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistExpenses({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsetOpenExpensePopup(false);\r\n\t\t}\r\n\r\n\t\tif (errorRemove) {\r\n\t\t\ttoast.error(errorRemove);\r\n\t\t}\r\n\t}, [errorRemove, successRemove]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (successUpdate) {\r\n\t\t\ttoast.success(successUpdate);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistExpenses({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'modifiedOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsetOpenExpensePopup(false);\r\n\t\t}\r\n\r\n\t\tif (errorUpdate) {\r\n\t\t\ttoast.error(errorUpdate);\r\n\t\t}\r\n\t}, [errorUpdate, successUpdate]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\t}, [error]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (successAdd) {\r\n\t\t\ttoast.success(successAdd);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistExpenses({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'createdOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsetOpenExpensePopup(false);\r\n\t\t}\r\n\r\n\t\tif (errorAdd) {\r\n\t\t\ttoast.error(errorAdd);\r\n\t\t}\r\n\t}, [successAdd, errorAdd]);\r\n\r\n\tconst handlePageClick = (data) => {\r\n\t\tlet selected = data.selected;\r\n\t\tsetPage(selected);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistExpenses({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: selected,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handlePageSizeClick = (ps) => {\r\n\t\tsetPage(0);\r\n\t\tsetPageSize(ps);\r\n\t};\r\n\r\n\tconst handleSearch = (e) => {\r\n\t\te.preventDefault();\r\n\t\tsetSearchValue(inputSearchRef.current.value);\r\n\t\tsetPage(0);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistExpenses({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handleSaveExpense = (values) => {\r\n\t\t// console.log('New Values: ', values);\r\n\t\tif (values.expenseId) {\r\n\t\t\ttrackPromise(dispatch(updateExpense(values)));\r\n\t\t} else {\r\n\t\t\ttrackPromise(dispatch(addExpense(values)));\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleRemoveExpense = (expense) => {\r\n\t\ttrackPromise(dispatch(removeExpense(expense)));\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistExpenses({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst printHandler = (e) => {\r\n\t\te.preventDefault();\r\n\t\tdispatch(\r\n\t\t\tgetExpenseReport({\r\n\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\tpageNumber: page,\r\n\t\t\t\tpageSize,\r\n\t\t\t})\r\n\t\t);\r\n\t};\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t- \r\n\t\t\t\t
Filtros
\r\n\r\n\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default Expense;\r\n","import React, { useEffect } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n// import { KeyboardDatePicker } from '@material-ui/pickers';\r\n\r\nimport InputMask from 'react-input-mask';\r\nimport { Button, Grid, Select, InputLabel, FormGroup, FormControl, FormControlLabel, MenuItem, Checkbox, TextField, CircularProgress } from '@material-ui/core';\r\nimport { useForm, Form } from '../../hooks/useForm';\r\nimport * as services from '../../services/addressType';\r\nimport moment from 'moment';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { getAssociate, updateAssociate } from '../../actions/associateActions';\r\n\r\nimport DatePicker from '../../components/datePicker/datePicker';\r\n\r\nconst initialFValues = {\r\n\tpersonId: 0,\r\n\tmasp: '',\r\n\tname: '',\r\n\t// addressId: 0,\r\n\tunit: '',\r\n\tcomplement: '',\r\n\temail: '',\r\n\tcpf: '',\r\n\tpersonIdentity: '',\r\n\ttelephone: '',\r\n\tfax: '',\r\n\tcell: '',\r\n\tbirthDate: '',\r\n\tassociateId: 0,\r\n\trelationId: 0,\r\n\tsituation: false,\r\n\tuseCheck: false,\r\n\tunimedNumber: '',\r\n\tsusNumber: '',\r\n\tdateAssociated: null,\r\n\tdateDesassociated: null,\r\n\tcomment: '',\r\n\tuserId: 0,\r\n\tcreatedByUser: 0,\r\n\tcreatedOnDate: null,\r\n\tmodifiedByUser: 0,\r\n\tmodifiedOnDate: null,\r\n\taddressType: '081',\r\n\tstreet: '',\r\n\tdistrict: '',\r\n\tcity: 'Governador Valadares',\r\n\tregion: 'MG',\r\n\tpostalCode: '',\r\n\tcountry: 'Brasil',\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tformControl: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tformButtons: {\r\n\t\twidth: '100%',\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\tdisplay: 'flex',\r\n\t\tjustifyContent: 'space-between',\r\n\t\talignItems: 'center',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n\r\nconst convertToDefEventPara = (name, value) => ({\r\n\ttarget: {\r\n\t\tname,\r\n\t\tvalue,\r\n\t},\r\n});\r\n\r\nconst MyAccount = () => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst { values, setValues, handleInputChange, resetForm } = useForm(initialFValues);\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\tconst associateGet = useSelector((state) => state.associateGet);\r\n\tconst { associate } = associateGet;\r\n\r\n\tuseEffect(() => {\r\n\t\t// console.log('Associate: ', associate);\r\n\t\tif (userInfo.personId) {\r\n\t\t\tif (associate) {\r\n\t\t\t\tif (associate) {\r\n\t\t\t\t\tsetValues(associate);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tdispatch(getAssociate(userInfo.personId));\r\n\t\t\t\tif (associate) setValues(associate);\r\n\t\t\t}\r\n\t\t}\r\n\t}, [userInfo, associate]);\r\n\r\n\tconst associateUpdate = useSelector((state) => state.associateUpdate);\r\n\tconst { loading: updateAssociateLoading, error: updateAssociateError, success: updateAssociateSuccess } = associateUpdate;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (updateAssociateError) {\r\n\t\t\ttoast.error(updateAssociateError);\r\n\t\t}\r\n\r\n\t\tif (updateAssociateSuccess) {\r\n\t\t\ttoast.success(updateAssociateSuccess);\r\n\t\t}\r\n\t}, [updateAssociateSuccess, updateAssociateError]);\r\n\r\n\tconst handleSaveAssociate = (values) => {\r\n\t\t// console.log('New Values: ', values);\r\n\t\tif (values.personId) {\r\n\t\t\tdispatch(updateAssociate(values));\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t{expenses ? (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('left')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\tNenhum registro encontrado
\r\n\t\t\t)}\r\n\r\n\t\t\t\r\n\t\t\t\t{loadingExpenseReport ? (\r\n\t\t\t\t\t
\r\n\t\t\r\n\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t{updateAssociateLoading ? (\r\n\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default MyAccount;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport ReactQuill from 'react-quill';\r\nimport 'react-quill/dist/quill.snow.css';\r\n\r\n// import { Editor } from 'react-draft-wysiwyg';\r\n// import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { listContents, updateContent } from '../../actions/configActions';\r\n\r\nimport PageTitle from '../../components/pageTitle';\r\nimport { Button, CircularProgress } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/styles';\r\n\r\nimport Spinner from '../../components/spinner';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tsaveButton: {\r\n\t\tmarginTop: 20,\r\n\t},\r\n}));\r\n\r\nconst toolbarOptions = [\r\n\t['bold', 'italic', 'underline', 'strike'], // toggled buttons\r\n\r\n\t[{ header: 1 }, { header: 2 }], // custom button values\r\n\t[{ list: 'ordered' }, { list: 'bullet' }],\r\n\t// [{ script: 'sub' }, { script: 'super' }], // superscript/subscript\r\n\t[{ indent: '-1' }, { indent: '+1' }], // outdent/indent\r\n\t// [{ direction: 'rtl' }], // text direction\r\n\r\n\t// [{ size: ['small', false, 'large', 'huge'] }], // custom dropdown\r\n\t// [{ header: [1, 2, 3, 4, 5, 6, false] }],\r\n\r\n\t[{ color: [] }, { background: [] }], // dropdown with defaults from theme\r\n\t// [{ font: [] }],\r\n\t[{ align: [] }],\r\n\r\n\t['clean'], // remove formatting button\r\n];\r\n\r\nconst Content = () => {\r\n\tconst classes = useStyles();\r\n\tconst history = useHistory();\r\n\tconst location = useLocation();\r\n\r\n\tconst [contentData, setContentData] = useState([]);\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!userInfo) {\r\n\t\t\thistory.push('/login?redirect=' + location.pathname);\r\n\t\t}\r\n\t}, [history, userInfo, location]);\r\n\r\n\tconst contentsList = useSelector((state) => state.contentsList);\r\n\tconst { contents, success, loading } = contentsList;\r\n\r\n\tconst contentUpdate = useSelector((state) => state.contentUpdate);\r\n\tconst { loading: loadingUpdateContent, success: successUpdateContent, error: errorUpdateContent } = contentUpdate;\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(dispatch(listContents()));\r\n\t\tsetContentData(contents);\r\n\t}, [dispatch]);\r\n\r\n\tconst saveTextHandler = (setting) => {\r\n\t\tdispatch(updateContent(setting));\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (contents) {\r\n\t\t\tsetContentData(contents);\r\n\t\t} else {\r\n\t\t\ttrackPromise(dispatch(listContents()));\r\n\t\t}\r\n\t}, [loading]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorUpdateContent) {\r\n\t\t\ttoast.error(errorUpdateContent);\r\n\t\t}\r\n\r\n\t\tif (successUpdateContent) {\r\n\t\t\ttoast.success(successUpdateContent);\r\n\t\t}\r\n\t}, [errorUpdateContent, successUpdateContent]);\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t// console.log('Values: ', values);\r\n\t\t\t\t\t\t\t\t\t// resetForm(initialFValues);\r\n\t\t\t\t\t\t\t\t\thandleSaveAssociate(values);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t// style={{ marginRight: 15 }}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tSalvar\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{/* setOpenPopup(false)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tFechar\r\n\t\t\t\t\t\t */}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t)}\r\n\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default Content;\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginRight: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginBottom: 15,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t\toverflow: 'hidden',\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\t// marginLeft: 15,\r\n\t\tmarginBottom: 15,\r\n\t\tmarginRight: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n","import axios from 'axios';\r\n// import moment from 'moment';\r\n\r\nimport {\r\n\tUNIMED_SERVICE_LIST_REQUEST,\r\n\tUNIMED_SERVICE_LIST_SUCCESS,\r\n\tUNIMED_SERVICE_LIST_FAIL,\r\n\tUNIMED_SERVICE_ADD_REQUEST,\r\n\tUNIMED_SERVICE_ADD_SUCCESS,\r\n\tUNIMED_SERVICE_ADD_FAIL,\r\n\tUNIMED_SERVICE_UPDATE_REQUEST,\r\n\tUNIMED_SERVICE_UPDATE_SUCCESS,\r\n\tUNIMED_SERVICE_UPDATE_FAIL,\r\n\tUNIMED_SERVICE_RESET,\r\n\tUNIMED_SERVICE_REMOVE_REQUEST,\r\n\tUNIMED_SERVICE_REMOVE_SUCCESS,\r\n\tUNIMED_SERVICE_REMOVE_FAIL,\r\n} from '../constants/unimedServiceConstants';\r\n\r\nexport const listUnimedServices = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_LIST_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/unimedService?filterSearch=${filter.filterSearch ? filter.filterSearch : ''}&pageNumber=${\r\n\t\t\t\tfilter.pageNumber ? filter.pageNumber : 0\r\n\t\t\t}&pageSize=${filter.pageSize ? filter.pageSize : 10}&sortCol=${filter.sortCol ? filter.sortCol : ''}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Associates: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_LIST_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_LIST_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const addUnimedService = (unimedService) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_ADD_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tunimedService.createdByUser = userInfo.userId;\r\n\t\tunimedService.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/unimedService`, unimedService, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_ADD_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_SERVICE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\t// if (message === 'Não autorizado') {\r\n\t\t// \tdispatch(logout());\r\n\t\t// }\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_ADD_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_SERVICE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const updateUnimedService = (unimedService) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tunimedService.createdByUser = userInfo.userId;\r\n\t\tunimedService.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/unimedService`, unimedService, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_SERVICE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_SERVICE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const removeUnimedService = (unimedService) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_REMOVE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.delete(`${process.env.REACT_APP_API_URL}/api/unimedService/${unimedService.serviceId}`, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_REMOVE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_SERVICE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_SERVICE_REMOVE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_SERVICE_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport AsyncSelect from 'react-select/async';\r\nimport DatePicker from '../../../../components/datePicker';\r\nimport { Button } from '@material-ui/core';\r\n\r\nimport { useStyles } from '../../useStyles';\r\n\r\nimport { listAssociates } from '../../../../actions/associateActions';\r\nimport { listUnimedServices } from '../../../../actions/unimedServiceActions';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport MyCurrencyTextField from '../../../../components/myCurrencyTextField';\r\n\r\n// const date = new Date();\r\n\r\nconst UnimedForm = ({ unimed, handleSaveUnimed }) => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [transactionId, setTransactionId] = useState(0);\r\n\tconst [amount, setAmount] = useState(1);\r\n\tconst [associate, setAssociate] = useState(0);\r\n\tconst [associateId, setAssociateId] = useState(0);\r\n\tconst [service, setService] = useState(null);\r\n\tconst [serviceId, setServiceId] = useState(0);\r\n\tconst [addedOnDateSelected, setAddedOnDateSelected] = useState(null);\r\n\tconst [buttonText, setButtonText] = useState('Salvar');\r\n\r\n\tconst associatesList = useSelector((state) => state.associatesList);\r\n\tconst { associates } = associatesList;\r\n\r\n\tconst unimedServicesList = useSelector((state) => state.unimedServicesList);\r\n\tconst { unimedServices } = unimedServicesList;\r\n\r\n\tuseEffect(() => {\r\n\t\t// console.log('Unimed: ', unimed);\r\n\t\tif (unimed) {\r\n\t\t\t// console.log('Unimed Data: ', unimed);\r\n\t\t\tsetTransactionId(unimed.transactionId);\r\n\t\t\tsetButtonText('Atualizar');\r\n\t\t\tsetAmount(unimed.amount);\r\n\t\t\tsetAssociate({ label: unimed.person, value: unimed.personId });\r\n\t\t\tsetAssociateId(unimed.associateId);\r\n\t\t\tsetServiceId(unimed.serviceId);\r\n\t\t\tsetService({ label: unimed.service, value: unimed.serviceId });\r\n\t\t\tsetAddedOnDateSelected(new Date(unimed.addedOnDate));\r\n\t\t\tsetServiceId(unimed.serviceId);\r\n\t\t}\r\n\t}, [unimed]);\r\n\r\n\tconst saveUnimedHandler = () => {\r\n\t\thandleSaveUnimed({\r\n\t\t\ttransactionId,\r\n\t\t\tserviceId: service.value || serviceId,\r\n\t\t\tamount,\r\n\t\t\taddedOnDate: addedOnDateSelected,\r\n\t\t\tpersonId: associate.value,\r\n\t\t\tassociateId: associate.member ? associate.member.associateId : associateId,\r\n\t\t});\r\n\t\tsetTransactionId(0);\r\n\t\tsetAmount(1);\r\n\t\tsetAssociate({});\r\n\t\tsetService({});\r\n\t\tsetServiceId(0);\r\n\t};\r\n\r\n\tconst loadAssociates = (inputValue, callback) => {\r\n\t\tif (inputValue.length > 1) {\r\n\t\t\tdispatch(\r\n\t\t\t\tlistAssociates({\r\n\t\t\t\t\tfilterSearch: inputValue,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\r\n\t\t\tif (associates) {\r\n\t\t\t\tcallback(\r\n\t\t\t\t\tassociates.map((a) => ({\r\n\t\t\t\t\t\tlabel: a.name,\r\n\t\t\t\t\t\tvalue: a.personId,\r\n\t\t\t\t\t\tmember: a,\r\n\t\t\t\t\t}))\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst loadUnimedServices = (inputValue, callback) => {\r\n\t\tif (inputValue.length > 1) {\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUnimedServices({\r\n\t\t\t\t\tfilterSearch: inputValue,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t})\r\n\t\t\t);\r\n\r\n\t\t\tif (unimedServices) {\r\n\t\t\t\tcallback(\r\n\t\t\t\t\tunimedServices.map((us) => ({\r\n\t\t\t\t\t\tlabel: us.service,\r\n\t\t\t\t\t\tvalue: us.serviceId,\r\n\t\t\t\t\t\tuService: us,\r\n\t\t\t\t\t}))\r\n\t\t\t\t);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tsetting = {\r\n\t\t\t\t\t\t\t\t\t\t\t...setting,\r\n\t\t\t\t\t\t\t\t\t\t\tsettingValue: value,\r\n\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t{/* {\r\n\t\t\t\t\t\t\t\t\t\tsetting = {\r\n\t\t\t\t\t\t\t\t\t\t\t...setting,\r\n\t\t\t\t\t\t\t\t\t\t\tsettingValue: value,\r\n\t\t\t\t\t\t\t\t\t\t};\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tlocalization={{\r\n\t\t\t\t\t\t\t\t\t\tlocale: 'pt',\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t// toolbarOnFocus\r\n\t\t\t\t\t\t\t\t\ttoolbarClassName='rdw-storybook-toolbar'\r\n\t\t\t\t\t\t\t\t\twrapperClassName='rdw-storybook-wrapper'\r\n\t\t\t\t\t\t\t\t\teditorClassName='rdw-storybook-editor'\r\n\t\t\t\t\t\t\t\t\ttoolbar={{\r\n\t\t\t\t\t\t\t\t\t\toptions: [\r\n\t\t\t\t\t\t\t\t\t\t\t'inline',\r\n\t\t\t\t\t\t\t\t\t\t\t'blockType',\r\n\t\t\t\t\t\t\t\t\t\t\t'fontSize',\r\n\t\t\t\t\t\t\t\t\t\t\t'fontFamily',\r\n\t\t\t\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\t\t\t\tinline: {\r\n\t\t\t\t\t\t\t\t\t\t\toptions: [\r\n\t\t\t\t\t\t\t\t\t\t\t\t'bold',\r\n\t\t\t\t\t\t\t\t\t\t\t\t'italic',\r\n\t\t\t\t\t\t\t\t\t\t\t\t'underline',\r\n\t\t\t\t\t\t\t\t\t\t\t\t'strikethrough',\r\n\t\t\t\t\t\t\t\t\t\t\t\t'monospace',\r\n\t\t\t\t\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\t\t\t\t\tbold: {\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'bordered-option-classname',\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\titalic: {\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'bordered-option-classname',\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\tunderline: {\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'bordered-option-classname',\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\tstrikethrough: {\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'bordered-option-classname',\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\tcode: {\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'bordered-option-classname',\r\n\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/> */}\r\n\t\t\t\t\t\t\t\t{loadingUpdateContent ? (\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t ))\r\n\t\t\t\t\t: null}\r\n\t\t\t{setting.settingName}
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tTOKENs disponíveis:\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
- \r\n\t\t\t\t\t\t
- [DATA]: Data atual \r\n\t\t\t\t\t\t
- [DATACOMPLETA]: Ex.: sexta-feira, 1 de janeiro de 2023 \r\n\t\t\t\t\t\t
- [ANO]: Ano atual, \r\n\t\t\t\t\t\t
- [ANOANTERIOR]: Ano anterior, \r\n\t\t\t\t\t\t
- [NOME]: Nome do Associado ou Dependente, \r\n\t\t\t\t\t\t
- [CPF]: CPF do Associado, \r\n\t\t\t\t\t\t
- [MASP]: MASP do Associado, \r\n\t\t\t\t\t\t
- [MESREF]: Mês/Ano referência, \r\n\t\t\t\t\t
\r\n\t\t\t '...'}\r\n\t\t\t\tloadOptions={loadAssociates}\r\n\t\t\t\tloadingMessage={() => '...'}\r\n\t\t\t\tonChange={(sel) => {\r\n\t\t\t\t\t// console.log('Selected associate: ', sel);\r\n\t\t\t\t\tsetAssociate(sel);\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\r\n\t\t\t\r\n\t\t\t\t setAmount(e.target.value)} margin='normal' /> */}\r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t '...'}\r\n\t\t\t\t\tloadOptions={loadUnimedServices}\r\n\t\t\t\t\tloadingMessage={() => '...'}\r\n\t\t\t\t\tonChange={(sel) => {\r\n\t\t\t\t\t\t// console.log('Selected associate: ', sel);\r\n\t\t\t\t\t\tsetService(sel);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default UnimedForm;\r\n","import moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport const Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'transactionId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'cartão Unimed',\r\n\t\taccessor: 'unimedNumber',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Nome',\r\n\t\taccessor: 'person',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Serviço',\r\n\t\taccessor: 'service',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Valor',\r\n\t\taccessor: 'amount',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? value.toFixed(2).replace('.', ',') : '0,00';\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tHeader: 'Mês REF',\r\n\t\taccessor: 'addedOnDate',\r\n\t\tCell: ({ value }) => {\r\n\t\t\treturn value ? moment(new Date(value)).format('MMMM/yyyy') : null;\r\n\t\t},\r\n\t},\r\n];\r\n","import React, { useEffect, useState, useMemo } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n// import { trackPromise } from 'react-promise-tracker';\r\nimport clsx from 'clsx';\r\nimport { useTable, useSortBy, usePagination, useRowSelect } from 'react-table';\r\n\r\nimport { FormControl, InputLabel, MenuItem, Select, Drawer, Button, List, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport {\r\n\tEdit as EditIcon,\r\n\t// Assignment as AssignmentIcon,\r\n\t// AssignmentReturned as AssignmentReturnedIcon,\r\n\tViewWeek as ViewWeekIcon,\r\n\t// Add as PlusIcon,\r\n\t// People as PeopleIcon,\r\n\tDelete as DeleteIcon,\r\n} from '@material-ui/icons';\r\n\r\n// * local components\r\nimport Spinner from '../../../../components/spinner';\r\nimport { Checkbox } from '../../../../components/Checkbox/Checkbox';\r\nimport Pagination from '../../../../components/pagination';\r\nimport { Popup } from '../../../../components/popup/Popup';\r\nimport UnimedForm from '../unimedForm';\r\n\r\n// * table columns\r\nimport { Columns } from '../columns/unimedColumns';\r\n\r\nimport ConfirmDialog from '../../../../components/confirmDialog';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from '../../useStyles';\r\n\r\nconst UnimedTable = ({ data, totalCount, handlePageClick, handlePageSizeClick, handleSaveUnimed, handleRemoveUnimed, isLoading, error, success }) => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\tconst [unimedRegisterTitle, setUnimedRegisterTitle] = useState('');\r\n\tconst [unimedData, setUnimedData] = useState(data);\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tsetUnimedData(data);\r\n\t}, [data]);\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t- \r\n\t\t\t\t
Visualização de Colunas
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{allColumns.map((column) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t{rowSelected.original && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\tServiços\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t}>\r\n\t\t\t\t\t\tColunas\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('right')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\t{column.isSorted ? (column.IsSortedDesc ? ' 🔽' : ' 🔼') : ''}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{page.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconsole.log('Double click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetOpenUnimedPopup();\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tDespesas por Página \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\r\n\t\t\t\t\t\t\thandlePageSizeClick(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Despesas por Página'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{[10, 40, 100].map((pageSize) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default UnimedTable;\r\n","import axios from 'axios';\r\n// import moment from 'moment';\r\n\r\nimport {\r\n\tUNIMED_LIST_REQUEST,\r\n\tUNIMED_LIST_SUCCESS,\r\n\tUNIMED_LIST_FAIL,\r\n\tUNIMED_ADD_REQUEST,\r\n\tUNIMED_ADD_SUCCESS,\r\n\tUNIMED_ADD_FAIL,\r\n\tUNIMED_UPDATE_REQUEST,\r\n\tUNIMED_UPDATE_SUCCESS,\r\n\tUNIMED_UPDATE_FAIL,\r\n\tUNIMED_RESET,\r\n\tUNIMED_REMOVE_REQUEST,\r\n\tUNIMED_REMOVE_SUCCESS,\r\n\tUNIMED_REMOVE_FAIL,\r\n} from '../constants/unimedConstants';\r\n\r\nexport const listUnimed = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_LIST_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.get(\r\n\t\t\t`${process.env.REACT_APP_API_URL}/api/unimed?startingDate=${filter.startingDate ? filter.startingDate : ''}&endingDate=${filter.endingDate ? filter.endingDate : ''}&filterDate=${\r\n\t\t\t\tfilter.filterDate ? filter.filterDate : ''\r\n\t\t\t}&filterSearch=${filter.filterSearch ? filter.filterSearch : ''}&filterField=${filter.filterField ? filter.filterField : ''}&pageNumber=${\r\n\t\t\t\tfilter.pageNumber ? filter.pageNumber : 0\r\n\t\t\t}&pageSize=${filter.pageSize ? filter.pageSize : 10}&sortCol=${filter.sortCol ? filter.sortCol : ''}`,\r\n\t\t\tconfig\r\n\t\t);\r\n\r\n\t\t// console.info('Associates: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_LIST_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_LIST_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n\r\nexport const addUnimed = (unimed) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_ADD_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tunimed.createdByUser = userInfo.userId;\r\n\t\tunimed.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/unimed`, unimed, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_ADD_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\t// if (message === 'Não autorizado') {\r\n\t\t// \tdispatch(logout());\r\n\t\t// }\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_ADD_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const updateUnimed = (unimed) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_UPDATE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tunimed.createdByUser = userInfo.userId;\r\n\t\tunimed.modifiedByUser = userInfo.userId;\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.put(`${process.env.REACT_APP_API_URL}/api/unimed`, unimed, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_UPDATE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_UPDATE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n\r\nexport const removeUnimed = (unimed) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_REMOVE_REQUEST,\r\n\t\t});\r\n\r\n\t\t// console.log('Associate Info: ', associate);\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\t// console.log('User info: ', userInfo);\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\t// console.log('Config: ', config);\r\n\r\n\t\tconst { data } = await axios.delete(`${process.env.REACT_APP_API_URL}/api/unimed/${unimed.transactionId}`, config);\r\n\r\n\t\t// console.log('Response: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_REMOVE_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t} catch (error) {\r\n\t\t// console.log('Error: ', error);\r\n\t\tconst message = error.response && error.response.data.message ? error.response.data.message : error.message;\r\n\t\tdispatch({\r\n\t\t\ttype: UNIMED_REMOVE_FAIL,\r\n\t\t\tpayload: message,\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tdispatch({\r\n\t\t\t\ttype: UNIMED_RESET,\r\n\t\t\t});\r\n\t\t}, 3000);\r\n\t}\r\n};\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport clsx from 'clsx';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport {\r\n\t// Paper,\r\n\t// InputBase,\r\n\tIconButton,\r\n\tDrawer,\r\n\tList,\r\n\tButton,\r\n\tFormControl,\r\n\tInputLabel,\r\n\tMenuItem,\r\n\tSelect,\r\n\tTextField,\r\n} from '@material-ui/core';\r\n\r\nimport moment from 'moment';\r\n\r\n// import moment from 'moment';\r\n// import 'moment/locale/pt-br';\r\n\r\n// import { KeyboardDatePicker } from '@material-ui/pickers';\r\nimport DatePicker from '../../components/datePicker';\r\n\r\n// * table search\r\nimport {\r\n\t// Search as SearchIcon,\r\n\t// CallSplit as CallSplitIcon,\r\n\tAdd as PlusIcon,\r\n} from '@material-ui/icons';\r\nimport { BiFilterAlt } from 'react-icons/bi';\r\n\r\nimport classNames from 'classnames';\r\n\r\n// components\r\nimport PageTitle from '../../components/pageTitle';\r\nimport UnimedTable from './components/unimedTable';\r\nimport { Popup } from '../../components/popup/Popup';\r\nimport UnimedForm from './components/unimedForm';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listUnimed, addUnimed, updateUnimed, removeUnimed } from '../../actions/unimedActions';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from './useStyles';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst date = new Date();\r\n\r\nconst Unimed = () => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\tconst unimedList = useSelector((state) => state.unimedList);\r\n\tconst { unimedTransactions, total, error } = unimedList;\r\n\r\n\tconst unimedAdd = useSelector((state) => state.unimedAdd);\r\n\tconst { error: errorAdd, loading: isLoading, success: successAdd, unimed } = unimedAdd;\r\n\r\n\tconst unimedUpdate = useSelector((state) => state.unimedUpdate);\r\n\tconst { success: successUpdate, error: errorUpdate } = unimedUpdate;\r\n\r\n\tconst unimedRemove = useSelector((state) => state.unimedRemove);\r\n\tconst { success: successRemove, error: errorRemove } = unimedRemove;\r\n\r\n\tconst [page, setPage] = useState(0);\r\n\tconst [pageSize, setPageSize] = useState(10);\r\n\tconst [searchValue, setSearchValue] = useState('');\r\n\tconst [openUnimedPopup, setOpenUnimedPopup] = useState(false);\r\n\tconst [selectedDateFilter, setSelectedDateFilter] = useState('');\r\n\tconst [selectedStartingDate, setSelectedStartingDate] = useState(new Date(date.getFullYear(), date.getMonth(), 1));\r\n\tconst [selectedEndingDate, setSelectedEndingDate] = useState(new Date(date.getFullYear(), date.getMonth(), 30));\r\n\tconst [selectedFilterField, setSelectedFilterField] = useState('');\r\n\r\n\tconst inputSearchRef = useRef('');\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUnimed({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t}, [pageSize]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (successRemove) {\r\n\t\t\ttoast.success(successRemove);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistUnimed({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsetOpenUnimedPopup(false);\r\n\t\t}\r\n\r\n\t\tif (errorRemove) {\r\n\t\t\ttoast.error(errorRemove);\r\n\t\t}\r\n\t}, [errorRemove, successRemove]);\r\n\r\n\tuseEffect(() => {\r\n\t\tconsole.log('Success: ', successAdd);\r\n\t\tif (successUpdate) {\r\n\t\t\ttoast.success(successUpdate);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistUnimed({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'e.modifiedOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\tsetOpenUnimedPopup(false);\r\n\t\t}\r\n\r\n\t\tif (errorUpdate) {\r\n\t\t\ttoast.error(errorUpdate);\r\n\t\t}\r\n\t}, [errorUpdate, successUpdate]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\t}, [error]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (successAdd) {\r\n\t\t\ttoast.success(successAdd);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistUnimed({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'e.createdOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t\t// setOpenUnimedPopup(false);\r\n\t\t}\r\n\r\n\t\tif (errorAdd) {\r\n\t\t\ttoast.error(errorAdd);\r\n\t\t}\r\n\t}, [successAdd, errorAdd]);\r\n\r\n\tconst handlePageClick = (data) => {\r\n\t\tlet selected = data.selected;\r\n\t\tsetPage(selected);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUnimed({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: selected,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t\tsetOpenUnimedPopup(false);\r\n\t};\r\n\r\n\tconst handlePageSizeClick = (ps) => {\r\n\t\tsetPageSize(ps);\r\n\t};\r\n\r\n\tconst handleSearch = (e) => {\r\n\t\te.preventDefault();\r\n\t\tsetSearchValue(inputSearchRef.current.value);\r\n\t\tsetPage(0);\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUnimed({\r\n\t\t\t\t\tfilterSearch: inputSearchRef.current.value,\r\n\t\t\t\t\tfilterField: selectedFilterField,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t\tfilterDate: selectedDateFilter,\r\n\t\t\t\t\tstartingDate: moment(new Date(selectedStartingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t\tendingDate: moment(new Date(selectedEndingDate)).format('yyyy-MM-DD'),\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handleSaveUnimed = (values) => {\r\n\t\t// console.log('New Values: ', values);\r\n\t\tif (values.transactionId) {\r\n\t\t\ttrackPromise(dispatch(updateUnimed(values)));\r\n\t\t} else {\r\n\t\t\ttrackPromise(dispatch(addUnimed(values)));\r\n\t\t}\r\n\t};\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t- \r\n\t\t\t\t
Filtros
\r\n\r\n\t\t\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default Unimed;\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport { TextField, Button } from '@material-ui/core';\r\n\r\nconst UnimedServiceForm = ({ service, handleSaveService }) => {\r\n\tconst [serviceId, setServiceId] = useState(0);\r\n\tconst [description, setDescription] = useState('');\r\n\tconst [buttonText, setButtonText] = useState('Salvar');\r\n\r\n\tuseEffect(() => {\r\n\t\tif (service) {\r\n\t\t\t// console.log('Service Data: ', service);\r\n\t\t\tsetServiceId(service.serviceId);\r\n\t\t\tsetButtonText('Atualizar');\r\n\t\t\tsetDescription(service.service);\r\n\t\t\tsetServiceId(service.serviceId);\r\n\t\t}\r\n\t}, [service]);\r\n\r\n\tconst saveServiceHandler = () => {\r\n\t\thandleSaveService({\r\n\t\t\tserviceId,\r\n\t\t\tservice: description,\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\t
\r\n\t\t\t{unimedTransactions ? (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('left')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\tNenhum registro encontrado
\r\n\t\t\t)}\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default UnimedServiceForm;\r\n","import moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport const Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'serviceId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Serviço',\r\n\t\taccessor: 'service',\r\n\t},\r\n];\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginRight: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginBottom: 15,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t\toverflow: 'hidden',\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\t// marginLeft: 15,\r\n\t\tmarginBottom: 15,\r\n\t\tmarginRight: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n","import React, { useEffect, useState, useMemo } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport clsx from 'clsx';\r\nimport { useTable, useSortBy, usePagination, useRowSelect } from 'react-table';\r\n\r\nimport { FormControl, InputLabel, MenuItem, Select, Drawer, Button, List, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport { Edit as EditIcon, ViewWeek as ViewWeekIcon, Delete as DeleteIcon } from '@material-ui/icons';\r\n\r\n// * local components\r\nimport Spinner from '../../../../components/spinner';\r\nimport { Checkbox } from '../../../../components/Checkbox/Checkbox';\r\n// import Pagination from '../../../../components/pagination';\r\nimport { Popup } from '../../../../components/popup/Popup';\r\nimport UnimedServiceForm from '../unimedServiceForm';\r\n\r\n// * table columns\r\nimport { Columns } from '../columns/unimedSerivceColumns';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listUnimedServices } from '../../../../actions/unimedServiceActions';\r\n\r\nimport ConfirmDialog from '../../../../components/confirmDialog';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from '../../useStyles';\r\n\r\nconst UnimedServiceTable = ({ data, service, totalCount, handlePageClick, handlePageSizeClick, handleSaveService, handleRemoveService, rowSelected, setRowSelected }) => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst unimedServicesList = useSelector((state) => state.unimedServicesList);\r\n\tconst { unimedServices } = unimedServicesList;\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst [serviceRegisterTitle, setServiceRegisterTitle] = useState('');\r\n\tconst [servicesData, setServicesData] = useState(data);\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tsetServicesData(data);\r\n\t}, [data]);\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t\r\n\t\t\t\t setDescription(e.target.value)} style={{ width: '100%' }} />\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t- \r\n\t\t\t\t
Visualização de Colunas
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{allColumns.map((column) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t{rowSelected.original && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t}>\r\n\t\t\t\t\t\tColunas\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('right')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\t{column.isSorted ? (column.IsSortedDesc ? ' 🔽' : ' 🔼') : ''}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{page.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconsole.log('Double click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetOpenServicePopup();\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tServiços por Página \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\r\n\t\t\t\t\t\t\thandlePageSizeClick(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Serviços por Página'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{[10, 40, 100].map((pageSize) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t{/*
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default UnimedServiceTable;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport { Paper, InputBase, IconButton } from '@material-ui/core';\r\n\r\n// * table search\r\nimport { Search as SearchIcon, Add as PlusIcon } from '@material-ui/icons';\r\n\r\n// components\r\nimport PageTitle from '../../components/pageTitle';\r\nimport UnimedServiceTable from './components/unimedServiceTable';\r\nimport { Popup } from '../../components/popup/Popup';\r\nimport Pagination from '../../components/pagination';\r\nimport UnimedServiceForm from './components/unimedServiceForm';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listUnimedServices, addUnimedService, updateUnimedService, removeUnimedService } from '../../actions/unimedServiceActions';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from './useStyles';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst UnimedServices = () => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [page, setPage] = useState(0);\r\n\tconst [pageSize, setPageSize] = useState(10);\r\n\tconst [searchValue, setSearchValue] = useState('');\r\n\tconst [openServicePopup, setOpenServicePopup] = useState(false);\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\tconst [forcePage, setForcePage] = useState(null);\r\n\r\n\tconst unimedServicesList = useSelector((state) => state.unimedServicesList);\r\n\tconst { unimedServices, total, error } = unimedServicesList;\r\n\r\n\tconst unimedServiceAdd = useSelector((state) => state.unimedServiceAdd);\r\n\tconst { error: errorAdd, loading: loadingAdd, success: successAdd, service } = unimedServiceAdd;\r\n\r\n\tconst unimedServiceUpdate = useSelector((state) => state.unimedServiceUpdate);\r\n\tconst { error: errorUpdate, loading: loadingUpdate, success: successUpdate } = unimedServiceUpdate;\r\n\r\n\tconst unimedServiceRemove = useSelector((state) => state.unimedServiceRemove);\r\n\tconst { error: errorRemove, loading: loadingRemove, success: successRemove } = unimedServiceRemove;\r\n\r\n\tconst inputSearchRef = useRef('');\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUnimedServices({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t}, [pageSize]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\t}, [error]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorAdd) {\r\n\t\t\ttoast.error(errorAdd);\r\n\t\t}\r\n\r\n\t\tif (successAdd) {\r\n\t\t\ttoast.success(successAdd);\r\n\t\t\tsetPage(0);\r\n\t\t\tsetRowSelected({});\r\n\t\t\tsetOpenServicePopup(false);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistUnimedServices({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\t// sortCol: 'createdOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t}, [successAdd, errorAdd]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorUpdate) {\r\n\t\t\ttoast.error(errorUpdate);\r\n\t\t}\r\n\r\n\t\tif (successUpdate) {\r\n\t\t\ttoast.success(successUpdate);\r\n\t\t\tsetPage(0);\r\n\t\t\tsetRowSelected({});\r\n\t\t\tsetOpenServicePopup(false);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistUnimedServices({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'modifiedOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t}, [successUpdate, errorUpdate]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorRemove) {\r\n\t\t\ttoast.error(errorRemove);\r\n\t\t}\r\n\r\n\t\tif (successRemove) {\r\n\t\t\ttoast.success(successRemove);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistUnimedServices({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t}, [errorRemove, successRemove]);\r\n\r\n\tconst handlePageClick = (data) => {\r\n\t\tlet selected = data.selected;\r\n\t\tsetPage(selected);\r\n\t\tsetRowSelected({});\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUnimedServices({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: selected,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handlePageSizeClick = (ps) => {\r\n\t\tsetPageSize(ps);\r\n\t};\r\n\r\n\tconst handleSearch = (e) => {\r\n\t\te.preventDefault();\r\n\t\tsetSearchValue(inputSearchRef.current.value);\r\n\t\tsetPage(0);\r\n\t\tsetRowSelected({});\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistUnimedServices({\r\n\t\t\t\t\tfilterSearch: inputSearchRef.current.value,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handleSaveService = (values) => {\r\n\t\tif (values.serviceId) {\r\n\t\t\tdispatch(updateUnimedService(values));\r\n\t\t} else {\r\n\t\t\tdispatch(addUnimedService(values));\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleRemoveService = (service) => {\r\n\t\tsetPage(0);\r\n\t\tsetRowSelected({});\r\n\t\tdispatch(removeUnimedService(service));\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t{unimedServices ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t setSearchValue(e.target.value)}\r\n\t\t\t\t\t\t\tplaceholder='Buscar Serviço'\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t handleSearch(e)}>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t) : (\r\n\t\t\t\tNenhum registro encontrado
\r\n\t\t\t)}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default UnimedServices;\r\n","import React, { useEffect, useState } from 'react';\r\n\r\nimport { TextField, Button } from '@material-ui/core';\r\n\r\nconst CovenantForm = ({ covenant, handleSaveCovenant }) => {\r\n\tconst [covenantId, setCovenantId] = useState(0);\r\n\tconst [fantasyName, setFantasyName] = useState('');\r\n\tconst [buttonText, setButtonText] = useState('Salvar');\r\n\r\n\tuseEffect(() => {\r\n\t\tif (covenant) {\r\n\t\t\t// console.log('Service Data: ', service);\r\n\t\t\tsetCovenantId(covenant.covenantId);\r\n\t\t\tsetButtonText('Atualizar');\r\n\t\t\tsetFantasyName(covenant.fantasyName);\r\n\t\t}\r\n\t}, [covenant]);\r\n\r\n\tconst saveCovenantHandler = () => {\r\n\t\thandleSaveCovenant({\r\n\t\t\tcovenantId,\r\n\t\t\tfantasyName,\r\n\t\t});\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default CovenantForm;\r\n","import moment from 'moment';\r\nimport 'moment/locale/pt-br';\r\n\r\nexport const Columns = [\r\n\t{\r\n\t\tHeader: 'Código',\r\n\t\taccessor: 'covenantId',\r\n\t},\r\n\t{\r\n\t\tHeader: 'Fantasia',\r\n\t\taccessor: 'fantasyName',\r\n\t},\r\n];\r\n","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nexport const useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\twidth: '100%',\r\n\t},\r\n\ttableContainer: {\r\n\t\tborderRadius: 10,\r\n\t\tbackgroundColor: 'white',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\theading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t},\r\n\tsecondaryHeading: {\r\n\t\tfontSize: theme.typography.pxToRem(15),\r\n\t\tcolor: theme.palette.text.secondary,\r\n\t},\r\n\tcolumn: {\r\n\t\tflexBasis: '33.33%',\r\n\t},\r\n\tsearch: {\r\n\t\tpadding: '2px 4px',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tmarginRight: 20,\r\n\t},\r\n\tinput: {\r\n\t\tmarginLeft: theme.spacing(1),\r\n\t\tflex: 1,\r\n\t},\r\n\ttoolBar: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'space-between',\r\n\t\tmarginBottom: 15,\r\n\t},\r\n\ticonButton: {\r\n\t\tpadding: 10,\r\n\t},\r\n\ttable: {\r\n\t\twidth: '100%',\r\n\t\t// minWidth: 1200,\r\n\t\toverflowY: 'scroll',\r\n\t\tposition: 'relative',\r\n\t\tborderCollapse: 'collapse',\r\n\t},\r\n\ttHead: {\r\n\t\tbackground: 'white',\r\n\t\ttextTransform: 'uppercase',\r\n\t\tposition: 'sticky',\r\n\t\ttop: 0,\r\n\t\tboxShadow: '0 2px 2px -1px rgba(0, 0, 0, 0.4)',\r\n\t},\r\n\ttCell: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 170,\r\n\t},\r\n\tselectEmpty: {\r\n\t\tmarginTop: theme.spacing(2),\r\n\t},\r\n\tlist: {\r\n\t\tpaddingLeft: 10,\r\n\t\twidth: 250,\r\n\t\toverflow: 'hidden',\r\n\t},\r\n\tpagingContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpaddingTop: 15,\r\n\t},\r\n\tselect: {\r\n\t\tpadding: 8,\r\n\t\tborder: '1px solid lightgray',\r\n\t\tborderRadius: 6,\r\n\t\tfontSize: 16,\r\n\t},\r\n\tbutton: {\r\n\t\t// marginLeft: 15,\r\n\t\tmarginBottom: 15,\r\n\t\tmarginRight: 15,\r\n\t},\r\n\tsuccessButon: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.success.main,\r\n\t},\r\n\tinfoButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.info.main,\r\n\t},\r\n\twarningButton: {\r\n\t\tcolor: theme.palette.info,\r\n\t\tbackgroundColor: theme.palette.warning.main,\r\n\t},\r\n\terrorButton: {\r\n\t\tcolor: theme.palette.background.paper,\r\n\t\tbackgroundColor: theme.palette.error.main,\r\n\t},\r\n\ttextField: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tmarginTop: theme.spacing(2),\r\n\t\twidth: '21.5ch',\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n","import React, { useEffect, useState, useMemo } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport clsx from 'clsx';\r\nimport { useTable, useSortBy, usePagination, useRowSelect } from 'react-table';\r\n\r\nimport { FormControl, InputLabel, MenuItem, Select, Drawer, Button, List, TableBody, TableCell, TableHead, TableRow } from '@material-ui/core';\r\n\r\nimport MaUTable from '@material-ui/core/Table';\r\nimport classNames from 'classnames';\r\n\r\nimport { Edit as EditIcon, ViewWeek as ViewWeekIcon, Delete as DeleteIcon } from '@material-ui/icons';\r\n\r\n// * local components\r\nimport Spinner from '../../../../components/spinner';\r\nimport { Checkbox } from '../../../../components/Checkbox/Checkbox';\r\nimport { Popup } from '../../../../components/popup/Popup';\r\nimport CovenantForm from '../covenantForm';\r\n\r\n// * table columns\r\nimport { Columns } from '../columns/covenantColumns';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listCovenants } from '../../../../actions/covenantActions';\r\n\r\nimport ConfirmDialog from '../../../../components/confirmDialog';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from '../../useStyles';\r\n\r\nconst CovenantTable = ({ data, handlePageSizeClick, handleSaveCovenant, handleRemoveCovenant, rowSelected, setRowSelected }) => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst covenantsList = useSelector((state) => state.covenantsList);\r\n\tconst { covenants } = covenantsList;\r\n\r\n\tconst columns = useMemo(() => Columns, []);\r\n\tconst [covenantRegisterTitle, setCovenantRegisterTitle] = useState('');\r\n\tconst [covenantsData, setCovenantsData] = useState(data);\r\n\tconst [confirmDialog, setConfirmDialog] = useState({\r\n\t\tisOpen: false,\r\n\t\ttitle: '',\r\n\t\tsubTitle: '',\r\n\t});\r\n\r\n\tuseEffect(() => {\r\n\t\tsetCovenantsData(data);\r\n\t}, [data]);\r\n\r\n\tconst [sideState, setSideState] = useState({\r\n\t\ttop: false,\r\n\t\tleft: false,\r\n\t\tbottom: false,\r\n\t\tright: false,\r\n\t});\r\n\r\n\tconst toggleDrawer = (anchor, open) => (event) => {\r\n\t\tif (event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSideState({ ...sideState, [anchor]: open });\r\n\t};\r\n\r\n\tconst list = (anchor) => (\r\n\t\t\r\n\t\t\t\t setFantasyName(e.target.value)} style={{ width: '100%' }} />\r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t- \r\n\t\t\t\t
Visualização de Colunas
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{allColumns.map((column) => (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t))}\r\n\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\t{rowSelected.original && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t}>\r\n\t\t\t\t\t\tColunas\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{list('right')}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{headerGroups.map((headerGroup) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((column) => (\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{column.render('Header')}\r\n\t\t\t\t\t\t\t\t\t\t{column.isSorted ? (column.IsSortedDesc ? ' 🔽' : ' 🔼') : ''}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{page.map((row) => {\r\n\t\t\t\t\t\t\tprepareRow(row);\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tconsole.log('Double click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetOpenCovenantPopup();\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t// console.log('Single click', row);\r\n\t\t\t\t\t\t\t\t\t\t\tsetRowSelected(row);\r\n\t\t\t\t\t\t\t\t\t\t\trow.isSelected = true;\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tbackground: row.isSelected && row.index === rowSelected.index && '#00afec',\r\n\t\t\t\t\t\t\t\t\t\t\tcolor: row.isSelected && row.index === rowSelected.index && 'white',\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{row.cells.map((cell) => {\r\n\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{cell.render('Cell')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\tConvênios por Página \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetPageSize(Number(e.target.value));\r\n\t\t\t\t\t\t\thandlePageSizeClick(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Convênios por Página'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{[10, 40, 100].map((pageSize) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t{/*
\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default CovenantTable;\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { trackPromise } from 'react-promise-tracker';\r\nimport { Paper, InputBase, IconButton } from '@material-ui/core';\r\n\r\n// * table search\r\nimport { Search as SearchIcon, Add as PlusIcon } from '@material-ui/icons';\r\n\r\n// components\r\nimport PageTitle from '../../components/pageTitle';\r\nimport CovenantTable from './components/covenantTable';\r\nimport { Popup } from '../../components/popup/Popup';\r\nimport Pagination from '../../components/pagination';\r\nimport CovenantForm from './components/covenantForm';\r\n\r\n// * redux\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { listCovenants, addCovenant, updateCovenant, removeCovenant } from '../../actions/covenantActions';\r\n\r\n// import './styles.css';\r\nimport { useStyles } from './useStyles';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst Covenants = () => {\r\n\tconst classes = useStyles();\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [page, setPage] = useState(0);\r\n\tconst [pageSize, setPageSize] = useState(10);\r\n\tconst [searchValue, setSearchValue] = useState('');\r\n\tconst [openCovenantPopup, setOpenCovenantPopup] = useState(false);\r\n\tconst [rowSelected, setRowSelected] = useState({});\r\n\r\n\tconst covenantsList = useSelector((state) => state.covenantsList);\r\n\tconst { covenants, total, error } = covenantsList;\r\n\r\n\tconst covenantAdd = useSelector((state) => state.covenantAdd);\r\n\tconst { error: errorAdd, loading: loadingAdd, success: successAdd, covenant } = covenantAdd;\r\n\r\n\tconst covenantUpdate = useSelector((state) => state.covenantUpdate);\r\n\tconst { error: errorUpdate, loading: loadingUpdate, success: successUpdate } = covenantUpdate;\r\n\r\n\tconst covenantRemove = useSelector((state) => state.covenantRemove);\r\n\tconst { error: errorRemove, loading: loadingRemove, success: successRemove } = covenantRemove;\r\n\r\n\tconst inputSearchRef = useRef('');\r\n\r\n\tuseEffect(() => {\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistCovenants({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: page,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t}, [pageSize]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\t}, [error]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorAdd) {\r\n\t\t\ttoast.error(errorAdd);\r\n\t\t}\r\n\r\n\t\tif (successAdd) {\r\n\t\t\ttoast.success(successAdd);\r\n\t\t\tsetPage(0);\r\n\t\t\tsetRowSelected({});\r\n\t\t\tsetOpenCovenantPopup(false);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistCovenants({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\t// sortCol: 'createdOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t}, [successAdd, errorAdd]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorUpdate) {\r\n\t\t\ttoast.error(errorUpdate);\r\n\t\t}\r\n\r\n\t\tif (successUpdate) {\r\n\t\t\ttoast.success(successUpdate);\r\n\t\t\tsetPage(0);\r\n\t\t\tsetRowSelected({});\r\n\t\t\tsetOpenCovenantPopup(false);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistCovenants({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t\tsortCol: 'modifiedOnDate desc',\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t}, [successUpdate, errorUpdate]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (errorRemove) {\r\n\t\t\ttoast.error(errorRemove);\r\n\t\t}\r\n\r\n\t\tif (successRemove) {\r\n\t\t\ttoast.success(successRemove);\r\n\t\t\tsetPage(0);\r\n\t\t\ttrackPromise(\r\n\t\t\t\tdispatch(\r\n\t\t\t\t\tlistCovenants({\r\n\t\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\t\tpageSize,\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t\t);\r\n\t\t}\r\n\t}, [errorRemove, successRemove]);\r\n\r\n\tconst handlePageClick = (data) => {\r\n\t\tlet selected = data.selected;\r\n\t\tsetPage(selected);\r\n\t\tsetRowSelected({});\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistCovenants({\r\n\t\t\t\t\tfilterSearch: searchValue,\r\n\t\t\t\t\tpageNumber: selected,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handlePageSizeClick = (ps) => {\r\n\t\tsetPageSize(ps);\r\n\t};\r\n\r\n\tconst handleSearch = (e) => {\r\n\t\te.preventDefault();\r\n\t\tsetSearchValue(inputSearchRef.current.value);\r\n\t\tsetPage(0);\r\n\t\tsetRowSelected({});\r\n\t\ttrackPromise(\r\n\t\t\tdispatch(\r\n\t\t\t\tlistCovenants({\r\n\t\t\t\t\tfilterSearch: inputSearchRef.current.value,\r\n\t\t\t\t\tpageNumber: 0,\r\n\t\t\t\t\tpageSize,\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t);\r\n\t};\r\n\r\n\tconst handleSaveCovenant = (values) => {\r\n\t\tif (values.covenantId) {\r\n\t\t\tdispatch(updateCovenant(values));\r\n\t\t} else {\r\n\t\t\tdispatch(addCovenant(values));\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleRemoveCovenant = (covenant) => {\r\n\t\tsetPage(0);\r\n\t\tsetRowSelected({});\r\n\t\tdispatch(removeCovenant(covenant));\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\t{covenants ? (\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t setSearchValue(e.target.value)}\r\n\t\t\t\t\t\t\tplaceholder='Buscar Convênio'\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t handleSearch(e)}>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t) : (\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\tNenhum registro encontrado
\r\n\t\t\t)}\r\n\t\t\r\n\t);\r\n};\r\n\r\nexport default Covenants;\r\n","export default [\r\n\t{ text: '1', value: 1 },\r\n\t{ text: '2', value: 2 },\r\n\t{ text: '3', value: 3 },\r\n\t{ text: '4', value: 4 },\r\n\t{ text: '5', value: 5 },\r\n\t{ text: '6', value: 6 },\r\n\t{ text: '7', value: 7 },\r\n\t{ text: '8', value: 8 },\r\n\t{ text: '9', value: 9 },\r\n\t{ text: '10', value: 10 },\r\n\t{ text: '11', value: 11 },\r\n\t{ text: '12', value: 12 },\r\n\t{ text: '13', value: 13 },\r\n\t{ text: '14', value: 14 },\r\n\t{ text: '15', value: 15 },\r\n\t{ text: '16', value: 16 },\r\n\t{ text: '17', value: 17 },\r\n\t{ text: '18', value: 18 },\r\n\t{ text: '19', value: 19 },\r\n\t{ text: '20', value: 20 },\r\n\t{ text: '21', value: 21 },\r\n\t{ text: '22', value: 22 },\r\n\t{ text: '23', value: 23 },\r\n\t{ text: '24', value: 24 },\r\n\t{ text: '25', value: 25 },\r\n\t{ text: '26', value: 26 },\r\n\t{ text: '27', value: 27 },\r\n\t{ text: '28', value: 28 },\r\n\t{ text: '29', value: 29 },\r\n\t{ text: '30', value: 30 },\r\n\t{ text: '31', value: 31 },\r\n];\r\n","import React, { useEffect, useState } from 'react';\r\nimport {\r\n\tFormControl,\r\n\t// FormControlLabel,\r\n\tInputLabel,\r\n\tMenuItem,\r\n\tSelect,\r\n\t// RadioGroup,\r\n\t// Radio,\r\n\tButton,\r\n\tCircularProgress,\r\n} from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nimport years from '../../data/years';\r\nimport months from '../../data/months';\r\nimport days from '../../data/days';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { exportData } from '../../actions/dataExportActions';\r\n\r\nimport { toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\tformControl: {\r\n\t\tmargin: theme.spacing(1),\r\n\t\tminWidth: 180,\r\n\t},\r\n\tstatementContainer: {\r\n\t\tpadding: theme.spacing(2),\r\n\t},\r\n\tloginLoader: {\r\n\t\tmarginLeft: theme.spacing(4),\r\n\t},\r\n}));\r\n\r\nconst date = new Date();\r\n\r\nconst ExportAssociates = () => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [selectedYear, setSelectedYear] = useState('2023');\r\n\tconst [selectedMonth, setSelectedMonth] = useState(date.getMonth() - 1);\r\n\tconst [dueDay, setDueDay] = useState(20);\r\n\r\n\tconst dataExport = useSelector((state) => state.dataExport);\r\n\tconst { loading, success, error } = dataExport;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (error) {\r\n\t\t\ttoast.error(error);\r\n\t\t}\r\n\r\n\t\tif (success) {\r\n\t\t\ttoast.success(success);\r\n\t\t}\r\n\t}, [error, success]);\r\n\r\n\tconst exportDataHandler = () => {\r\n\t\tdispatch(exportData({ selectedYear, selectedMonth: selectedMonth + 1, dueDay }));\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t
\r\n\t);\r\n};\r\n\r\nexport default ExportAssociates;\r\n","import axios from 'axios';\r\n// import moment from 'moment';\r\n\r\nimport { EXPORT_DATA_REQUEST, EXPORT_DATA_SUCCESS, EXPORT_DATA_FAIL } from '../constants/dataExportConstants';\r\n\r\nexport const exportData = (filter) => async (dispatch, getState) => {\r\n\ttry {\r\n\t\tdispatch({\r\n\t\t\ttype: EXPORT_DATA_REQUEST,\r\n\t\t});\r\n\r\n\t\tconst {\r\n\t\t\tuserLogin: { userInfo },\r\n\t\t} = getState();\r\n\r\n\t\tconst config = {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t\tAuthorization: `Bearer ${userInfo.token}`,\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tconst { data } = await axios.post(`${process.env.REACT_APP_API_URL}/api/export`, filter, config);\r\n\r\n\t\t// console.info('Associates: ', data);\r\n\r\n\t\tdispatch({\r\n\t\t\ttype: EXPORT_DATA_SUCCESS,\r\n\t\t\tpayload: data,\r\n\t\t});\r\n\t} catch (error) {\r\n\t\tdispatch({\r\n\t\t\ttype: EXPORT_DATA_FAIL,\r\n\t\t\tpayload: error.response && error.response.data.message ? error.response.data.message : error.message,\r\n\t\t});\r\n\t}\r\n};\r\n","import React, { useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Link } from 'react-router-dom';\r\nimport { ListItem, ListItemIcon, ListItemText, ListSubheader } from '@material-ui/core';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport {\r\n\tPeople,\r\n\tSupervisorAccount,\r\n\t// ImportContacts,\r\n\tUpdate,\r\n\tAttachMoney,\r\n\t// AccountTree,\r\n\tHome,\r\n\tPeopleOutline,\r\n\tSettings,\r\n\t// Settings,\r\n\t// ImportExport,\r\n\tHealingOutlined,\r\n} from '@material-ui/icons';\r\nimport { GiExpense } from 'react-icons/gi';\r\nimport { BiImport, BiExport } from 'react-icons/bi';\r\nimport AssignmentIcon from '@material-ui/icons/Assignment';\r\n\r\nimport { Popup } from '../popup/Popup';\r\nimport StatementWindow from '../statementWindow/statementWindow';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { monthlyStatement, monthlyStatement2 } from '../../actions/statementActions';\r\n\r\nimport ExportAssociates from '../exportAssociates/exportAssociates';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\ticonColor: {\r\n\t\tcolor: theme.palette.common.green,\r\n\t},\r\n\tactive: {\r\n\t\tbackgroundColor: '#f4f4f4',\r\n\t},\r\n}));\r\n\r\nexport const MainListItems = () => {\r\n\tconst classes = useStyles();\r\n\tconst history = useHistory();\r\n\tconst location = useLocation();\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\t// useEffect(() => {\r\n\t// \tif (userInfo) {\r\n\t// \t\t// history.push('/login?redirect=' + location.pathname);\r\n\t// \t\tconsole.log('user info: ', userInfo);\r\n\t// \t}\r\n\t// }, [userInfo]);\r\n\r\n\tconst menuItems = [\r\n\t\t{\r\n\t\t\ttext: 'PRINCIPAL',\r\n\t\t\ticon: \r\n\t\t\t\t\r\n\t\t\t\t\tAno \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetSelectedYear(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Ano'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{years.map((year) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\tMês Referência \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetSelectedMonth(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Mês Referência'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{months.map((month) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\tVencimento \r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tsetDueDay(Number(e.target.value));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tlabel='Vencimento'\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{days.map((day) => (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t\t\r\n\t\t\t\t{loading ? (\r\n\t\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\t\t\t\r\n\t\t\t{menuItems.map((item) => {\r\n\t\t\t\t// console.log('Menu info: ', item);\r\n\t\t\t\tif (item.isSuperUser || item.public) {\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t history.push(item.path)} className={location.pathname === item.path ? classes.active : null}>\r\n\t\t\t\t\t\t\t{item.icon} \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t);\r\n\t\t\t\t}\r\n\t\t\t})}\r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport const SecondaryListItems = () => {\r\n\tconst classes = useStyles();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\tconst statementMonthly = useSelector((state) => state.statementMonthly);\r\n\tconst { loading: monthlyStatementLoading } = statementMonthly;\r\n\r\n\tconst [openMonthlyStatementPopup, setOpenMonthlyStatementPopup] = useState(false);\r\n\r\n\tconst monthlyStatementHandler = (selectedMonth, selectedYear, selectedModel) => {\r\n\t\tif (selectedModel === '1') {\r\n\t\t\tdispatch(monthlyStatement(selectedMonth, selectedYear));\r\n\t\t} else {\r\n\t\t\tdispatch(monthlyStatement2(selectedMonth, selectedYear));\r\n\t\t}\r\n\t};\r\n\r\n\tconst [openExportPopup, setOpenExportPopup] = useState(false);\r\n\r\n\tif (userInfo.isSuperUser) {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\tRelatórios \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t setOpenMonthlyStatementPopup(true)} />\r\n\t\t\t\t \r\n\t\t\t\t{/* \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\tCobrança \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t setOpenExportPopup(true)} />\r\n\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\tConfigurações \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t);\r\n\t} else {\r\n\t\treturn null;\r\n\t}\r\n};\r\n","import React, { useState } from 'react';\r\nimport clsx from 'clsx';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport {\r\n\tDrawer,\r\n\tMenu,\r\n\tMenuItem,\r\n\t// Box,\r\n\tAppBar,\r\n\tToolbar,\r\n\tList,\r\n\tDivider,\r\n\tIconButton,\r\n\tContainer,\r\n\tGrid,\r\n\tPaper,\r\n\t// CircularProgress,\r\n} from '@material-ui/core';\r\n\r\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\r\n\r\nimport { MainListItems, SecondaryListItems } from '../aside/aside';\r\n\r\nimport { Menu as MenuIcon, Person as AccountIcon } from '@material-ui/icons';\r\n\r\nimport classNames from 'classnames';\r\n\r\nimport { useSelector, useDispatch } from 'react-redux';\r\nimport { updateUser } from '../../actions/userActions';\r\nimport { logout } from '../../actions/authActions';\r\n\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nimport { Typography } from '../wrappers/Wrappers';\r\n\r\nimport { personalStatement, ownPersonalStatement, yearlyStatement } from '../../actions/statementActions';\r\n\r\nimport StatementWindow from '../statementWindow/statementWindow';\r\nimport { Popup } from '../popup/Popup';\r\nimport Registration from '../../pages/users/components/registration';\r\n\r\nimport { getAssociate } from '../../actions/associateActions';\r\n\r\nimport logo from '../../pages/login/logo.png';\r\n\r\nconst drawerWidth = 240;\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\tdisplay: 'flex',\r\n\t},\r\n\ttoolbar: {\r\n\t\tpaddingRight: 24, // keep right padding when drawer closed\r\n\t},\r\n\ttoolbarIcon: {\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'center',\r\n\t\tjustifyContent: 'flex-end',\r\n\t\tpadding: '0 8px',\r\n\t\t...theme.mixins.toolbar,\r\n\t},\r\n\tappBar: {\r\n\t\tzIndex: theme.zIndex.drawer + 1,\r\n\t\ttransition: theme.transitions.create(['width', 'margin'], {\r\n\t\t\teasing: theme.transitions.easing.sharp,\r\n\t\t\tduration: theme.transitions.duration.leavingScreen,\r\n\t\t}),\r\n\t},\r\n\tappBarShift: {\r\n\t\tmarginLeft: drawerWidth,\r\n\t\twidth: `calc(100% - ${drawerWidth}px)`,\r\n\t\ttransition: theme.transitions.create(['width', 'margin'], {\r\n\t\t\teasing: theme.transitions.easing.sharp,\r\n\t\t\tduration: theme.transitions.duration.enteringScreen,\r\n\t\t}),\r\n\t},\r\n\tmenuButton: {\r\n\t\tmarginRight: 36,\r\n\t},\r\n\tmenuButtonHidden: {\r\n\t\tdisplay: 'none',\r\n\t},\r\n\ttitle: {\r\n\t\tflexGrow: 1,\r\n\t},\r\n\tdrawerPaper: {\r\n\t\tposition: 'relative',\r\n\t\twhiteSpace: 'nowrap',\r\n\t\twidth: drawerWidth,\r\n\t\ttransition: theme.transitions.create('width', {\r\n\t\t\teasing: theme.transitions.easing.sharp,\r\n\t\t\tduration: theme.transitions.duration.enteringScreen,\r\n\t\t}),\r\n\t},\r\n\tdrawerPaperClose: {\r\n\t\toverflowX: 'hidden',\r\n\t\ttransition: theme.transitions.create('width', {\r\n\t\t\teasing: theme.transitions.easing.sharp,\r\n\t\t\tduration: theme.transitions.duration.leavingScreen,\r\n\t\t}),\r\n\t\twidth: theme.spacing(7),\r\n\t\t[theme.breakpoints.up('sm')]: {\r\n\t\t\twidth: theme.spacing(9),\r\n\t\t},\r\n\t},\r\n\tappBarSpacer: theme.mixins.toolbar,\r\n\tcontent: {\r\n\t\tflexGrow: 1,\r\n\t\theight: '100vh',\r\n\t\toverflow: 'auto',\r\n\t},\r\n\tcontainer: {\r\n\t\tpaddingTop: theme.spacing(4),\r\n\t\tpaddingBottom: theme.spacing(4),\r\n\t},\r\n\tpaper: {\r\n\t\tpadding: theme.spacing(0),\r\n\t\tdisplay: 'flex',\r\n\t\toverflow: 'auto',\r\n\t\tflexDirection: 'column',\r\n\t},\r\n\t// fixedHeight: {\r\n\t// \theight: 240,\r\n\t// },\r\n\t// purchaseBtn: {\r\n\t// \t[theme.breakpoints.down('sm')]: {\r\n\t// \t\tdisplay: 'none',\r\n\t// \t},\r\n\t// \tmarginRight: theme.spacing(3),\r\n\t// },\r\n\t// logotype: {\r\n\t// \tcolor: 'white',\r\n\t// \tmarginLeft: theme.spacing(2.5),\r\n\t// \tmarginRight: theme.spacing(2.5),\r\n\t// \tfontWeight: 500,\r\n\t// \tfontSize: 18,\r\n\t// \twhiteSpace: 'nowrap',\r\n\t// \t[theme.breakpoints.down('xs')]: {\r\n\t// \t\tdisplay: 'none',\r\n\t// \t},\r\n\t// },\r\n\tappBar: {\r\n\t\twidth: '100vw',\r\n\t\tzIndex: theme.zIndex.drawer + 1,\r\n\t\ttransition: theme.transitions.create(['margin'], {\r\n\t\t\teasing: theme.transitions.easing.sharp,\r\n\t\t\tduration: theme.transitions.duration.leavingScreen,\r\n\t\t}),\r\n\t},\r\n\t// toolbar: {\r\n\t// \tpaddingLeft: theme.spacing(2),\r\n\t// \tpaddingRight: theme.spacing(2),\r\n\t// },\r\n\tgrow: {\r\n\t\tflexGrow: 1,\r\n\t},\r\n\t// search: {\r\n\t// \tposition: 'relative',\r\n\t// \tborderRadius: 25,\r\n\t// \tpaddingLeft: theme.spacing(2.5),\r\n\t// \twidth: 36,\r\n\t// \tbackgroundColor: fade(theme.palette.common.black, 0),\r\n\t// \ttransition: theme.transitions.create(['background-color', 'width']),\r\n\t// \t'&:hover': {\r\n\t// \t\tcursor: 'pointer',\r\n\t// \t\tbackgroundColor: fade(theme.palette.common.black, 0.08),\r\n\t// \t},\r\n\t// },\r\n\t// searchFocused: {\r\n\t// \tbackgroundColor: fade(theme.palette.common.black, 0.08),\r\n\t// \twidth: '100%',\r\n\t// \t[theme.breakpoints.up('md')]: {\r\n\t// \t\twidth: 250,\r\n\t// \t},\r\n\t// },\r\n\t// searchIcon: {\r\n\t// \twidth: 36,\r\n\t// \tright: 0,\r\n\t// \theight: '100%',\r\n\t// \tposition: 'absolute',\r\n\t// \tdisplay: 'flex',\r\n\t// \talignItems: 'center',\r\n\t// \tjustifyContent: 'center',\r\n\t// \ttransition: theme.transitions.create('right'),\r\n\t// \t'&:hover': {\r\n\t// \t\tcursor: 'pointer',\r\n\t// \t},\r\n\t// },\r\n\t// searchIconOpened: {\r\n\t// \tright: theme.spacing(1.25),\r\n\t// },\r\n\theaderMenu: {\r\n\t\tmarginTop: theme.spacing(7),\r\n\t},\r\n\theaderMenuItem: {\r\n\t\t'&:hover, &:focus': {\r\n\t\t\tbackgroundColor: theme.palette.primary.main,\r\n\t\t\tcolor: 'white',\r\n\t\t},\r\n\t},\r\n\theaderMenuButton: {\r\n\t\tmarginLeft: theme.spacing(2),\r\n\t\tpadding: theme.spacing(0.5),\r\n\t},\r\n\theaderIcon: {\r\n\t\tfontSize: 28,\r\n\t\tcolor: 'rgba(255, 255, 255, 0.35)',\r\n\t},\r\n\theaderIconCollapse: {\r\n\t\tcolor: 'white',\r\n\t},\r\n\tprofileMenu: {\r\n\t\tminWidth: 265,\r\n\t},\r\n\tprofileMenuUser: {\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tpadding: theme.spacing(2),\r\n\t},\r\n\tprofileMenuItem: {\r\n\t\tcolor: theme.palette.text.primary,\r\n\t},\r\n\tprofileMenuIcon: {\r\n\t\tmarginRight: theme.spacing(2),\r\n\t\tcolor: theme.palette.text.hint,\r\n\t},\r\n\tprofileMenuLink: {\r\n\t\tfontSize: 16,\r\n\t\ttextDecoration: 'none',\r\n\t\t'&:hover': {\r\n\t\t\tcursor: 'pointer',\r\n\t\t},\r\n\t},\r\n\tlogotypeImage: {\r\n\t\twidth: '8%',\r\n\t},\r\n}));\r\n\r\nconst Layout = ({ children }) => {\r\n\tconst classes = useStyles();\r\n\tconst history = useHistory();\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [profileMenu, setProfileMenu] = useState(null);\r\n\r\n\tconst userLogin = useSelector((state) => state.userLogin);\r\n\tconst { userInfo } = userLogin;\r\n\r\n\tconst [open, setOpen] = React.useState(true);\r\n\r\n\tconst handleDrawerOpen = () => {\r\n\t\tsetOpen(true);\r\n\t};\r\n\r\n\tconst handleDrawerClose = () => {\r\n\t\tsetOpen(false);\r\n\t};\r\n\r\n\tconst [openPersonalStatementPopup, setOpenPersonalStatementPopup] = useState(false);\r\n\tconst [openLoginPopup, setOpenLoginPopup] = useState(false);\r\n\r\n\tconst statementPersonal = useSelector((state) => state.statementPersonal);\r\n\tconst { loading: personalStatementLoading } = statementPersonal;\r\n\r\n\tconst statementOwnPersonal = useSelector((state) => state.statementOwnPersonal);\r\n\tconst { loading: ownPersonalStatementLoading } = statementOwnPersonal;\r\n\r\n\tconst statementYearly = useSelector((state) => state.statementYearly);\r\n\tconst { loading: yearlyStatementLoading } = statementYearly;\r\n\r\n\tconst userUpdate = useSelector((state) => state.userUpdate);\r\n\tconst { loading: isLoading, success: successUpdate, error: userUpdateError } = userUpdate;\r\n\r\n\tconst personalStatementHandler = (person, month, year) => {\r\n\t\tdispatch(personalStatement(person, month, year));\r\n\t};\r\n\r\n\tconst ownPersonalStatementHandler = (person, month, year) => {\r\n\t\tdispatch(ownPersonalStatement(person, month, year));\r\n\t};\r\n\r\n\tconst handleYearlyStatement = () => {\r\n\t\tdispatch(yearlyStatement(userInfo, 2020));\r\n\t};\r\n\r\n\tconst handleSaveUser = (values) => {\r\n\t\tif (values.userId) {\r\n\t\t\tdispatch(updateUser(values));\r\n\t\t\talert('Deve-se sair e entrar novamente para ver as alterações.');\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t)}\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{children} \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t{/* \r\n\t\t\t\t\t\t */}\r\n\t\t\t\t \r\n\t\t\t \r\n\t\t
\r\n\t);\r\n};\r\n\r\nexport default Layout;\r\n","import { HashRouter as Router, Route, Switch } from 'react-router-dom';\r\n\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport { ThemeProvider } from '@material-ui/core/styles';\r\n\r\n// * material ui theme\r\nimport theme from './theme/Theme';\r\n\r\n// * pages\r\nimport Home from './pages/home/home';\r\nimport About from './pages/about';\r\nimport Associates from './pages/associates';\r\nimport Checks from './pages/checks';\r\nimport Dependents from './pages/dependents';\r\nimport Finances from './pages/finances';\r\nimport Login from './pages/login';\r\nimport MyDependents from './pages/myDependents';\r\nimport Users from './pages/users';\r\nimport Addresses from './pages/addresses';\r\nimport Histories from './pages/histories';\r\nimport Import from './pages/import';\r\nimport Expense from './pages/expense';\r\nimport MyAccount from './pages/myAccount';\r\nimport Content from './pages/content';\r\nimport Unimed from './pages/unimed';\r\nimport UnimedService from './pages/unimedServices';\r\nimport Covenants from './pages/covenants';\r\n\r\n// import Header from './components/header';\r\nimport Layout from './components/layout/layout2';\r\n\r\nimport { ToastContainer } from 'react-toastify';\r\n\r\nconst App = () => {\r\n\treturn (\r\n\t\t\r\n\t\t\t\t\t\t\t\t{/* {\r\n\t\t\t\t\t\t\t\t\t\tsetNotificationsMenu(e.currentTarget);\r\n\t\t\t\t\t\t\t\t\t\tsetIsNotificationsUnread(false);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tclassName={classes.headerMenuButton}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\tsetProfileMenu(e.currentTarget);\r\n\t\t\t\t\t\t\t\t\t\tdispatch(getAssociate(userInfo.personId));\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tstyle={{ textAlign: 'right' }}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t setNotificationsMenu(null)}\r\n\t\t\t\t\t\t\t\t\tclassName={classes.headerMenu}\r\n\t\t\t\t\t\t\t\t\tdisableAutoFocusItem\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{notifications.map((notification) => (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetNotificationsMenu(null)\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={classes.headerMenuItem}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t setProfileMenu(null)}\r\n\t\t\t\t\t\t\t\t\tclassName={classes.headerMenu}\r\n\t\t\t\t\t\t\t\t\tclasses={{ paper: classes.profileMenu }}\r\n\t\t\t\t\t\t\t\t\tdisableAutoFocusItem\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\tsetProfileMenu(null);\r\n\t\t\t\t\t\t\t\t\t\t\thistory.push('/minhaconta', userInfo.personId);\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t{userInfo.displayName}\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t {\r\n\t\t\t\t\t\t\t\t\t\t\t\thandleDrawerClose();\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetProfileMenu(null);\r\n\t\t\t\t\t\t\t\t\t\t\t\tdispatch(logout(history));\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\tSair\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t- \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t