\r\n { viewPassword ? {changePasswordView();parentCallback(); e.preventDefault()}} style={style}> : {changePasswordView(); parentCallback(); e.preventDefault()}} style={style}> }\r\n
\r\n )\r\n}\r\n\r\nexport default ShowPassword","import React, { useState } from 'react'\r\nimport LoginInput from '../../LoginInput';\r\nimport ShowPassword from './ShowPassword';\r\n\r\n const ViewPasswordButton = (props) => {\r\n const {locale,setPassword,password,setError,error,loading,style} = props;\r\n const [viewPassword, setViewPassword] = useState(false)\r\n function changePasswordView(){\r\n viewPassword ? setViewPassword(false) : setViewPassword(true);\r\n }\r\n return (\r\n <>\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n );\r\n}\r\n","import Login from './Login';\r\n\r\nexport default Login;","import ForgotPassword from './ForgotPassword';\r\n\r\nexport default ForgotPassword;","import React, { useState, useContext } from \"react\";\r\nimport request from '../../../utils/request';\r\nimport LocalizationContext from \"../../../utils/LocalizationContext\";\r\nimport { useTheme } from \"@material-ui/core\";\r\nimport Progress from \"../../Progress\";\r\nimport Button from \"../../Button\";\r\nimport { getDist } from \"../../../utils/sessionHandler\";\r\nimport LoginInput from \"../../LoginInput\";\r\nimport Button2 from \"../../Button2\";\r\n\r\nexport default function ForgotPassword(props) {\r\n const { classes, dispatch, state, images } = props;\r\n const [loading, setLoading] = useState(false);\r\n const [error, setError] = useState({ type: \"\", message: \"\" });\r\n const [success, setSuccess] = useState(false);\r\n\r\n const locale = useContext(LocalizationContext);\r\n\r\n const theme = useTheme();\r\n\r\n const checkRequiredFields = () => {\r\n if (state.email.length === 0) {\r\n setError({ type: \"userName\", message: \"This field is required\" });\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const forgotPasswordSubmit = e => {\r\n document.activeElement.blur()\r\n e.preventDefault();\r\n\r\n if (!checkRequiredFields()) {\r\n return;\r\n }\r\n\r\n setLoading(true);\r\n\r\n const user = { Email: state.email, DistId: getDist().id };\r\n request()\r\n .post(`/api/login/forgotPassword`, user)\r\n .then(response => {\r\n setLoading(false);\r\n setError({ type: \"success\", message: response.data });\r\n setSuccess(true)\r\n })\r\n .catch(error => {\r\n if (!error.response) { return };\r\n setLoading(false);\r\n setError({ type: \"error\", message: error.response.data.message });\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n {locale.header.login}
\r\n{redirectingText}
\r\n 
\r\n \r\n
\r\n {locale.header.forgotPassword}
\r\n {(error.type === \"error\" || error.type === \"success\") && (\r\n\r\n {viewPassword ? (\r\n
\r\n );\r\n};\r\n\r\nexport default ShowPassword;\r\n","import React, { useState } from 'react'\r\nimport ShowPassword from '../UserResetPassword/ShowPassword.js';\r\nimport LoginInput from \"../../LoginInput\";\r\n\r\n const ViewResetPasswordButton = (props) => {\r\n const {locale,newPassword,setNewPassword,setError,error,loading,t,style,repeatNewPassword,setRepeatNewPassword,success} = props;\r\n\r\nconst [viewNewPassword, setViewNewPassword] = useState(false);\r\nconst [viewRepeatNewPassword, setViewRepeatNewPassword] = useState(false);\r\n\r\n\r\nconst toggleNewPasswordVisibility = () => {\r\n setViewNewPassword(!viewNewPassword);\r\n};\r\n\r\nconst toggleRepeatNewPasswordVisibility = () => {\r\n setViewRepeatNewPassword(!viewRepeatNewPassword);\r\n};\r\n\r\n\r\n return (\r\n <>\r\n {!success && (\r\n \r\n \r\n \r\n {props.label}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n if (variant === \"image\") {\r\n return (\r\n \r\n {\r\n typeof value === \"boolean\" &&\r\n \r\n {value}\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n {props.label}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {props.label} {props.isRequired ? \"*\" : \"\"}\r\n \r\n \r\n {\r\n //se utiliza para number int.\r\n if (props.propertySpecial == \"inputSpecial\") {\r\n //no permito punto, coma, más y menos.\r\n if (e.charCode === 46 || e.charCode === 45 || e.charCode === 44 || e.charCode === 43) {\r\n props.onChange(\"not allowed\")\r\n }\r\n }\r\n }}\r\n autoFocus={props.focused}\r\n spellCheck=\"false\"\r\n className={classnames(classes.inputBaseInput, {\r\n [classes.outlinedInputInput]: variant === \"outlined\",\r\n })}\r\n onFocus={() => setFocused(true)}\r\n onBlur={() => {\r\n setFocused(false)\r\n if (props.onFocusOut)\r\n props.onFocusOut(props.value)\r\n }}\r\n onChange={(e) => {\r\n var validateMaxError = props.maxValue ? (e.target.value > props.maxValue) : false;\r\n if (validateMaxError) {\r\n setErrorValidation(t(\"ValueMustBeLessThan\") + props.maxValue)\r\n setTimeout(() => {\r\n setErrorValidation(\"\")\r\n }, 5000);\r\n e.target.value = props.maxValue\r\n }\r\n else {\r\n if (props.onChange) {\r\n props.onChange(e.target.value)\r\n }\r\n setErrorValidation(\"\")\r\n }\r\n props?.type === \"number\"\r\n ? preventNonNumerical(e)\r\n : props.onChange(e.target.value)\r\n }\r\n }\r\n value={value}\r\n type={isFirefox && props.type === \"number\" ? \"text\" : props.type}\r\n min={props.min}\r\n max={props.max}\r\n autoComplete=\"\"\r\n required={props.required}\r\n disabled={props.disabled}\r\n />\r\n {variant === \"outlined\" && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {!props.noError && (\r\n \r\n {parts.map((part, index) => (\r\n \r\n {part.text}\r\n \r\n ))}\r\n
\r\n );\r\n }}\r\n loading={loading}\r\n loadingText={\"Loading...\"}\r\n />\r\n {props.error && (\r\n \r\n {props.error}\r\n
\r\n )}\r\n \r\n );\r\n}\r\n","import Autocomplete from './Autocomplete';\r\n\r\nexport default Autocomplete;","export const allowOnlyCharactersAndNumbers = (cadena) => {\r\n return cadena.replace(/[^\\w\\s-+&@'.]/, \"\")\r\n};\r\n export const phoneCharAllowed = (cadena) => {\r\n return cadena.replace(/[^0-9\\s-+]/, \"\")\r\n }","import React, { useContext } from 'react';\r\nimport LocalizationContext from \"../../../utils/LocalizationContext\";\r\nimport Input from '../../Input';\r\nimport Autocomplete from '../../Autocomplete';\r\nimport request from '../../../utils/request';\r\nimport { allowOnlyCharactersAndNumbers, phoneCharAllowed } from '../../../utils/functions/Regex';\r\nimport LoginInput from '../../LoginInput';\r\n\r\nconst Company = (props) => {\r\n const { company, setCompany, error, setError, countries, loadingCountries, setEulaAccepted, languages, language, setLanguage } = props;\r\n const locale = useContext(LocalizationContext);\r\n\r\n return (\r\n\r\n {error.type === \"alert\" && (\r\n {\r\n if (param)\r\n request().get(`/api/Company/CompareCompaniesNames?companyName=${param}`).then((response) => {\r\n\r\n }).catch((error) => {\r\n setError({ type: 'warning', message: error.response?.data.Message })\r\n })\r\n }}\r\n onChange={value => {\r\n setCompany({ ...company, Name: value })\r\n setError({})\r\n }}\r\n />\r\n {\r\n setEulaAccepted(false)\r\n setCompany({ ...company, Country: value, CountryId: value?.id })\r\n setError({})\r\n }}\r\n loading={loadingCountries}\r\n error={error.country ? error.message : \"\"}\r\n />\r\n {\r\n setLanguage(value)\r\n setError({})\r\n }}\r\n loading={loadingCountries}\r\n error={error.language ? error.message : \"\"}\r\n />\r\n {\r\n setCompany({ ...company, Province: allowOnlyCharactersAndNumbers(value) })\r\n setError({})\r\n }}\r\n />\r\n {\r\n setCompany({ ...company, City: allowOnlyCharactersAndNumbers(value) })\r\n setError({})\r\n }}\r\n />\r\n {\r\n setCompany({ ...company, PostalCode: allowOnlyCharactersAndNumbers(value) })\r\n setError({})\r\n }}\r\n />\r\n {\r\n setCompany({ ...company, Addres: allowOnlyCharactersAndNumbers(value) })\r\n setError({})\r\n }}\r\n />\r\n {\r\n setCompany({ ...company, Phone: phoneCharAllowed(value) })\r\n setError({})\r\n }}\r\n type={\"text\"}\r\n error={error.phone ? error.message : \"\"}\r\n />\r\n {\r\n setCompany({ ...company, Contact: allowOnlyCharactersAndNumbers(value) })\r\n setError({})\r\n }}\r\n type={\"text\"}\r\n error={error.contact ? error.message : \"\"}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default Company;","import React, { useState, useContext } from 'react';\r\nimport request from '../../../utils/request';\r\nimport Progress from '../../Progress';\r\nimport Input from '../../Input';\r\nimport Button from '../../Button';\r\nimport LocalizationContext from \"../../../utils/LocalizationContext\";\r\nimport Company from '../Company/Company';\r\nimport { FormControlLabel, Checkbox } from \"@material-ui/core\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Link } from 'react-router-dom';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { blue } from '@material-ui/core/colors';\r\nimport { getDist } from '../../../utils/sessionHandler';\r\nimport { allowOnlyCharactersAndNumbers } from '../../../utils/functions/Regex';\r\nimport LoginInput from '../../LoginInput';\r\nimport Button2 from '../../Button2';\r\n\r\nconst useCheckBoxStyles = makeStyles({\r\n root: {\r\n border: 0,\r\n borderRadius: 3,\r\n padding: '8px',\r\n margin: '0px',\r\n color: 'white'\r\n },\r\n label: {\r\n fontSize: '13px'\r\n }\r\n});\r\n\r\nconst BlueCheckbox = withStyles({\r\n root: {\r\n color: blue[400],\r\n '&$checked': {\r\n color: blue[600],\r\n },\r\n },\r\n checked: {},\r\n})((props) => {error.message}
\r\n )}\r\n {error.type === \"warning\" && (\r\n {error.message}
\r\n )}\r\n \r\n \r\n
\r\n\t)\r\n} \r\n ","import React, { useEffect, useState, useContext } from 'react';\r\nimport { TextField, makeStyles } from '@material-ui/core';\r\nimport request from '../../../utils/request';\r\nimport Button from '../../Button'\r\nimport LocalizationContext from \"../../../utils/LocalizationContext\";\r\nimport { getDist } from \"../../../utils/sessionHandler\";\r\nimport CircularProgress from '../../CircularProgress/CircularProgress';\r\n\r\nconst useStyles = makeStyles({\r\n root: props => ({\r\n maxHeight: props,\r\n width: '100%',\r\n \"& .MuiInputBase-root\": {\r\n color: 'white'\r\n }\r\n })\r\n});\r\n\r\nconst Eula = ({ dispatch, classes, regionId }) => {\r\n const locale = useContext(LocalizationContext);\r\n const textFieldClasses = useStyles(window.screen.height - 10);\r\n const [eula, setEula] = useState(\"\")\r\n \r\n useEffect(() => {\r\n const param = {\r\n DistributorId: getDist().id,\r\n RegionId: regionId\r\n }\r\n request().post(`/api/Eula/GetByDistributorAndRegion`, param).then((response) => {\r\n setEula(response.data.text)\r\n })\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Eula;","export default function reducer(state, action) {\r\n switch (action.type) {\r\n case \"forgotPasswordClick\": {\r\n return {\r\n ...state,\r\n message: null,\r\n loginForm: \"forgotPassword\"\r\n };\r\n }\r\n case \"resetPasswordClick\": {\r\n return {\r\n ...state,\r\n loginForm: \"resetPassword\",\r\n message: null,\r\n id: action.payload.id\r\n };\r\n }\r\n case \"loginClick\": {\r\n return {\r\n ...state,\r\n loginForm: \"login\",\r\n email: action?.payload?.email ? action.payload.email : state.email,\r\n message: action?.payload?.message ? action.payload.message : state.message,\r\n };\r\n }\r\n case \"setEmail\": {\r\n return {\r\n ...state,\r\n message: null,\r\n email: action.payload\r\n };\r\n }\r\n case \"signUpClick\": {\r\n return {\r\n ...state,\r\n message: null,\r\n loginForm: \"signup\"\r\n };\r\n }\r\n case \"seeTermsAndConditions\": {\r\n return {\r\n ...state,\r\n loginForm: \"eulaForm\",\r\n user: action.payload.User,\r\n company: action.payload.Company,\r\n language: action.payload.Language,\r\n sector: action.payload.Sector\r\n };\r\n }\r\n case 'acceptEula': {\r\n return {\r\n ...state,\r\n loginForm: \"signup\",\r\n eulaAccepted: true\r\n };\r\n }\r\n case 'cancelEula': {\r\n return {\r\n ...state,\r\n loginForm: \"signup\",\r\n eulaAccepted: false\r\n };\r\n }\r\n case 'setData': {\r\n return {\r\n ...state,\r\n loadingCountries: false,\r\n countries: action.payload.Countries,\r\n languages: action.payload.Languages\r\n };\r\n }\r\n default:\r\n throw new Error();\r\n }\r\n }\r\n ","export const OpenModeLogin = {\r\n ForgotPassword: 1,\r\n SignUp: 2\r\n}","import React, { useEffect, useReducer } from \"react\";\r\nimport useStyles from \"./LoginStyles\";\r\nimport Paper from \"../../components/Paper\";\r\nimport LoginForm from \"../../components/Form/Login\";\r\nimport ForgotPasswordForm from \"../../components/Form/ForgotPassword\";\r\nimport ResetPassword from \"../../components/Form/ResetPassword\";\r\nimport SignUp from \"../../components/Form/Signup/SignUp\";\r\nimport Eula from \"../../components/Form/Eula/Eula\";\r\nimport { useTheme } from '@material-ui/core/styles';\r\nimport request from \"../../utils/request\";\r\nimport reducer from './LoginReducer';\r\nimport {OpenModeLogin} from '../../dictionaries/openModeLogin'\r\n\r\nconst initialState = {\r\n loginForm: \"login\",\r\n loadingCountries: true,\r\n eulaAccepted: false,\r\n countries: [],\r\n languages: [],\r\n email: \"\",\r\n id: null\r\n};\r\n\r\nexport default function Login({params}) {\r\n if(params){\r\n if(params.mode){\r\n if(params.mode == OpenModeLogin.ForgotPassword)\r\n initialState.loginForm = \"forgotPassword\"\r\n if(params.mode == OpenModeLogin.SignUp)\r\n initialState.loginForm = \"signup\"\r\n }\r\n if(params.email){\r\n initialState.email = params.email\r\n }\r\n }\r\n const theme = useTheme();\r\n const classes = useStyles();\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n const { loginForm, email, id } = state;\r\n\r\n useEffect(() => {\r\n Promise.all([\r\n request().get(`/api/Country/`),\r\n request().get(`/api/Language/GetLanguages`)\r\n ])\r\n .then(([countries, languages]) => {\r\n dispatch({ type: 'setData', payload: { Countries: countries.data, Languages: languages.data}})\r\n })\r\n }, [])\r\n\r\n const renderLoginForm = () => {\r\n if (loginForm === \"login\") {\r\n return (<>\r\n {\r\n state.message &&\r\n {locale.eulaForm.title}
\r\n {\r\n !eula &&\r\n\r\n
\r\n }\r\n \r\n {/*
\r\n \r\n
\r\n \r\n {\r\n dispatch({ type: 'acceptEula' })\r\n }} />\r\n
\r\n \r\n {\r\n dispatch({ type: 'cancelEula' })\r\n }} />\r\n
\r\n {state.message}
\r\n }\r\n \r\n
\r\n );\r\n}\r\n","import Login from './Login';\r\n\r\nexport default Login;","import React from 'react';\r\nimport LocalizationContext from '../utils/LocalizationContext';\r\nimport Login from '../pages/Login';\r\nimport {useParams} from 'react-router-dom'\r\n\r\nconst locale = {\r\n\tform: {\r\n\t\tinput: {\r\n\t\t\temail: 'Email',\r\n\t\t\tusername: 'User Name',\r\n\t\t\tpassword: 'Password',\r\n\t\t\tnewPassword: 'New Password',\r\n\t\t\trepeatNewPassword: 'Repeat New Password',\r\n\t\t\tname: 'Name',\r\n\t\t\tlastName: 'Last Name',\r\n\t\t\tcompany: 'Company',\r\n\t\t\tsectorName: 'Sector'\r\n\t\t},\r\n\t\tsubmit: {\r\n\t\t\tlogin: 'Login',\r\n\t\t\tchangePassword: 'Change Password',\r\n\t\t\tresetPassword: 'Reset Password',\r\n\t\t}\r\n\t},\r\n\theader: {\r\n\t\tsignup: 'New Company - Sign up',\r\n\t\tlogin: 'Login',\r\n\t\tforgotPassword: 'Reset Password',\r\n\t\tchangePassword: 'Change Password',\r\n\t},\r\n\tlink: {\r\n\t\tforgotPassword: 'Forgot Your Password?',\r\n\t\tsignup: \"New Company\"\r\n\t},\r\n\tcompanyForm: {\r\n\t\tname: 'Company name',\r\n\t\tcountry: 'Country',\r\n\t\tcity: 'City',\r\n\t\taddress: 'Address',\r\n\t\tconfirm: 'Confirm',\r\n\t\teulaText: \"I've read and accept the terms and conditions\",\r\n\t\tseeEulaText: \"See terms and conditions\",\r\n\t\tprovince: 'State / Province / Region',\r\n\t\tpostalCode: 'Postal Code',\r\n\t\tphone: 'Phone',\r\n\t\tcompanyRepresentative: 'Contact / Representative',\r\n\t\tlanguage: 'Company Language'\r\n\t},\r\n\teulaForm: {\r\n\t\tacceptButton: 'Accept',\r\n\t\tcancelButton: 'Cancel',\r\n\t\ttitle: 'Terms and conditions'\r\n\t}\r\n}\r\n\r\nexport default () => {\r\n\tconst params = useParams();\r\n\treturn (\r\n\t\t\r\n {renderLoginForm()} \r\n
\r\n {t(\"NotFoundInfo\", translations)}
\r\n )\r\n }\r\n \r\n );\r\n};\r\n\r\nexport default Chart;\r\n","const initialState = (translation) => {\r\n return {\r\n userConfig: {\r\n tooltip: {\r\n pointFormat: `{point.y} ${translation}`\r\n },\r\n plotOptions: {\r\n pie: {\r\n showInLegend: true,\r\n dataLabels: {\r\n enabled: false,\r\n distance: -14,\r\n style: {\r\n fontsize: 25\r\n }\r\n }\r\n }\r\n }\r\n },\r\n loading: true,\r\n userPanels: []}\r\n };\r\n \r\n export default initialState;\r\n ","import React, { useEffect, useState } from \"react\";\r\nimport Highcharts from \"highcharts\";\r\nimport HighchartsReact from \"highcharts-react-official\";\r\nimport t from \"../../utils/translation\";\r\n\r\nconst LineChart = ({\r\n data,\r\n userConfig,\r\n titleName,\r\n translations,\r\n backgroundColor,\r\n fontColor,\r\n categories\r\n}) => {\r\n const initialState = {\r\n chartData: {\r\n chart: {\r\n type: \"line\",\r\n marginBottom: 90,\r\n spacingBottom: 0,\r\n height: 300,\r\n backgroundColor: backgroundColor ? backgroundColor : \"white\",\r\n },\r\n legend: {\r\n enabled: false\r\n },\r\n title: {\r\n style: {\r\n color: fontColor,\r\n },\r\n text: titleName,\r\n },\r\n series: [\r\n {\r\n data: data,\r\n },\r\n ],\r\n ...userConfig,\r\n },\r\n };\r\n\r\n const [state, setState] = useState(initialState);\r\n\r\n useEffect(() => {\r\n setState({\r\n chartData: {\r\n ...state.chartData,\r\n xAxis: {\r\n categories: categories,\r\n title: {\r\n text: t(\"Date\", translations),\r\n style: {\r\n color: fontColor\r\n }\r\n }\r\n },\r\n yAxis: {\r\n title: {\r\n text: t(\"CyclesCount\", translations),\r\n style: {\r\n color: fontColor\r\n }\r\n },\r\n },\r\n subtitle: {\r\n text: t(\"Last31Days\", translations),\r\n floating: true,\r\n style: {\r\n color: fontColor,\r\n fontSize: 12,\r\n fontWeight: \"bold\",\r\n },\r\n },\r\n plotOptions: {\r\n line: {\r\n dataLabels: {\r\n enabled: true\r\n },\r\n enableMouseTracking: true,\r\n },\r\n },\r\n series: data\r\n },\r\n });\r\n }, []);\r\n\r\n return (\r\n <>\r\n {\r\n data[0].data.length > 0 ? (\r\n{t(\"NotFoundInfo\", translations)}
\r\n )\r\n }\r\n \r\n\r\n );\r\n};\r\n\r\nexport default LineChart;\r\n","import React, { useEffect, useState } from 'react';\r\nimport request from '../../utils/request';\r\nimport Chart from \"./Chart\";\r\nimport \"./Dashboard.css\";\r\nimport totalChartState from \"./InitialState/LineChartInitialState\";\r\nimport chartState from \"./InitialState/ChartInitialState\";\r\nimport ScrollContainer from \"react-indiana-drag-scroll\";\r\nimport t from \"../../utils/translation\";\r\nimport df from \"../../utils/dateFormater\";\r\nimport LineChart from \"./LineChart\";\r\nimport { Box, CircularProgress } from \"@material-ui/core\";\r\nimport { useTheme } from '@material-ui/core/styles';\r\n\r\nconst initialState = {\r\n loadingCharts: true,\r\n totalPieChart: {\r\n visible: false,\r\n },\r\n totalLineChart: {\r\n visible: false,\r\n }\r\n}\r\n\r\nconst Panel = ({ userPanel, translations }) => {\r\n const theme = useTheme();\r\n const [state, setState] = useState(initialState);\r\n const template = totalChartState(t(\"CyclesPerDay\", translations));\r\n const templateCakeChart = chartState(t(\"ChartDrawLabel\", translations));\r\n\r\n const mapResponseToPieCharts = (sterilizerSeries) => {\r\n const graficos = [];\r\n sterilizerSeries.forEach((sterilizerSerie) => {\r\n graficos.push({\r\n title: sterilizerSerie.machine,\r\n serie: sterilizerSerie.series.map((serie) => {\r\n return {\r\n y: serie.cantidad,\r\n name: serie.result,\r\n color: serie.color\r\n };\r\n }),\r\n });\r\n });\r\n return graficos;\r\n };\r\n\r\n const calculateTotalPieChartSerie = (series) => {\r\n const totalChartSerie = [\r\n {\r\n serie: [],\r\n },\r\n ];\r\n series.forEach((serie) => {\r\n serie.series.forEach((serie) => {\r\n let state = totalChartSerie[0].serie.find(\r\n (x) => x.state === serie.resultEnum || x.state === serie.resultCHEEnum\r\n );\r\n if (state) {\r\n state.y += serie.cantidad;\r\n } else {\r\n totalChartSerie[0].serie.push({\r\n y: serie.cantidad,\r\n name: serie.result,\r\n state: serie.resultEnum || serie.resultCHEEnum,\r\n color: serie.color\r\n });\r\n }\r\n });\r\n });\r\n return totalChartSerie;\r\n };\r\n\r\n\r\n const mapResponseToLineCharts = (data) => {\r\n const lineCharts = data.result.map((value) => {\r\n return {\r\n title: value.machine,\r\n categories: value.series.map((serie) => {\r\n return df(serie.result, \"date\");\r\n }),\r\n data: [\r\n {\r\n data: value.series.map((serie) => {\r\n return serie.cantidad;\r\n }),\r\n },\r\n ],\r\n };\r\n });\r\n return lineCharts;\r\n };\r\n\r\n\r\n const calculateTotalLineChartSerie = (series) => {\r\n let seriesFormatted = [];\r\n series.forEach((serie) => {\r\n serie.series.forEach((serie) => {\r\n let date = new Date(serie.result);\r\n let dateFormatted = df(date, \"date\");\r\n let exist = seriesFormatted.find((x) => x.dateFormatted === dateFormatted);\r\n if (exist) {\r\n exist.cantidad += serie.cantidad;\r\n } else {\r\n seriesFormatted.push({\r\n cantidad: serie.cantidad,\r\n date: date,\r\n dateFormatted: dateFormatted\r\n });\r\n }\r\n });\r\n });\r\n seriesFormatted.sort(function (a, b) {\r\n return new Date(a.date) - new Date(b.date);\r\n });\r\n return {\r\n categories: seriesFormatted.map((serie) => {\r\n return serie.dateFormatted;\r\n }),\r\n data: [\r\n {\r\n data: seriesFormatted.map((serie) => {\r\n return serie.cantidad;\r\n }),\r\n },\r\n ],\r\n };\r\n };\r\n\r\n useEffect(() => {\r\n request()\r\n .get(\r\n `/api/${userPanel.panel.controller}/${userPanel.panel.method}`\r\n )\r\n .then((response) => {\r\n let graficos = [];\r\n let totalPieChartSerie = [];\r\n if (response.data.lineChart) {\r\n const lineCharts = mapResponseToLineCharts(response.data);\r\n const totalLineChartSerie = calculateTotalLineChartSerie(\r\n response.data.result\r\n );\r\n setState({\r\n ...state,\r\n loadingCharts: false,\r\n lineCharts: lineCharts,\r\n totalLineChart: {\r\n ...totalLineChartSerie,\r\n visible: true,\r\n },\r\n });\r\n } else {\r\n graficos = mapResponseToPieCharts(response.data);\r\n totalPieChartSerie = calculateTotalPieChartSerie(response.data);\r\n response.panelUserSterilizer = userPanel.panelsUserSterilizer;\r\n setState({\r\n ...state,\r\n loadingCharts: false,\r\n pieCharts: graficos,\r\n totalPieChart: {\r\n visible: true,\r\n serie: totalPieChartSerie,\r\n },\r\n });\r\n }\r\n });\r\n }, [])\r\n\r\n return (\r\n <>\r\n\r\n {/* TOTAL LINE CHART */}\r\n {state.totalLineChart && state.totalLineChart.visible && (\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {/* LINE CHARTS */}\r\n {state.lineCharts &&\r\n state.lineCharts.map((lineChart, i) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n\r\n {/* TOTAL PIE CHART */}\r\n {state.totalPieChart.serie &&\r\n state.totalPieChart.visible && (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Panel;","import { makeStyles, createStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n root: {\r\n padding: 8,\r\n display: 'inline-flex',\r\n position: 'relative',\r\n flexDirection: 'column',\r\n verticalAlign: 'top',\r\n width: '100%',\r\n fontFamily:\"Montserrat\",\r\n // margin:'0px 15px'\r\n },\r\n root2 :{\r\n padding: 8,\r\n display: 'inline-flex',\r\n position: 'relative',\r\n flexDirection: 'column',\r\n verticalAlign: 'top',\r\n width: '100%',\r\n fontFamily:\"Montserrat\",\r\n margin:\"25px 0px 0px 25px\"\r\n },\r\n\r\n selectLabel: {\r\n color: 'rgba(0,0,0,0.54)',\r\n margin: 0,\r\n position: 'absolute',\r\n fontSize: '0.75rem',\r\n lineHeight: 1,\r\n letterSpacing: '0.00938em',\r\n pointerEvents: 'none',\r\n zIndex: 1,\r\n },\r\n\r\n linkLabel: {\r\n color: 'rgba(0,0,0,0.54)',\r\n fontSize: '0.75rem'\r\n },\r\n\r\n selectBaseRoot: {\r\n cursor: 'pointer',\r\n border: 0,\r\n height: '1.1875em',\r\n outline: 0,\r\n padding: '6px 0 7px',\r\n boxSizing: 'content-box',\r\n marginTop: 16,\r\n borderBottom: '1px solid rgba(0, 0, 0, 0.42)',\r\n\r\n WebkitAppearance: 'none',\r\n lineHeight: 'normal',\r\n zIndex: 1,\r\n backgroundColor: 'transparent',\r\n\r\n '&:hover ~ $outline': {\r\n borderColor: 'rgba(0,0,0,0.87)'\r\n },\r\n\r\n '&:focus ~ $outline': {\r\n borderColor: `${theme.palette.terragene.darkMain}!important`,\r\n borderWidth: 2,\r\n },\r\n\r\n '&:focus ~ $selectLabel': {\r\n color: `${theme.palette.terragene.darkMain}!important`,\r\n }\r\n },\r\n\r\n disabled: {\r\n '& $selectBaseRoot': {\r\n cursor: 'auto'\r\n }\r\n },\r\n\r\n errorMessage: {\r\n color: theme.palette.terragene.requiredField,\r\n margin: 0,\r\n fontSize: '0.75em',\r\n marginTop: 8,\r\n minHeight: '1em',\r\n textAlign: 'left',\r\n lineHeight: '1em',\r\n letterSpacing: '0.03333em'\r\n },\r\n\r\n outline: {\r\n top: 13,\r\n left: 0,\r\n right: 0,\r\n bottom: 27,\r\n margin: 0,\r\n padding: 0,\r\n position: 'absolute',\r\n transition: 'padding-left 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\r\n borderColor: 'rgba(0,0,0,0.23)',\r\n borderStyle: 'solid',\r\n borderWidth: 1,\r\n borderRadius: 4,\r\n pointerEvents: 'none',\r\n },\r\n\r\n outlinedRoot: {\r\n '& $selectLabel': {\r\n backgroundColor: '#f7f7f7',\r\n display: 'block',\r\n padding: '0 5px',\r\n position: 'absolute',\r\n },\r\n\r\n '& $selectBaseRoot': {\r\n padding: '12.5px 13px 10.5px 2px',\r\n borderBottom: 'none',\r\n marginTop: 6,\r\n }\r\n },\r\n\r\n outlinedNoError: {\r\n height: 44\r\n },\r\n\r\n adorment: {\r\n width: 24,\r\n height: 24,\r\n position: 'absolute',\r\n top: 24,\r\n right: 7,\r\n cursor: 'pointer'\r\n }\r\n}))","import React, { useEffect, useCallback } from \"react\";\r\n\r\nimport useStyles from \"./SelectStyles\";\r\nimport classnames from \"classnames\";\r\n\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\n\r\nexport default function Select(props) {\r\n const classes = useStyles();\r\n\r\n const {\r\n value,\r\n label,\r\n variant = \"standard\",\r\n disabled,\r\n getIndex = false,\r\n getObject = false,\r\n nullable = false,\r\n options,\r\n uniqueIdentifier,\r\n onChange,\r\n msgTooltip,\r\n focused\r\n } = props;\r\n\r\n const checkUniqueIdentifier = useCallback(() => {\r\n for (let i = 0; i < options.length; i++) {\r\n if (options[i][2] && uniqueIdentifier) {\r\n if (options[i][2] === uniqueIdentifier.toString()) {\r\n onChange(i);\r\n }\r\n }\r\n }\r\n }, [options, uniqueIdentifier, onChange]);\r\n\r\n useEffect(() => {\r\n checkUniqueIdentifier();\r\n }, [uniqueIdentifier, checkUniqueIdentifier]);\r\n\r\n useEffect(() => {\r\n if (options.length === 1 && options[0][0] !== null){\r\n onChange(options[0][0])\r\n }\r\n }, [])\r\n\r\n const adorment = () => {\r\n if (value !== \"\" && value !== null && nullable) {\r\n return (\r\n {props.error}
}\r\n \r\n{props.error}
}\r\n \r\n );\r\n }\r\n}\r\n","import Select from './Select';\r\n\r\nexport default Select;","import React, { useEffect, useState } from \"react\";\r\nimport request from \"../../../utils/request\";\r\nimport Select2 from \"../../../components/Select\";\r\nimport Button from \"../../Button\";\r\nimport t from \"../../../utils/translation\";\r\nimport { getUserId } from \"../../../utils/sessionHandler\";\r\nimport FixedAlert from \"../../../components/FixedAlert/FixedAlert\";\r\nimport Button2 from \"../../Button2\";\r\n\r\nconst NewPanel = ({ currentUserPanels, createDash, translations, panelOptios }) => {\r\n const [state, setState] = useState({\r\n panels: [],\r\n error: \"\",\r\n });\r\n\r\n useEffect(() => {\r\n cutAlreadyExisting(state.panels, currentUserPanels);\r\n }, [currentUserPanels, state.panels])\r\n\r\n useEffect(() => {\r\n request()\r\n .get(`/api/Panel/GetActives`)\r\n .then((resp) => {\r\n let panelOpt = [];\r\n resp.data.forEach((p, i) => {\r\n if (panelOptios.some(opt => opt == p.id)) panelOpt.push(p);\r\n })\r\n setState({\r\n ...state,\r\n panels: formatSelectObject(panelOpt, t(\"ChoosePanel\", translations)),\r\n });\r\n });\r\n }, [currentUserPanels]);\r\n\r\n const cutAlreadyExisting = (panels, currentUserPanels) => {\r\n if(currentUserPanels.length > 0 && panels.length > 0){\r\n currentUserPanels.forEach((value, i) => {\r\n let panelIndex = panels.findIndex(x => x[0] === value.panel.id)\r\n if (panelIndex >= 0) panels.splice(panelIndex, 1);\r\n })\r\n setState({\r\n ...state,\r\n panels: panels,\r\n selectedPanel: 0\r\n });\r\n }\r\n };\r\n\r\n const formatSelectObject = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([object.id, object.name]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n };\r\n\r\n const onClickAddPanel = () => {\r\n const panel = state.panels[state.selectedPanel]\r\n request()\r\n .post(`/api/PanelUser/`, {\r\n AppUserId: getUserId(),\r\n PanelId: panel[0],\r\n })\r\n .then(() => {\r\n createDash();\r\n })\r\n .catch((error) => {\r\n setState({ ...state, error: error?.response?.data?.message });\r\n });\r\n };\r\n return (\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default NewPanel;\r\n","import React, { Component } from \"react\";\r\nimport \"./ChartApp.css\";\r\nimport template from \"./InitialState/ChartInitialState\";\r\nimport Panel from \"./Panel.jsx\";\r\nimport request from '../../utils/request'\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport NewPanel from \"./Actions/NewPanel\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport { Icon } from \"@material-ui/core\";\r\nimport FixedAlert from \"../../components/FixedAlert/FixedAlert\";\r\nimport t from \"../../utils/translation\";\r\n\r\nclass DashboardModule extends Component {\r\n translations = this.props.translations;\r\n panelOptios = this.props.panelOptios;\r\n state = template(t(\"ChartDrawLabel\", this.translations));\r\n copyDataSeries = async (panels, obj = {}) => {\r\n this.setState({\r\n ...obj,\r\n loading: false,\r\n userPanels: panels,\r\n error: ''\r\n });\r\n };\r\n\r\n createDash = () => {\r\n request().get(`/api/PanelUser`)\r\n .then((response) => {\r\n let panelOpt = [];\r\n response.data.forEach((pu, i) => {\r\n if (this.panelOptios.some(opt => opt == pu.panelId)) panelOpt.push(pu);\r\n })\r\n this.copyDataSeries(panelOpt);\r\n }).catch((error) => {\r\n this.setState({ ...this.state, error: error?.response?.data?.message, loading: false });\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.createDash();\r\n // dataProcessing(this.state.yearFrom, this.state.yearTo, this.state.msg);\r\n }\r\n\r\n handleSubmit = e => {\r\n // let msg = dataProcessing(this.state.yearFrom, this.state.yearTo);\r\n // this.copyDataSeries({ msg: msg });\r\n e.preventDefault();\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevState.yearFrom !== this.state.yearFrom) {\r\n this.handleChangeSelect();\r\n }\r\n if (prevState.yearTo !== this.state.yearTo) {\r\n this.handleChangeSelect();\r\n }\r\n }\r\n // handleChangeSelect() {\r\n // let msg = dataProcessing(this.state.yearFrom, this.state.yearTo);\r\n // this.copyDataSeries({ msg: msg });\r\n // }\r\n\r\n handleChangeYear = e => {\r\n this.setState({\r\n [e.target.name]: e.target.value\r\n });\r\n };\r\n\r\n onClickDeletePanel = (userPanelId) => {\r\n let userPanel = this.state.userPanels.find(x => x.id === userPanelId)\r\n request()\r\n .put(`/api/PanelUser/${userPanelId}`, {\r\n ...userPanel,\r\n inactive: true,\r\n })\r\n .then(() => {\r\n this.createDash();\r\n });\r\n };\r\n render() {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n setState({ ...state, selectedPanel: val })}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setState({...state, error: ''})\r\n }}\r\n >\r\n
\r\n \r\n
\r\n \r\n {\r\n this.setState({ ...this.state, error: '' })\r\n }}\r\n >\r\n
\r\n \r\n {/*\r\n {this.state.msg}\r\n
\r\n \r\n
\r\n );\r\n })\r\n }\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default DashboardModule;\r\n","import { makeStyles, createStyles } from \"@material-ui/styles\";\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n root: {\r\n maxWidth: 345,\r\n textAlign: 'center',\r\n // boxShadow: \"1px 9px 1px 1px rgba(0,0,0,0.2), 3px 4px 1px 6px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12)\",\r\n },\r\n media: {\r\n height: 110,\r\n },\r\n textContainer: {\r\n margin: 20,\r\n textAlign: 'center',\r\n fontWeight: 'bold',\r\n },\r\n imagesContainer: {\r\n margin: 5,\r\n textAlign: 'center'\r\n },\r\n cardContainer: {\r\n // padding: 10,\r\n textAlign: 'center',\r\n },\r\n logoBionova: {\r\n width: 110,\r\n margin: 20\r\n },\r\n\r\n logoTerragene: {\r\n width: 170,\r\n margin: 20\r\n }\r\n}))\r\n","import React, { useState } from 'react';\r\nimport { useTheme, makeStyles } from '@material-ui/core/styles';\r\nimport useStyles from \"./DownloadManagerStyles\";\r\nimport { Card, CardActionArea, Container, CardMedia, CardContent, CardActions, Button, Box } from '@material-ui/core';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport request from '../../utils/request';\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport t from \"../../utils/translation\";\r\nimport { getDist } from '../../utils/sessionHandler';\r\nimport Redirect from \"../../utils/Redirect\";\r\nimport FixedAlert from '../FixedAlert/FixedAlert';\r\nimport Progress from '../Progress';\r\n\r\nconst useStylesContainer = makeStyles(() => ({\r\n root: {\r\n }\r\n}));\r\n\r\nconst DownloadManager = ({ apiMethod, translations, allowGoToMainPage, prefixTranslations }) => {\r\n const theme = useTheme();\r\n const classesContainer = useStylesContainer();\r\n const classes = useStyles();\r\n const [downloading, setDownloading] = useState(false);\r\n const [error, setError] = useState(); \r\n\r\n const downloadFile = async () => {\r\n if (!downloading) {\r\n setDownloading(true)\r\n request().get(`/api/DownloaderManager/${apiMethod}?distributorId=${getDist().id}`).then(resp => {\r\n window.open(resp.data, \"_blank\")\r\n setTimeout(() => {\r\n setDownloading(false)\r\n }, 10000);\r\n })\r\n .catch(err => {\r\n setError(err?.response?.data?.Message)\r\n })\r\n }\r\n }\r\n\r\n const goMainPage = () => {\r\n Redirect({\r\n redirect: true,\r\n path: \"/login\"\r\n })\r\n }\r\n return (\r\n \r\n {\r\n this.onClickDeletePanel(userPanel.id)\r\n }\r\n }>\r\n \r\n {userPanel.panel.name}\r\n
\r\n \r\n \r\n \r\n { downloadFile() }}>\r\n \r\n \r\n {t(`${prefixTranslations}Label`, translations) || \"Agent\"}\r\n \r\n {\r\n downloading &&\r\n <>\r\n \r\n {t(`${prefixTranslations}Description`, translations) || \"It's necessary to install the agent for Bionova Cloud to recognize the devices\"}\r\n
\r\n {/* {prefixTranslations === 'Agent' && (t(\"AgentClickHere\", translations) || \"Click here to download the last version of agent\")} */}\r\n \r\n \r\n \r\n \r\n \r\n {\r\n allowGoToMainPage &&\r\n \r\n }\r\n \r\n \r\n
\r\n \r\n {t(\"Downloading\", translations) || \"Downloading...\"}\r\n
\r\n \r\n }\r\n \r\n {/* {prefixTranslations === 'Agent' && (t(\"AgentClickHere\", translations) || \"Click here to download the last version of agent\")} */}\r\n
\r\n {\r\n setError(\"\");\r\n }}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default DownloadManagerAsp;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Accordion from \"@material-ui/core/Accordion\";\r\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\r\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport t from \"../../utils/translation\";\r\nimport DownloadManager from \"./DownloadManager\";\r\nimport DownloadManagerAsp from \"./DownloadManagerAsp\";\r\n\r\nconst useStylesAccordion = makeStyles((theme) => ({\r\n root: {\r\n marginTop: \"25px\",\r\n width: \"100%\",\r\n color: theme.palette.terragene.lightMain,\r\n fontSize: \"10px\",\r\n fontFamily: \"Montserrat\",\r\n textTransform: \"uppercase\",\r\n background: theme.palette.terragene.darkSecondary,\r\n },\r\n}));\r\nconst useStylesAccordionSummary = makeStyles((theme) => ({\r\n root: {\r\n display: \"inline-flex\",\r\n minHeight: \"35px\",\r\n },\r\n expandIcon: {\r\n color: theme.palette.terragene.lightThird,\r\n },\r\n}));\r\nconst useStylesChip = makeStyles((theme) => ({\r\n root: {\r\n margin: \"5px\",\r\n color: theme.palette.terragene.darkMain,\r\n backgroundColor: theme.palette.terragene.lightThird,\r\n },\r\n deleteIcon: {\r\n color: theme.palette.terragene.darkMain,\r\n },\r\n}));\r\nconst useStylesTypography = makeStyles((theme) => ({\r\n root: {\r\n fontSize: \"13px\",\r\n color: theme.palette.terragene.lightThird,\r\n },\r\n}));\r\nconst useStylesAccordionDetail = makeStyles(() => ({\r\n root: {\r\n padding: \"0px 6px 26px\",\r\n },\r\n}));\r\n\r\nconst theme = JSON.parse(localStorage.getItem(\"__dist\"))?.themeFileName;\r\n\r\nconst AccordionDownloader = ({ translations }) => {\r\n const classesAccordion = useStylesAccordion();\r\n const classesAccordionSummary = useStylesAccordionSummary();\r\n const classesChip = useStylesChip();\r\n const classesTypographyTitle = useStylesTypography();\r\n const classesAccordionDetail = useStylesAccordionDetail();\r\n return (\r\n \r\n {t(`${prefixTranslations}Label`, translations) || \"Agent\"}\r\n
\r\n\r\n \r\n \r\n \r\n 
\r\n \r\n \r\n {allowGoToMainPage && (\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {downloading && (\r\n <>\r\n \r\n
\r\n \r\n {t(`${prefixTranslations}Label`, translations) || \"Agent\"}\r\n
\r\n\r\n {t(\"Downloading\", translations) || \"Downloading...\"}\r\n
\r\n \r\n )}\r\n \r\n \t\t
\r\n\t\t)\r\n\t}\r\n\r\n\tconst newNotification = useCallback(\r\n\t\t(notification, variant) => {\r\n\t\t\tenqueueSnackbar({ notification, variant });\r\n\t\t},\r\n\t\t[enqueueSnackbar]\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\trequest()\r\n\t\t\t.get(`/api/appnotification?userLoggedId=${getUserId()}`)\r\n\t\t\t.then((response) => {\r\n\t\t\t\tresponse.data.map((n) =>\r\n\t\t\t\t\tnewNotification(\r\n\t\t\t\t\t\tn,\r\n\t\t\t\t\t\t(n.notificationMessageType === 0) ? \"info\" :\r\n\t\t\t\t\t\t\t(n.notificationMessageType === 1) ? \"warning\" :\r\n\t\t\t\t\t\t\t\t(n.notificationMessageType === 2) ? \"error\" :\r\n\t\t\t\t\t\t\t\t\t\"default\"\r\n\t\t\t\t\t)\r\n\t\t\t\t);\r\n\t\t\t})\r\n\t\t\t.catch((error) => console.log(error));\r\n\t}, [newNotification]);\r\n\r\n\tif (getSession().UserType === 0) {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{getDownloadManager()}\r\n\t\t\t\t{/* {notification.notificationDetail}
\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\r\n \r\n
\r\n {item.Translation}
\r\n {item.Items.length > 0 && (\r\n \r\n \r\n
\r\n )}\r\n \r\n - \r\n {item.Items\r\n .map(x => {\r\n const key = Object.keys(x)[0];\r\n \r\n if (appUser && (!menuOption[group] || !menuOption[group].Items.some(g => g === key))) return;\r\n\r\n return (\r\n
\r\n \r\n {/* */}\r\n
\r\n {x[key].Translation}
\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n props.setOpen(false)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n {props.MenuOptions &&\r\n Object.keys(props.MenuOptions)\r\n //.filter(x => props.MenuOptions[x].MenuType == 0 || props.MenuOptions[x].MenuType == props.menuType)\r\n .filter(x => props.userType === 1 || props.userType === 3 || Object.keys(props.menuOptions).some(m => m === x))\r\n .map(x =>\r\n \r\n )\r\n }\r\n
\r\n {/* {companyState.company && companyState.company.image &&\r\n \r\n\t\t\t
\r\n\t)\t \r\n} \r\n ","import React from \"react\";\r\nimport { Redirect } from \"react-router-dom\";\r\nimport PageContentLoading from \"../components/PageContentLoading\";\r\nimport { getMenu } from \"../utils/sessionHandler\";\r\nimport t from \"../utils/translation\";\r\n\r\nexport const getMenuItemId = (menuGroup, key) => {\r\n if (menuGroup.Items.length > 0) {\r\n return menuGroup.Items.find((i) => Object.keys(i)[0] === key)?.[key].Id;\r\n } else {\r\n return menuGroup.Id;\r\n }\r\n};\r\n\r\nfunction ValidateUrl(props) {\r\n const { menuGroup, key } = props.currentPage;\r\n\r\n if (getMenu() === null)\r\n return (\r\n \r\n
\r\n );\r\n\r\n if (menuGroup === undefined) {\r\n return (\r\n \r\n \r\n
\r\n \r\n setOpen(!open)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!isUndefined(getSysUserLanguage()) &&\r\n !isNull(getSysUserLanguage()) &&\r\n getUserType() === 0 && (\r\n \r\n Redirect({\r\n redirect: true,\r\n path: \"/accesstotranslate\",\r\n parameters: {\r\n moduleId: moduleName,\r\n screenId: screenName,\r\n },\r\n })\r\n }\r\n />\r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Logout\r\n \r\n
\r\n \r\n {user.toString}\r\n \r\n \r\n \r\n
\r\n \r\n {(user.Company || user.Distributor) && (\r\n
\r\n {t(\"CompanyInfo\")}
\r\n )}\r\n \r\n {user.Company &&
\r\n {user.Company.Name}
}\r\n {user.Distributor && {user.Distributor.Name}
}\r\n {user.Distributor && (\r\n {t(\"Domain\")}
\r\n )}\r\n {user.Distributor && {user.Distributor.Domain}
}\r\n {user.Company && (\r\n {user.IdDistributorCompany}
\r\n )}\r\n {user.Company && (\r\n {user.Company?.Country?.Name + \" - \"}\r\n )}\r\n \r\n {user.Company && {user.Company.Province + \" - \"}}\r\n {user.Company && {user.Company.City + \" - \"}}\r\n {user.Company && {user.Company.Addres}}\r\n {user.Sector && user.Sector.Name && (\r\n {t(\"Sector\")}
\r\n )}\r\n {user.Sector && user.Sector.Name && (\r\n {user.Sector.Name}
\r\n )}\r\n {user.UserTypeDescription && (\r\n {t(\"UserType\")}
\r\n )}\r\n {user.UserTypeDescription && (\r\n {user.UserTypeDescription}
\r\n )}\r\n Email
\r\n {user.Email}
\r\n {props.children}
\r\n \r\n \r\n );\r\n}\r\n","import NavBar from './NavBar';\r\n\r\nexport default NavBar;","import { useState, useEffect } from \"react\";\r\nimport { getSession, getUserId, setMenu, getMenu } from \"../sessionHandler\";\r\nimport request from \"../request\";\r\n\r\nfunction useMenu() {\r\n const [menuOptions, setMenuOptions] = useState(getMenu());\r\n useEffect(() => {\r\n console.log(menuOptions);\r\n }, [menuOptions]);\r\n\r\n const requestMenuUrl =\r\n getSession()?.UserType === undefined\r\n ? \"/api/menu/getsysmenujson\"\r\n : getSession()?.UserType === 3\r\n ? `/api/menu/getdistmenujson?UserLoggedId=${getUserId()}`\r\n : `/api/menu/getappmenujson?UserLoggedId=${getUserId()}`;\r\n\r\n if (!menuOptions) {\r\n request()\r\n .get(requestMenuUrl)\r\n .then((response) => {\r\n setMenu(response.data);\r\n setMenuOptions(response.data);\r\n });\r\n }\r\n\r\n return menuOptions;\r\n}\r\n\r\nexport default useMenu;\r\n","import { useState } from \"react\";\r\nimport { getUserId, getTranslation, setTranslation } from \"../sessionHandler\";\r\nimport request from \"../request\";\r\n\r\nconst useLocale = screenId => {\r\n const [locale, setLocale] = useState(getTranslation(screenId))\r\n \r\n if (!locale) {\r\n request().get(`/api/screen/getjson?ScreenNameId=${screenId}&UserLoggedId=${getUserId()}`)\r\n .then(response => {\r\n setTimeout(() => {\r\n setTranslation(screenId, response.data); \r\n setLocale(response.data);\r\n }, 500)\r\n })\r\n // .catch(error => { console.log(error.response) });\r\n }\r\n\r\n return locale\r\n};\r\n\r\nexport default useLocale;\r\n","import { makeStyles, createStyles } from '@material-ui/styles';\r\nexport default makeStyles((theme) => createStyles({\r\n\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px'\r\n },\r\n\r\n disabled: {\r\n pointerEvents: 'none'\r\n },\r\n\r\n requiredField: {\r\n color: theme.palette.terragene.requiredField\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n modalCloseButton: {\r\n color: \"#9e9e9e\",\r\n borderRadius: \"50%\",\r\n cursor: \"pointer\",\r\n userSelect: \"none\",\r\n\r\n '&:hover': {\r\n color: '#5a5a5d'\r\n },\r\n\r\n \"& svg\": {\r\n fill: \"currentcolor\",\r\n width: \"1em\",\r\n height: \"1em\",\r\n fontSize: \"1.5rem\",\r\n userSelect: \"none\"\r\n }\r\n },\r\n\r\n divScanner: {\r\n position: 'absolute',\r\n right: 50,\r\n },\r\n\r\n imgScanner: {\r\n width: 44,\r\n height: 44,\r\n },\r\n\r\n footerAction: {\r\n position: 'absolute',\r\n right: 20,\r\n '& *': {\r\n margin: '0 8px'\r\n }\r\n },\r\n\r\n groupedTitle: {\r\n fontSize: 18,\r\n fontWeight: '500',\r\n // borderBottom: '0.5px solid ' + theme.palette.terragene.lightMain,\r\n fontFamily:\"Montserrat\",\r\n textTransform: 'uppercase',\r\n backgroundColor: theme.palette.terragene.lightMain,\r\n borderRadius:10,\r\n padding:5,\r\n textAlign: 'center',\r\n },\r\n groupedDiv: {\r\n margin: '0px 8px',\r\n marginBottom: 12\r\n }\r\n\r\n}));","import { makeStyles, createStyles } from \"@material-ui/styles\";\r\n\r\nexport default makeStyles((theme) => createStyles(\r\n {\r\n tableRoot: {\r\n fontSize: \"12px\",\r\n fontFamily:\"Montserrat\",\r\n padding:'40px 40px',\r\n backgroundColor: \"#f7f7f7\",\r\n },\r\n\r\n btnTrazanto: {\r\n float: \"right\",\r\n marginTop: \"5px\",\r\n display: \"inline-flex\"\r\n },\r\n\r\n header: {\r\n background: theme.palette.terragene.lightMain,\r\n color: theme.palette.terragene.darkMain,\r\n borderRadius:10,\r\n textAlign: \"center\",\r\n textTransform: \"uppercase\",\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n lineHeight: \"35px\",\r\n color: theme.palette.terragene.darkMain,\r\n fontWeight: \"500\"\r\n },\r\n\r\n tablePrimaryResponsive: {\r\n\r\n },\r\n\r\n notUpper:{\r\n textTransform: 'lowercase !important'\r\n },\r\n tableFooter:{\r\n background: theme.palette.terragene.lightMain,\r\n width:\"100%\",\r\n height:\"2rem\",\r\n marginTop:\"5rem\"\r\n },\r\n tablePrimary: {\r\n marginBottom: 0,\r\n\r\n \"& thead\": {\r\n color: theme.palette.terragene.darkMain,\r\n backgroundColor: \"#f7f7f7\",\r\n\r\n \"& th\": {\r\n cursor: \"pointer\",\r\n\r\n \"& i\": {\r\n margin: \"0 10px\",\r\n width: 16,\r\n height: 16,\r\n transition: \"transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\"\r\n },\r\n\r\n \"& $desc\": {\r\n transform: \"rotate(180deg)\"\r\n },\r\n\r\n \"& $prevSortArrow\": {\r\n transition: \"opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\r\n opacity: 0,\r\n color: \"#757575\"\r\n },\r\n\r\n \"&:hover $prevSortArrow\": {\r\n opacity: 1\r\n }\r\n }\r\n },\r\n\r\n \"& td\": {\r\n fontWeight: \"500\",\r\n borderTop: \"none !important\",\r\n // borderRight: `1px solid ${theme.palette.terragene.darkThird}`,\r\n borderBottom: \"none !important\",\r\n verticalAlign: \"middle\",\r\n textTransform: \"uppercase\",\r\n padding: 6\r\n },\r\n\r\n \"& th\": {\r\n fontWeight: \"bold\",\r\n backgroundColor: \"#f7f7f7\",\r\n borderTop: \"none !important\",\r\n // borderRight: `1px solid ${theme.palette.terragene.darkThird}`,\r\n borderBottom: \"none !important\",\r\n verticalAlign: \"middle\",\r\n textTransform: \"uppercase\",\r\n padding: 6\r\n },\r\n\r\n \"& $hasEditAction th:last-child\": {\r\n borderRight: \"none !important\"\r\n },\r\n\r\n \"& td:nth-last-child(-n+1), & $hasEditAction td:nth-last-child(-n+2)\": {\r\n borderRight: \"none !important\"\r\n },\r\n\r\n \"& tbody tr\": {\r\n \"&:nth-child(odd)\": {\r\n \"& $actionsRoot\": {\r\n backgroundColor: \"inherit\"\r\n }\r\n },\r\n \"&:nth-child(even)\": {\r\n \"& $actionsRoot\": {\r\n backgroundColor: \"inherit\"\r\n }\r\n },\r\n\r\n \"&:hover $actionsRoot\": {\r\n display: \"table-cell\"\r\n }\r\n }\r\n },\r\n\r\n actionsRoot: {\r\n zIndex: 1,\r\n display: \"none\",\r\n position: \"sticky\",\r\n right: 0,\r\n padding: \"0!important\",\r\n\r\n \"& div\": {\r\n backgroundColor: \"inherit\",\r\n zIndex: 1,\r\n display: \"flex\"\r\n }\r\n },\r\n\r\n actionButton: {\r\n cursor: \"pointer\",\r\n width: 24,\r\n height: 24,\r\n fill: \"currentcolor\",\r\n margin: \"0 5px\",\r\n opacity: \".7\",\r\n \"&:hover\": {\r\n opacity: 1\r\n }\r\n },\r\n\r\n rowRoot: {\r\n borderTop: \"0.5px solid \" + theme.palette.terragene.darkThird,\r\n \"&:hover\": {\r\n color:\"#00B181 !important\",\r\n backgroundColor:\"transparent !important\",\r\n \"& $selectCheck\": { opacity: 1 }\r\n },\r\n },\r\n\r\n rowRootNew: {\r\n backgroundColor: \"#cfcfcf\",\r\n fontWeight: '900',\r\n borderTop: \"0.5px solid \" + theme.palette.terragene.darkThird,\r\n \"&:hover\": {\r\n color:\"#00B181 !important\",\r\n \"& $selectCheck\": { opacity: 1 }\r\n },\r\n // border: '1.5px solid ' + theme.palette.terragene.lightMain,\r\n },\r\n\r\n adormentContainer: {\r\n padding: \"0!important\",\r\n borderRight: \"0!important\"\r\n },\r\n\r\n selectCheck: {\r\n margin: \"0 10px 0 14px\",\r\n opacity: 0,\r\n color: \"rgb(32,33,36)\",\r\n display: \"flex\",\r\n\r\n \"& i\": {\r\n fontSize: 20\r\n }\r\n },\r\n\r\n connectionStautsContainer: {\r\n padding: \"0!important\",\r\n borderRight: \"0!important\"\r\n },\r\n\r\n connectionStatus: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n paddingLeft: 5,\r\n\r\n '& svg': {\r\n width: 20,\r\n height: 20,\r\n\r\n '& circle': {\r\n fill: 'currentColor'\r\n }\r\n }\r\n },\r\n\r\n masterDetailContainer: {\r\n padding: \"0!important\",\r\n borderRight: \"0!important\",\r\n width: 25\r\n },\r\n\r\n masterDetail: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n paddingLeft: 2,\r\n\r\n '& svg': {\r\n width: 20,\r\n height: 20,\r\n\r\n '& circle': {\r\n fill: 'currentColor'\r\n }\r\n }\r\n },\r\n\r\n selectedRow: {\r\n backgroundColor: \"rgba(0,177,129,0.5)!important\",\r\n\r\n \"& $selectCheck\": { opacity: \"1!important\" },\r\n },\r\n\r\n desc: {},\r\n prevSortArrow: {},\r\n hasEditAction: {},\r\n\r\n circularProgressRoot: {\r\n float: 'left',\r\n margin: \"5px 0 0 5px\"\r\n }\r\n },\r\n\r\n));\r\n","export const IndicatorType = {\r\n Biological: 1,\r\n Protein: 2,\r\n ChemicalSterilizer: 3,\r\n ChemicalWasher: 4,\r\n Disinfection: 5\r\n}","import TableRow from './TableRow';\r\n\r\nexport default TableRow;","import React, { useMemo, useState } from \"react\";\r\nimport propTypes from \"prop-types\";\r\nimport ReactTooltip from \"react-tooltip\";\r\nimport classNames from \"classnames\";\r\nimport t from \"../../../utils/translation\";\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\r\nimport request from \"../../../utils/request\";\r\nimport { Checkbox, CircularProgress } from \"@material-ui/core\";\r\nimport { IndicatorType } from '../../../dictionaries/indicatorTypes'\r\n\r\nexport default function TableRow(props) {\r\n\r\n const [masterDetailState, setMasterDetailState] = useState({\r\n open: false,\r\n rows: [],\r\n loading: false\r\n })\r\n\r\n const {\r\n columns,\r\n row,\r\n classes,\r\n actions,\r\n multiSelect,\r\n connectionStatus,\r\n resultStatus,\r\n selected,\r\n idField = \"\",\r\n masterDetail,\r\n colSpan,\r\n noResultList,\r\n editedInfo,\r\n migrationInfo,\r\n viewedMark\r\n } = props;\r\n\r\n const idValue = row[idField] ? row[idField].toString() : \"\";\r\n\r\n const actionsCountFunction = () => {\r\n let count = 0;\r\n props.handleRowEdit && count++;\r\n props.handleRowDetail && count++;\r\n props.handleRowDelete && count++;\r\n\r\n for (let i = 0; i < actions.length; i++) {\r\n const action = actions[i];\r\n let isVisible = true;\r\n\r\n if (action.hasCondition === true) {\r\n for (let j = 0; j < action.condition.length; j++) {\r\n switch (action.condition[j][1]) {\r\n case \"!=\":\r\n if (row[action.condition[j][0]] !== action.condition[j][2]) {\r\n } else {\r\n isVisible = false;\r\n }\r\n break;\r\n case \"=\":\r\n if (row[action.condition[j][0]] === action.condition[j][2]) {\r\n } else {\r\n isVisible = false;\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n if (isVisible) count++;\r\n action[\"visible\"] = isVisible;\r\n } else {\r\n count++;\r\n action[\"visible\"] = isVisible;\r\n }\r\n }\r\n\r\n return count;\r\n };\r\n\r\n const actionsCount = useMemo(actionsCountFunction, [props]);\r\n\r\n const getCell = (key, value) => {\r\n if (typeof value === \"boolean\") {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {props.handleRowEdit && (\r\n {\r\n props.handleRowEdit(row);\r\n event.stopPropagation();\r\n }}\r\n data-tip={t(\"EditTooltip\") || \"Edit\"}\r\n data-for={idValue + \"action\"}\r\n data-place=\"bottom\"\r\n >\r\n {\r\n row[\"Viewed\"] = true;\r\n props.handleRowDetail(row);\r\n event.stopPropagation();\r\n }}\r\n data-tip={t(\"DetailTooltip\") || \"Detail\"}\r\n data-for={idValue + \"action\"}\r\n data-place=\"bottom\"\r\n >\r\n {\r\n props.handleRowDelete(row);\r\n event.stopPropagation();\r\n }}\r\n data-tip={t(\"DeleteTooltip\") || \"Delete\"}\r\n data-for={idValue + \"action\"}\r\n data-place=\"bottom\"\r\n >\r\n {\r\n action.action(row);\r\n event.stopPropagation();\r\n }}\r\n data-for={idValue + \"action\"}\r\n data-place=\"bottom\"\r\n data-tip={action.tooltip}\r\n >\r\n
\r\n \r\n
\r\n | {header} | \r\n })\r\n }\r\n
|---|
| {row[column]} | \r\n })\r\n }\r\n
\r\n \r\n {theme.direction === 'rtl' ? \r\n {theme.direction === 'rtl' ? \r\n = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"next page\"\r\n title={t(\"NextPage\") || \"Next page\"}\r\n >\r\n {theme.direction === 'rtl' ? = Math.ceil(count / rowsPerPage) - 1}\r\n aria-label=\"last page\"\r\n title={t(\"LastPageButton\") || \"Last page\"}\r\n >\r\n {theme.direction === 'rtl' ?
\r\n );\r\n}\r\n\r\nActionsPagination.propTypes = {\r\n count: PropTypes.number.isRequired,\r\n onChangePage: PropTypes.func.isRequired,\r\n page: PropTypes.number.isRequired,\r\n rowsPerPage: PropTypes.number.isRequired,\r\n};","import React from \"react\";\r\nimport propTypes from \"prop-types\";\r\n\r\nimport useStyles from \"./PaginationStyles\";\r\nimport { TablePagination } from \"@material-ui/core\";\r\nimport { setRowsPerPageStorage } from \"../../../utils/sessionHandler\";\r\nimport ActionsPagination from \"../MaterialPagination/ActionsPagination/ActionsPagination\";\r\n\r\nconst Pagination = props => {\r\n const classes = useStyles();\r\n const { rowsPerPage, totalRows, page, setRowsPerPage, rowsPerPageText, handlePagination, order, rowsPerPageOptions } = props;\r\n\r\n const handleChangePage = (event, newPage) => {\r\n handlePagination(newPage + 1, rowsPerPage, order.orderBy, order.dir)\r\n };\r\n\r\n const handleChangeRowsPerPage = (event) => {\r\n const rowsPerPage = parseInt(event.target.value, 10)\r\n setRowsPerPageStorage(rowsPerPage);\r\n setRowsPerPage(rowsPerPage);\r\n handlePagination(1, event.target.value, order.orderBy, order.dir)\r\n };\r\n\r\n return (\r\n \r\n {\r\n setTerm(val);\r\n setPage(1);\r\n }}\r\n />\r\n )}\r\n
\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n headerText: propTypes.string.isRequired,\r\n headers: propTypes.array.isRequired,\r\n columns: propTypes.array.isRequired,\r\n data: propTypes.array.isRequired,\r\n order: propTypes.exact({\r\n dir: propTypes.oneOf([\"desc\", \"asc\"]),\r\n orderBy: propTypes.string,\r\n }).isRequired,\r\n rowsPerPageOptions: propTypes.array.isRequired,\r\n rowsPerPageText: propTypes.string,\r\n};\r\n\r\nexport default Table;\r\n","import { makeStyles } from \"@material-ui/styles\";\r\n\r\nexport default makeStyles({\r\n backdrop: {\r\n zIndex: 1300,\r\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\r\n position: 'fixed',\r\n top: 0,\r\n right: 0,\r\n bottom: 0,\r\n left: 0,\r\n },\r\n\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n flexDirection: 'column',\r\n position: 'absolute',\r\n top: 0,\r\n right: 0,\r\n bottom: 0,\r\n left: 0,\r\n padding: '0 5%',\r\n\r\n '&$responsive': {\r\n '@media(max-width:800px)': {\r\n padding: 0\r\n }\r\n }\r\n },\r\n\r\n modalRoot: {\r\n height: 'auto',\r\n width: '100%',\r\n display: 'flex',\r\n alignItems: 'stretch',\r\n flexDirection: 'column',\r\n position: 'relative',\r\n backgroundColor: '#fff',\r\n boxShadow: '0 12px 15px 0 rgba(0,0,0,0.24)',\r\n overflow: 'hidden',\r\n flexShrink: 1,\r\n maxHeight: '100%',\r\n borderRadius: 10,\r\n maxWidth: 700,\r\n\r\n '$responsive &': {\r\n '@media(max-width:800px)': {\r\n borderRadius: 0,\r\n height: '100%',\r\n maxWidth: 'unset'\r\n }\r\n }\r\n },\r\n\r\n modal: {\r\n flexGrow: 2,\r\n flexShrink: 2,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n overflowY: 'auto',\r\n position: 'relative',\r\n },\r\n\r\n header: {\r\n position: 'relative',\r\n transition: 'box-shadow .1s ease-in-out',\r\n width: '100%',\r\n borderBottom: '1px solid #dadce0',\r\n overflow: 'hidden',\r\n flexShrink: 0,\r\n },\r\n\r\n headerOverlay: {\r\n boxShadow: '0 0 10px silver',\r\n },\r\n\r\n footer: {\r\n minHeight: 48,\r\n display: 'flex',\r\n padding: '8px 20px 5px 38px',\r\n borderTop: '1px solid rgba(0,0,0,0.12)', \r\n },\r\n\r\n body: {\r\n overflow: 'auto',\r\n flexGrow: '1',\r\n width: '100%',\r\n padding: '10px 0 20px',\r\n position: 'relative',\r\n\r\n '@media(min-width:800px)': {\r\n maxHeight: 550,\r\n },\r\n '@media(max-width:1366px)': {\r\n maxHeight: 650,\r\n },\r\n '@media(min-width:1920px)': {\r\n maxHeight: 950,\r\n }\r\n },\r\n\r\n responsive: {},\r\n\r\n reporting: {\r\n maxWidth: 780\r\n },\r\n});\r\n\r\n","import React, { useEffect, useRef, useState, useCallback } from \"react\";\r\nimport classNames from 'classnames';\r\n\r\nimport useStyles from \"./ModalStyles\";\r\n\r\nexport default function Modal(props) {\r\n const classes = useStyles();\r\n\r\n const [headerOverlay, setHeaderOverlay] = useState(false)\r\n\r\n const modalBodyRef = useRef()\r\n\r\n const keyPressListner = useCallback((e) => {\r\n e.keyCode === 27 && props.closeModal && props.closeModal()\r\n }, [props])\r\n\r\n const handelBodyScroll = scroll => { scroll === 0 ? setHeaderOverlay(false) : setHeaderOverlay(true) }\r\n\r\n useEffect(() => {\r\n window.document.addEventListener('keydown', event => keyPressListner(event))\r\n modalBodyRef.current.addEventListener('scroll', event => handelBodyScroll(event.target.scrollTop))\r\n document.getElementById(\"root\").style = \"height: 100vh;overflow: hidden;\"\r\n\r\n return () => {\r\n document.getElementById(\"root\").style = \"\";\r\n }\r\n }, [keyPressListner])\r\n\r\n const rootElement = useRef()\r\n\r\n return (\r\n \r\n {loadingData && {\r\n const hash = getUserHash()\r\n const magnetic = \"trazanto:\" + webUrl + \";\" + hash\r\n window.location.replace(magnetic)\r\n }}\r\n >\r\n \r\n \r\n }\r\n
\r\n {!serversidePagination && (\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {\r\n !serversidePagination ? (\r\n | }\r\n {multiSelect && | }\r\n {connectionStatus && | }\r\n {editedInfo.enabled && | }\r\n {migrationInfo.enabled && | }\r\n {resultStatus && | }\r\n {columns.map((c, index) => {\r\n return c.name ? (\r\n |
\r\n
\r\n );\r\n}\r\n\r\n","import Modal from './Modal';\r\n\r\nexport default Modal;","import { makeStyles, createStyles } from \"@material-ui/styles\";\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n root: {\r\n display: \"inline-flex\",\r\n position: \"relative\",\r\n flexDirection: \"column\",\r\n verticalAlign: \"top\",\r\n // margin:'0px 15px',\r\n },\r\n\r\n fullwidth: {\r\n width: \"100%\"\r\n },\r\n\r\n inputLabel: {\r\n position: \"absolute\",\r\n top: 0,\r\n left: 0,\r\n zIndex: 1,\r\n transform: \"translate(0, 24px) scale(1)\",\r\n display: \"block\",\r\n transformOrigin: \"top left\",\r\n transition:\r\n \"color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms\",\r\n color: \"rgba(0,0,0,0.54)\",\r\n lineHeight: \"1\",\r\n letterSpacing: \"0.00938em\",\r\n margin: 0,\r\n pointerEvents: \"none\",\r\n padding: '0 5px',\r\n backgroundColor: '#f7f7f7'\r\n },\r\n\r\n inputLabelOutlined: {\r\n transform: \"translate(6px, 14px) scale(1)\",\r\n },\r\n\r\n focused: {\r\n \"& $inputLabel, & $calendarIcon\": {\r\n color: theme.palette.terragene.darkMain\r\n },\r\n\r\n \"& $inputOutline\": {\r\n borderColor: `${theme.palette.terragene.darkMain}!important`,\r\n borderWidth: 2\r\n },\r\n\r\n \"& $inputUnderline::after\": {\r\n transform: \"scaleX(1)\"\r\n }\r\n },\r\n\r\n inputLabelShrink: {\r\n \"& $inputLabel\": {\r\n transform: \"translate(0, 1.5px) scale(0.75)\"\r\n },\r\n\r\n \"& $inputLabelOutlined\": {\r\n transform: \"translate(14px, -6px) scale(0.75)\"\r\n }\r\n },\r\n\r\n inputBaseRoot: {\r\n position: \"relative\",\r\n color: \"rgba(0, 0, 0, 0.87)\",\r\n display: \"inline-flex\",\r\n fontSize: \"1rem\",\r\n boxSizing: \"border-box\",\r\n alignItems: \"center\",\r\n lineHeight: \"1.1875em\",\r\n \r\n\r\n \"&:hover $inputOutline, &:hover$inputUnderline::before\": {\r\n borderColor: \"rgba(0,0,0,0.87)\"\r\n },\r\n\r\n \"&:hover $calendarIcon\": {\r\n color: \"rgba(0,0,0,0.87)\"\r\n }\r\n },\r\n\r\n inputBaseInput: {\r\n width: \"100%\",\r\n display: \"block\",\r\n minWidth: 0,\r\n background: \"none\",\r\n boxSizing: \"content-box\",\r\n\r\n \"&>div\": { width: \"100%\" },\r\n \r\n \"&>div>div::before\": { display: 'none' },\r\n \"&>div>div::after\": { display: 'none' },\r\n\r\n \"& input\": {\r\n font: \"inherit\",\r\n padding: \"6px 0 7px\",\r\n textOverflow: \"ellipsis\",\r\n height: \"1.1875em\",\r\n marginTop: 16,\r\n }\r\n },\r\n\r\n inputDetail: {\r\n height: \"auto\"\r\n },\r\n\r\n outlinedInputInput: {\r\n '& input': {\r\n padding: \"12.5px 13px 10.5px 8px\",\r\n marginTop: 0\r\n },\r\n\r\n '& $calendarIcon': {\r\n right: 9,\r\n bottom: 13.5\r\n }\r\n },\r\n\r\n inputUnderline: {\r\n // '&:hover::before': {\r\n // borderColor: \"rgba(0,0,0,0.87)\"\r\n // },\r\n\r\n \"&::before\": {\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n content: \"''\",\r\n position: \"absolute\",\r\n transition: \"border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\r\n borderBottom: \"1px solid rgba(0, 0, 0, 0.42)\",\r\n pointerEvents: \"none\"\r\n },\r\n\r\n \"&::after\": {\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n content: \"''\",\r\n position: \"absolute\",\r\n transform: \"scaleX(0)\",\r\n transition: \"transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms\",\r\n borderBottom: `2px solid ${theme.palette.terragene.darkMain}`,\r\n pointerEvents: \"none\"\r\n }\r\n },\r\n\r\n inputOutline: {\r\n borderColor: \"rgba(0,0,0,0.23)\",\r\n position: \"absolute\",\r\n top: \"-5px\",\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n margin: 0,\r\n padding: 0,\r\n transition:\r\n \"padding-left 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms\",\r\n borderWidth: 1,\r\n borderStyle: \"solid\",\r\n borderRadius: 4,\r\n pointerEvents: \"none\"\r\n },\r\n\r\n whiteSpace: {\r\n padding: 0,\r\n textAlign: \"left\",\r\n transition: \"width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms\",\r\n lineHeight: \"11px\"\r\n },\r\n\r\n hasError: {\r\n \"& $inputLabel, & $calendarIcon\": {\r\n color: `${theme.palette.terragene.requiredField}!important`\r\n },\r\n\r\n \"& $inputOutline\": {\r\n borderColor: `${theme.palette.terragene.requiredField}!important`,\r\n borderWidth: 2\r\n },\r\n\r\n \"& $inputUnderline::after\": {\r\n transform: \"scaleX(1)\",\r\n borderBottomColor: theme.palette.terragene.requiredField\r\n }\r\n },\r\n\r\n errorMessage: {\r\n color: theme.palette.terragene.requiredField,\r\n margin: 0,\r\n fontSize: \"0.75rem\",\r\n minHeight: \"1em\",\r\n textAlign: \"left\",\r\n lineHeight: \"1em\",\r\n letterSpacing: \"0.03333em\",\r\n marginTop: 8\r\n },\r\n\r\n errorMessageContained: {\r\n margin: \"8px 14px 0\"\r\n },\r\n\r\n disabled: {\r\n \"& $inputLabel, & $inputBaseInput, & $inputUnderline::before, & $calendarIcon\": {\r\n color: \"rgba(0, 0, 0, 0.38)!important\"\r\n },\r\n\r\n '& $inputUnderline::before, & $inputUnderline:hover::before': {\r\n borderColor: 'rgba(0, 0, 0, 0.38)',\r\n },\r\n\r\n \"& $inputUnderline::after\": {\r\n borderBottom: \"1px solid rgba(0, 0, 0, 0.38)\"\r\n },\r\n\r\n \"& $inputOutline\": {\r\n borderColor: \"rgba(0, 0, 0, 0.38)!important\",\r\n borderWidth: 1\r\n }\r\n },\r\n\r\n calendarIcon: {\r\n color: 'rgba(0,0,0,.48)',\r\n position: 'absolute',\r\n bottom: 7,\r\n right: 2,\r\n zIndex: -1\r\n }\r\n}));\r\n","import React, { useState, useRef, useLayoutEffect } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport moment from \"moment\";\r\nimport MomentUtils from \"@date-io/moment\";\r\nimport { DatePicker, MuiPickersUtilsProvider } from \"@material-ui/pickers\";\r\nimport df, { userLanguageCode } from \"../../utils/dateFormater\";\r\nimport t from \"../../utils/translation\";\r\nimport useStyles from \"./DateInputStyles\";\r\nimport { createTheme, ThemeProvider } from \"@material-ui/core\";\r\nmoment.locale(userLanguageCode());\r\n\r\nconst theme = createTheme({\r\n palette : {\r\n primary :{\r\n main:'#1A1A1A',\r\n }\r\n },\r\n typography : {\r\n fontFamily: 'Montserrat',\r\n }\r\n});\r\n\r\nconst DateInput = (props) => {\r\n const classes = useStyles();\r\n\r\n const [focused, setFocused] = useState(false);\r\n const [labelWidth, setlabelWidth] = useState(null);\r\n\r\n const fullwidth = props.fullwidth !== undefined ? props.fullwidth : true;\r\n const variant = props.variant || \"standard\";\r\n const value = props.value;\r\n const clearable = props.clearable;\r\n const locale = userLanguageCode();\r\n\r\n const inputLabelRef = useRef();\r\n useLayoutEffect(() => {\r\n setlabelWidth(inputLabelRef.current.offsetWidth);\r\n }, []);\r\n\r\n const outlinePadding = () => (focused || value ? 8 : labelWidth * 0.35 + 14);\r\n const whiteSpaceWidth = () => (focused || value ? labelWidth * 0.75 + 12 : 0);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n props.header &&\r\n
\r\n \r\n {props.header}\r\n
\r\n }\r\n {props.children}
\r\n {props.footer && {props.footer}
}\r\n \r\n \r\n \r\n {props.label} {props.isRequired ? \"*\" : \"\"}\r\n \r\n \r\n \r\n \r\n \r\n setFocused(true)}\r\n onClose={() => setFocused(false)}\r\n value={value}\r\n clearable={clearable}\r\n disabled={props.disabled}\r\n okLabel={t(\"AcceptButton\")}\r\n cancelLabel={t(\"CancelButton\")}\r\n clearLabel={t(\"ClearButton\")}\r\n onChange={(val) => props.onChange(val)}\r\n labelFunc={(date) => df(date, \"date\")}\r\n />\r\n \r\n \r\n\r\n \r\n
\r\n\r\n {variant === \"outlined\" && (\r\n {e}
\r\n ))\r\n );\r\n response.data.result === \"OK\" &&\r\n props.saveSuccess(response.data.message, false, requestObject);\r\n } else {\r\n props.saveSuccess(response.data, false, requestObject);\r\n }\r\n onCloseModal();\r\n })\r\n .catch((error) => {\r\n console.log(error.response);\r\n if (typeof error.response?.data?.errors === \"object\") {\r\n const errorBag = error.response.data.errors;\r\n setResponseError(\r\n\r\n
\r\n );\r\n } else {\r\n setResponseError(\r\n error.response?.data?.message ||\r\n error.response?.data?.title ||\r\n error.response?.data\r\n );\r\n }\r\n setLoading(false);\r\n });\r\n } else {\r\n request()\r\n .updateObject(url, requestObject, method)\r\n .then((response) => {\r\n setLoading(false);\r\n if (typeof response.data === \"object\") {\r\n response.data.result === \"ERRORS\" &&\r\n setResponseError(\r\n response.data.errors.map((e) => (\r\n {error.response.data.title}:
\r\n {Object.keys(errorBag).map((k) => (\r\n\r\n {errorBag[k][0]}\r\n
\r\n ))}\r\n{e}
\r\n ))\r\n );\r\n response.data.result === \"OK\" &&\r\n props.saveSuccess(response.data.message, true);\r\n } else {\r\n props.saveSuccess(response.data, true);\r\n }\r\n onCloseModal();\r\n\r\n })\r\n .catch((error) => {\r\n console.log(error.response);\r\n if (typeof error.response?.data?.errors === \"object\") {\r\n const errorBag = error.response.data.errors;\r\n setResponseError(\r\n\r\n
\r\n );\r\n } else {\r\n setResponseError(\r\n error.response?.data?.message ||\r\n error.response?.data?.title ||\r\n error.response?.data\r\n );\r\n }\r\n setLoading(false);\r\n });\r\n }\r\n }\r\n };\r\n\r\n const formField = (field, index, groupIndex) => {\r\n let value = null;\r\n if (useFieldMap) {\r\n if (\r\n object[fieldsMap[index]] === undefined ||\r\n object[fieldsMap[index]] === null\r\n ) {\r\n if (field.defaultValue === undefined) {\r\n value = \"\";\r\n } else {\r\n object[fieldsMap[index]] = field.defaultValue;\r\n value = field.defaultValue;\r\n }\r\n } else {\r\n value = object[fieldsMap[index]];\r\n }\r\n } else {\r\n if (\r\n object[field.propOnObject] === undefined ||\r\n object[field.propOnObject] === null\r\n ) {\r\n if (field.defaultValue === undefined) {\r\n value = \"\";\r\n } else {\r\n object[field.propOnObject] = field.defaultValue;\r\n value = field.defaultValue;\r\n }\r\n } else {\r\n value = object[field.propOnObject];\r\n }\r\n if (field.requiredDependencies)\r\n setRequiredFields(value, useFieldMap, field.requiredDependencies);\r\n if (field.visibilityGroupDependencies)\r\n setVisibilityGroupDependencies(\r\n value,\r\n useFieldMap,\r\n field.visibilityGroupDependencies\r\n );\r\n }\r\n if (\r\n field.type === \"select\" &&\r\n (field.propOnObject === \"ReadingBI.productId\" ||\r\n field.propOnObject === \"ReadingPRO.productId\") &&\r\n (idField === \"ReadingBI.id\" || idField === \"ReadingPRO.id\")\r\n ) {\r\n let ids = [];\r\n if (field.options.length > 0) {\r\n field.options.map((p) => {\r\n if (p[0]) ids.push(p[0]);\r\n });\r\n object[\"ProdOpt\"] = ids;\r\n }\r\n }\r\n switch (field.type) {\r\n case \"select\":\r\n return (\r\n {error.response.data.title}:
\r\n {Object.keys(errorBag).map((k) => (\r\n{errorBag[k][0]}
\r\n ))}\r\n\r\n {field.label}\r\n {field.required && (\r\n * \r\n )}\r\n
\r\n }\r\n />\r\n );\r\n case \"specialInput\":\r\n return (\r\n \r\n
\r\n \r\n )\r\n );\r\n });\r\n };\r\n\r\n const header = (\r\n {group.Description}
\r\n\r\n {sortByField(\r\n formFields.filter((x) => x.groupIndex === group.Index),\r\n \"position\"\r\n ).map((field, index) => {\r\n if (showFormField(field)) {\r\n return (\r\n \r\n {formField(field, index, group.Index)}\r\n
\r\n );\r\n }\r\n })}\r\n \r\n
\r\n \r\n \r\n {mode === \"new\"\r\n ? (t(\"NewTitle\") || \"New\") + \" \" + title\r\n : (t(\"EditTitle\") || \"Edit\") + \" \" + title + ` ${NametoString}`}\r\n
\r\n\r\n {scanOn ? (\r\n \r\n {t(\"ScannerAvailable\")}} placement=\"left\">\r\n \r\n \r\n
\r\n ) : null}\r\n\r\n \r\n \r\n \r\n \r\n {responseError && (\r\n
\r\n )}\r\n \r\n \r\n
\r\n )}\r\n {grouped && groupFields()}\r\n {!grouped && (\r\n \r\n
\r\n {responseError}
\r\n \r\n {sortByField(formFields, \"position\").map((field, index) => {\r\n if (showFormField(field)) {\r\n return (\r\n \r\n {formField(field, index)}\r\n
\r\n );\r\n }\r\n })}\r\n \r\n
\r\n );\r\n } else {\r\n setResponseError(\r\n error.response?.data?.message ||\r\n error.response?.data?.title ||\r\n error.response?.data\r\n );\r\n }\r\n });\r\n };\r\n\r\n return (\r\n {error.response.data.title}:
\r\n {Object.keys(errorBag).map((k) => (\r\n{errorBag[k][0]}
\r\n ))}\r\n\r\n \r\n {(t(\"DeleteText\") || `Delete`) + ` ${title} ${NametoString}`}\r\n \r\n
\r\n }\r\n footer={\r\n \r\n dispatch({ type: \"closeConfirmation\" })}\r\n variant={\"text\"}\r\n color={\"error\"}\r\n />\r\n
\r\n }\r\n >\r\n \r\n {responseError && (\r\n
\r\n \r\n );\r\n}\r\n\r\n","import Detail from './Detail';\r\n\r\nexport default Detail;","import React from \"react\";\r\nimport t from \"../../../utils/translation\";\r\nimport df from \"../../../utils/dateFormater\";\r\n// import useStyles from './DetailStyles';\r\n\r\nimport Modal from \"../../Modal\";\r\nimport Input from \"../../Input\";\r\n\r\nexport default function Detail(props) {\r\n // const classes = useStyles();\r\n const { fields, object, classes, dispatch, title, idField } = props;\r\n const NametoString = `(${\r\n object[idField.split(\".\")[0] + \".toString\"] || object.toString\r\n })`;\r\n\r\n const closeModal = () => {\r\n dispatch({ type: \"closeDetail\" });\r\n };\r\n\r\n const header = (\r\n \r\n
\r\n )}\r\n \r\n
\r\n {responseError}
\r\n \r\n
\r\n \r\n {(t(\"DeleteConfirmationText\") ||\r\n \"Are you sure you want to delete this\") + ` ${title}?`}\r\n
\r\n \r\n
\r\n \r\n {(t(\"Title\") || `${title}`) + ` ${NametoString}`}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {fields.map((field, index) => {\r\n const value =\r\n field.type === \"date\"\r\n ? df(object[field.name], \"date\")\r\n : field.type === \"dateTime\"\r\n ? df(object[field.name], \"dateTime\")\r\n : object[field.name];\r\n if (field.type === \"image\") {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n })}\r\n \r\n
\r\n );\r\n } else {\r\n\r\n }\r\n if (showDetailField(field)) {\r\n return (\r\n {e}
),\r\n });\r\n } else {\r\n setResponseMessage({\r\n type: \"success\",\r\n message: response.data.message,\r\n });\r\n if(moveToSaved) saveSuccess(response.data.message, true);\r\n if(!moveToSaved) updateData();\r\n }\r\n })\r\n .catch((error) => {\r\n if (typeof error.response?.data?.errors === \"object\") {\r\n const errorBag = error.response.data.errors;\r\n setResponseError(\r\n\r\n
\r\n );\r\n } else {\r\n setResponseError(\r\n error.response?.data?.message ||\r\n error.response?.data?.title ||\r\n error.response?.data\r\n );\r\n }\r\n setLoading(false);\r\n });\r\n }\r\n };\r\n\r\n const header = (\r\n {error.response.data.title}:
\r\n {Object.keys(errorBag).map((k) => (\r\n{errorBag[k][0]}
\r\n ))}\r\n\r\n
\r\n \r\n \r\n {t(\"MultipleEditText\", locale) + \" \" + NametoString}\r\n
\r\n\r\n {scanOn //si es true lo muestro\r\n ?\r\n \r\n {t(\"ScannerAvailable\")}} placement=\"left\">\r\n 
\r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n \r\n \r\n \r\n {field.label}\r\n {field.required && * }\r\n
}\r\n />\r\n );\r\n default:\r\n return (\r\n \r\n
\r\n )\r\n })\r\n }\r\n\r\n return (\r\n {group.Description}
\r\n\r\n {\r\n sortByField(formFields.filter(x => x.groupIndex === group.Index), 'position').map((field, index) => {\r\n return (\r\n
\r\n \r\n {formField(field, index, group.Index)}\r\n
\r\n );\r\n })}\r\n \r\n {responseError && (\r\n
\r\n \r\n );\r\n}\r\n","import Massive from './Massive';\r\n\r\nexport default Massive;","export const UserType = {\r\n Administrator: 0,\r\n Supervisor: 1,\r\n Operator: 2,\r\n Distributor: 3\r\n}","export default function reducer(state, action) {\r\n switch (action.type) {\r\n case \"setData\": {\r\n return {\r\n ...state,\r\n data: action.payload.data,\r\n idField: action.payload.idField\r\n };\r\n }\r\n case \"openNewObject\": {\r\n return {\r\n ...state,\r\n openForm: true,\r\n selectedObjet: {},\r\n mode: \"new\"\r\n };\r\n }\r\n case \"openMassiveModify\": {\r\n return {\r\n ...state,\r\n openMassive: true,\r\n mode: \"massive\"\r\n };\r\n }\r\n case 'selectRow': {\r\n if (state.selectedObjectsId.includes(action.payload[state.idField])) {\r\n return {\r\n ...state,\r\n selectedObjectsId: state.selectedObjectsId.filter(x => x !== action.payload[state.idField]),\r\n selectedObjectsList: state.selectedObjectsList.filter(x => x !== action.payload)\r\n }\r\n }\r\n return {\r\n ...state,\r\n selectedObjectsId: [...state.selectedObjectsId, action.payload[state.idField]],\r\n selectedObjectsList: state.selectedObjectsList.concat(action.payload)\r\n }\r\n }\r\n case 'clearSelected': {\r\n return {\r\n ...state,\r\n selectedObjectsId: [],\r\n selectedObjectsList: [],\r\n }\r\n }\r\n case \"openUpdateObject\": {\r\n return {\r\n ...state,\r\n openForm: true,\r\n selectedObjet: action.payload,\r\n mode: \"update\"\r\n };\r\n }\r\n case \"closeModal\": {\r\n return {\r\n ...state,\r\n openForm: false,\r\n openMassive: false\r\n };\r\n }\r\n case \"openObjectDetail\": {\r\n return {\r\n ...state,\r\n openDetail: true,\r\n selectedObjet: action.payload,\r\n };\r\n }\r\n case \"closeDetail\": {\r\n return {\r\n ...state,\r\n openDetail: false\r\n };\r\n }\r\n case \"saveSuccess\": {\r\n return {\r\n ...state,\r\n selectedObjet: {},\r\n openForm: false,\r\n openMassive: false,\r\n successMessage: action.payload,\r\n showSuccessMessage: true\r\n };\r\n }\r\n case \"hideSuccessMessage\": {\r\n return {\r\n ...state,\r\n successMessage: '',\r\n showSuccessMessage: false\r\n };\r\n }\r\n case \"saveError\": {\r\n return {\r\n ...state,\r\n selectedObjet: {},\r\n openForm: false,\r\n openMassive: false,\r\n errorMessage: action.payload,\r\n showErrorsMessage: true\r\n };\r\n }\r\n case \"hideErrorMessage\": {\r\n return {\r\n ...state,\r\n errorMessage: '',\r\n showErrorsMessage: false\r\n };\r\n }\r\n case \"openConfirmation\": {\r\n return {\r\n ...state,\r\n openConfirmation: true,\r\n objectToDelete: action.payload\r\n };\r\n }\r\n case \"closeConfirmation\": {\r\n return {\r\n ...state,\r\n openConfirmation: false,\r\n objectToDelete: {}\r\n };\r\n }\r\n case \"delete\": {\r\n return {\r\n ...state,\r\n openConfirmation: false,\r\n data: state.data.filter(\r\n x => x[state.idField] !== state.objectToDelete[state.idField]\r\n ),\r\n objectToDelete: null\r\n };\r\n }\r\n case \"SET_MODE_SELECTION\":\r\n return {\r\n ...state,\r\n selectOneRowOnly: action.payload.selectOneRowOnly\r\n }\r\n case \"SELECT_ONE_ROW\":\r\n return {\r\n ...state,\r\n selectedObjectsId: [action.payload[state.idField]],\r\n selectedObjectsList: state.selectedObjectsList.concat(action.payload)\r\n }\r\n default:\r\n throw new Error();\r\n }\r\n}\r\n","import React, { useEffect, useReducer } from \"react\";\r\nimport { forwardRef, useImperativeHandle } from 'react';\r\n\r\nimport t from '../../utils/translation';\r\nimport propTypes from 'prop-types';\r\nimport useStyles from \"./CRUDStyles\";\r\n\r\nimport Table from \"../Table\";\r\nimport Button from \"../Button\";\r\nimport Update from \"./Update\";\r\nimport Delete from \"./Delete\";\r\nimport Detail from \"./Detail\";\r\nimport Massive from \"./Massive\";\r\nimport { getUserType } from \"../../utils/sessionHandler\";\r\nimport { UserType } from '../../dictionaries/userTypes';\r\nimport reducer from './CRUDReducer';\r\nimport Button2 from \"../Button2\";\r\n\r\nconst initialState = {\r\n data: [],\r\n selectedObjet: {},\r\n openMassive: false,\r\n selectedObjectsId: [],\r\n selectedObjectsList: [],\r\n objectToDelete: {},\r\n openForm: false,\r\n openDetail: false,\r\n openConfirmation: false,\r\n mode: \"\",\r\n idField: \"\",\r\n selectOneRowOnly: false,\r\n errorsValidate: undefined\r\n};\r\n\r\nconst CRUD = forwardRef((props, ref) => {\r\n const classes = useStyles();\r\n\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n\r\n const {\r\n url,\r\n title,\r\n columns,\r\n order,\r\n headers,\r\n tableHeader = '',\r\n idField = '',\r\n fieldsMap = [],\r\n formFields = [],\r\n formFieldsMachine = [],\r\n massiveFieldsMap = [],\r\n detailFields = [],\r\n baseObject = {},\r\n massiveBaseObject = {},\r\n baseObjectOverwrite = {},\r\n tableActions = [],\r\n massiveActions = [],\r\n method = 'save',\r\n newOption = true,\r\n editOption = true,\r\n detailOption = true,\r\n deleteOption = true,\r\n multiSelect = false,\r\n connectionStatus = false,\r\n loadingData = false,\r\n massiveURL = '',\r\n ////////////////////////////////\r\n serversidePagination = false,\r\n page = null,\r\n handlePagination = null,\r\n btnTrazantoVisible = false,\r\n totalRowsServerSide = 0,\r\n resultStatus = false,\r\n editedInfo,\r\n migrationInfo,\r\n masterDetail = {},\r\n viewedMark = false,\r\n onEditClick = () => { },\r\n onEditMassiveButtonClick = () => { },\r\n counterDown = {},\r\n grouped = null,\r\n useFieldMap = true,\r\n splitButtonExtraOptions,\r\n selectOneRowOnly = false,\r\n handleSelectionClick = () => { },\r\n afterAssociate,\r\n selectedDynamically,\r\n onCloseModal = () => {},\r\n } = props;\r\n\r\n const {\r\n data,\r\n openForm,\r\n openDetail,\r\n selectedObjet,\r\n openMassive,\r\n selectedObjectsId,\r\n selectedObjectsList,\r\n openConfirmation,\r\n objectToDelete,\r\n mode,\r\n successMessage,\r\n showSuccessMessage,\r\n errorMessage,\r\n showErrorsMessage\r\n } = state;\r\n\r\n const sterilizerArray = [];\r\n if (openForm && mode === 'update') {\r\n if (props.formFieldsMachine != null) {\r\n for (let i = 0; i < props.formFields.length; i++) {\r\n if (props.formFields[i][\"id\"] === \"machine\") {\r\n props.formFields[i][\"options\"] = formFieldsMachine[0];\r\n props.formFields[i][\"disabled\"] = false;\r\n\r\n for (let e = 0; e < props.formFields[i][\"options\"].length; e++) {\r\n if (e === 0) {\r\n sterilizerArray.push([props.formFields[i][\"options\"][e][0], props.formFields[i][\"options\"][e][1]]);\r\n } else {\r\n if ((props.formFields[i][\"options\"][e][2] === state.selectedObjet[\"ReadingBI.sectorId\"]) || (props.formFields[i][\"options\"][e][2] === state.selectedObjet[\"ReadingPRO.sectorId\"]) || (props.formFields[i][\"options\"][e][2] === state.selectedObjet[\"ReadingCHESterilizer.sectorId\"]) || (props.formFields[i][\"options\"][e][2] === state.selectedObjet[\"ReadingCHEWasher.sectorId\"])) {\r\n sterilizerArray.push([props.formFields[i][\"options\"][e][0], props.formFields[i][\"options\"][e][1], props.formFields[i][\"options\"][e][2]]);\r\n }\r\n }\r\n }\r\n if (sterilizerArray.length > 0) {\r\n formFields[i][\"options\"] = sterilizerArray;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (mode === 'massive') {\r\n if (props.formFieldsMachine != null) {\r\n for (let i = 0; i < props.formFields.length; i++) {\r\n if (props.formFields[i][\"id\"] === \"machine\") {\r\n props.formFields[i][\"options\"] = formFieldsMachine[0];\r\n if (props.formFields[i][\"userType\"] === 0) {\r\n props.formFields[i][\"disabled\"] = true;\r\n props.formFields[i][\"msgTooltip\"] = t(\"FieldCannotModified\");\r\n }\r\n else {\r\n for (let e = 0; e < props.formFields[i][\"options\"].length; e++) {\r\n if (e === 0) {\r\n sterilizerArray.push([props.formFields[i][\"options\"][e][0], props.formFields[i][\"options\"][e][1]]);\r\n } else {\r\n if (state.selectedObjectsList.length > 0) {\r\n if ((props.formFields[i][\"options\"][e][2] === state.selectedObjectsList[0][\"ReadingBI.sectorId\"]) || (props.formFields[i][\"options\"][e][2] === state.selectedObjectsList[0][\"ReadingPRO.sectorId\"]) || (props.formFields[i][\"options\"][e][2] === state.selectedObjectsList[0][\"ReadingCHESterilizer.sectorId\"]) || (props.formFields[i][\"options\"][e][2] === state.selectedObjectsList[0][\"ReadingCHEWasher.sectorId\"])) {\r\n sterilizerArray.push([props.formFields[i][\"options\"][e][0], props.formFields[i][\"options\"][e][1], props.formFields[i][\"options\"][e][2]]);\r\n }\r\n }\r\n }\r\n }\r\n if (sterilizerArray.length > 0) {\r\n formFields[i][\"options\"] = sterilizerArray;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n dispatch({\r\n type: \"setData\",\r\n payload: { data: props.data, idField: props.idField }\r\n });\r\n dispatch({ type: \"SET_MODE_SELECTION\", payload: { selectOneRowOnly: props.selectOneRowOnly } })\r\n }, [props.data, props.idField]);\r\n\r\n const saveSuccess = (alertMessage, clearCache, updatedObj) => {\r\n if (clearCache) dispatch({ type: 'clearSelected' })\r\n if (props.customSuccessHandler) {\r\n props.customSuccessHandler(alertMessage)\r\n dispatch({ type: 'closeModal' })\r\n } else {\r\n dispatch({ type: 'saveSuccess', payload: alertMessage })\r\n setTimeout(() => { dispatch({ type: 'hideSuccessMessage' }) }, 3000);\r\n props.updateData(updatedObj)\r\n }\r\n }\r\n\r\n useImperativeHandle(ref, () => ({\r\n api(options) { dispatch(options) }\r\n }));\r\n\r\n //Se utiliza para manejar el estado de la pantalla luego de hacer una vinculación lectura-medición.\r\n useEffect(() => {\r\n if (afterAssociate) {\r\n if (afterAssociate.executeAction) {\r\n if (afterAssociate.type === \"OK\") {\r\n dispatch({ type: 'saveSuccess', payload: afterAssociate.message })\r\n setTimeout(() => { dispatch({ type: 'hideSuccessMessage' }) }, 3000);\r\n } else {\r\n dispatch({ type: 'saveError', payload: afterAssociate.message })\r\n setTimeout(() => { dispatch({ type: 'hideErrorMessage' }) }, 3000);\r\n }\r\n props.updateData(afterAssociate.updatedObject);\r\n }\r\n }\r\n }, [props.afterAssociate])\r\n\r\n\r\n\r\n //se utiliza para seleccionar dinamicamente una medición vinculada en el componente ToolMeasure.\r\n useEffect(() => {\r\n if (selectedDynamically) {\r\n dispatch({ type: \"SELECT_ONE_ROW\", payload: selectedDynamically })\r\n }\r\n }, [props.selectedDynamically])\r\n\r\n return (\r\n \r\n
\r\n )}\r\n {responseMessage.type === \"error\" && (\r\n \r\n
\r\n {responseError}
\r\n \r\n
\r\n )}\r\n {responseMessage.type === \"success\" && (\r\n \r\n
\r\n \r\n {responseMessage.message}\r\n
\r\n \r\n
\r\n )}\r\n {\r\n grouped &&\r\n groupFields()\r\n }\r\n {\r\n !grouped &&\r\n \r\n
\r\n \r\n {responseMessage.message}\r\n
\r\n \r\n {sortByField(formFields, 'position').map((field, index) => {\r\n return (\r\n
\r\n }\r\n \r\n {formField(field, index)}\r\n
\r\n )\r\n })}\r\n \r\n {successMessage}\r\n
\r\n }\r\n {showErrorsMessage &&\r\n \r\n {errorMessage}\r\n
\r\n }\r\n \r\n dispatch({ type: \"selectRow\", payload: row }))\r\n : (row => {\r\n dispatch({ type: \"SELECT_ONE_ROW\", payload: row })\r\n handleSelectionClick(row)\r\n })\r\n : undefined}\r\n\r\n handleRowEdit={editOption && (row => {\r\n dispatch({ type: \"openUpdateObject\", payload: row })\r\n onEditClick(row)\r\n })}\r\n handleRowDetail={detailOption && (row => dispatch({ type: \"openObjectDetail\", payload: row }))}\r\n handleRowDelete={deleteOption && (row => dispatch({ type: \"openConfirmation\", payload: row }))}\r\n actions={tableActions}\r\n />\r\n {newOption &&\r\n
\r\n {openForm && (\r\n \r\n dispatch({ type: \"openNewObject\" })}\r\n />\r\n
\r\n }\r\n {(multiSelect && selectedObjectsId.length > 0) &&\r\n \r\n {/* {getUserType() !== UserType.Administrator &&\r\n
\r\n }\r\n \r\n {\r\n dispatch({ type: \"openMassiveModify\" })\r\n onEditMassiveButtonClick()\r\n }}\r\n />\r\n
\r\n } */}\r\n {massiveActions.map(a =>\r\n \r\n a.action(selectedObjectsList, selectedObjectsId)}\r\n />\r\n
\r\n )}\r\n \r\n
\r\n\r\n {resetPasswordResponse && (\r\n \r\n
\r\n \r\n \r\n setSelectedSector(val)}\r\n />\r\n
\r\n \r\n {resetPasswordResponse.message}\r\n
\r\n )}\r\n {selectedSector && (\r\n \r\n \r\n {t(\"ResetPasswordHeader\", locale)}\r\n \r\n
\r\n \r\n \r\n setOpenResetPassword(false)}\r\n variant={\"text\"}\r\n color={\"error\"}\r\n disabled={loading}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles({\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n footerAction: {\r\n position: 'absolute',\r\n right: 20,\r\n '& *': {\r\n margin: '0 8px'\r\n }\r\n }\r\n})","import ConnectedIncubators from './ConnectedIncubators';\r\n\r\nexport default ConnectedIncubators;","import React, { useState, useEffect, useContext } from \"react\";\r\n\r\nimport useStyles from \"./ConnectedIncubatorsStyles\";\r\nimport request from \"../../utils/request\";\r\nimport {\r\n getUserId,\r\n getSession,\r\n} from \"../../utils/sessionHandler\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport t from \"../../utils/translation\";\r\nimport df from \"../../utils/dateFormater\";\r\nimport { flatten } from \"flat\";\r\n\r\nimport Modal from \"../../components/Modal\";\r\nimport Select from \"../../components/Select\";\r\nimport Progress from \"../../components/Progress\";\r\nimport Button from \"../../components/Button\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\n\r\nexport default function ConnectedIncubators() {\r\n const classes = useStyles();\r\n const locale = useContext(LocalizationContext);\r\n\r\n const [loadingContent, setLoadingContent] = useState(true);\r\n const [loadingData, setLoadingData] = useState(false);\r\n const [data, setData] = useState([]);\r\n const [sectors, setSectors] = useState([]);\r\n const [selectedIncubator, setSelectedIncubator] = useState(null);\r\n const [sectorToAssign, setSectorToAssign] = useState(\"\");\r\n const [openAssign, setOpenAssign] = useState(false);\r\n const [openConfirm, setOpenConfirm] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [succesMessage, setsuccesMessage] = useState(\"\");\r\n\r\n useEffect(() => {\r\n request()\r\n .get(`/api/Sector/getSectorsToAssign?userId=${getUserId()}`)\r\n .then((response) => {\r\n setTimeout(() => {\r\n setSectors(response.data.map((s) => [s.id, s.name]));\r\n setLoadingContent(false);\r\n }, 250);\r\n })\r\n .catch((error) => console.log(error.response));\r\n }, []);\r\n\r\n useEffect(() => {\r\n updateData()\r\n }, [sectors]);\r\n\r\n const updateData = () => {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/Incubator?appUserId=${getUserId()}`)\r\n .then((response) => {\r\n setData(\r\n response.data\r\n .reduce((ciList, ci) => {\r\n let workSectorName = \"\";\r\n let discovererSectorName = \"\";\r\n for (let i = 0; i < sectors.length; i++) {\r\n if (\r\n sectors[i][0] === ci.workSectorId &&\r\n ci.incConnectionStatusDescription !== \"DISCONNECTED\"\r\n ) {\r\n workSectorName = sectors[i][1];\r\n }\r\n if (sectors[i][0] === ci.discovererSectorId) {\r\n discovererSectorName = sectors[i][1];\r\n }\r\n }\r\n\r\n ciList.push({\r\n ...ci,\r\n formatedConnectionDate: df(ci.dateConnection, \"dateTime\"),\r\n workSectorName: workSectorName,\r\n discovererSectorName: discovererSectorName,\r\n });\r\n\r\n return ciList;\r\n }, [])\r\n .map((i) => flatten(i))\r\n );\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n .catch((error) => console.log(error.response));\r\n };\r\n\r\n const closeModal = () => {\r\n setSelectedIncubator(false);\r\n setSectorToAssign(\"\");\r\n setOpenAssign(false);\r\n setOpenConfirm(false);\r\n setError(\"\");\r\n };\r\n\r\n const lockIncubator = (incubator) => {\r\n setSelectedIncubator(incubator);\r\n setOpenAssign(true);\r\n };\r\n\r\n const setIncubatorSector = () => {\r\n if (sectorToAssign === \"\") {\r\n setError(t(\"RequiredField\"));\r\n return;\r\n }\r\n\r\n setLoading(true);\r\n request()\r\n .post(\"/api/Incubator/SetSector\", {\r\n Incubator: selectedIncubator,\r\n Sector: { id: sectorToAssign },\r\n UserLogged: getSession(),\r\n })\r\n .then((response) => {\r\n console.log(response);\r\n setLoading(false);\r\n closeModal();\r\n updateData();\r\n setsuccesMessage(response.data);\r\n setTimeout(() => {\r\n setsuccesMessage(\"\");\r\n }, 3000);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n error.response && setError(error.response.data.message);\r\n });\r\n };\r\n\r\n const unlockIncubator = (incubator) => {\r\n setSelectedIncubator(incubator);\r\n setOpenConfirm(true);\r\n };\r\n\r\n const freeIncubator = () => {\r\n setLoading(true);\r\n request()\r\n .post(\"/api/Incubator/FreeIncubator\", {\r\n Incubator: selectedIncubator,\r\n UserLogged: getSession(),\r\n })\r\n .then((response) => {\r\n console.log(response);\r\n setLoading(false);\r\n closeModal();\r\n updateData();\r\n setsuccesMessage(response.data);\r\n setTimeout(() => {\r\n setsuccesMessage(\"\");\r\n }, 3000);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n error.response && setError(error.response.data.message);\r\n });\r\n };\r\n\r\n const refresh = () => {\r\n updateData()\r\n }\r\n\r\n if (loadingContent) return \r\n
\r\n \r\n {t(\"ResetPasswordConfirmationText\", locale)}{\" \"}\r\n {userToResetPassword[\"AppUser.toString\"]}?\r\n
\r\n {succesMessage}
\r\n )}\r\n \r\n \r\n {t(\"AssignSectorTooltip\", locale)} (\r\n {selectedIncubator.toString})\r\n \r\n
\r\n \r\n \r\n }\r\n footer={\r\n \r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n {openConfirm && (\r\n \r\n
\r\n \r\n setSectorToAssign(val)}\r\n disabled={loading}\r\n error={error}\r\n />\r\n
\r\n \r\n \r\n {t(\"FreeIncubatorTooltip\", locale)} (\r\n {selectedIncubator.toString})\r\n \r\n
\r\n \r\n \r\n }\r\n footer={\r\n \r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles({\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n modalCloseButton: {\r\n color: \"#9e9e9e\",\r\n borderRadius: \"50%\",\r\n cursor: \"pointer\",\r\n userSelect: \"none\",\r\n\r\n '&:hover': {\r\n color: '#5a5a5d'\r\n },\r\n\r\n \"& svg\": {\r\n fill: \"currentcolor\",\r\n width: \"1em\",\r\n height: \"1em\",\r\n fontSize: \"1.5rem\",\r\n userSelect: \"none\"\r\n }\r\n },\r\n\r\n footerAction: {\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'flex-end'\r\n },\r\n\r\n detailLoading: {\r\n display: 'flex',\r\n justifyContent: 'center'\r\n }\r\n})","// Estos indices se corresponden con los definidos en el server\r\nexport const ProductType = {\r\n BiologicalSterilizer: 0,\r\n Protein: 1,\r\n ChemicalWasher: 2,\r\n ChemicalSterilizer: 3,\r\n BiologicalDisinfection: 4,\r\n}\r\n","import QuickSterilizer from './QuickSterilizer';\r\n\r\nexport default QuickSterilizer;","import React, { useState, useEffect } from 'react';\r\nimport request from '../../utils/request';\r\nimport Button from '../Button';\r\nimport FixedAlert from '../FixedAlert/FixedAlert';\r\nimport t from \"../../utils/translation\";\r\nimport Input from '../Input';\r\nimport { getUserId } from '../../utils/sessionHandler';\r\n\r\nconst QuickSterilizer = ({ onClickCallBack }) => {\r\n const screenId = 305\r\n const [sterilizer, setSterilizer] = useState({})\r\n const [error, setError] = useState(\"\")\r\n const [errors, setErrors] = useState({});\r\n const [temporalTranslations, setTemporalTranslations] = useState({})\r\n\r\n useEffect(() => {\r\n request().get(`/api/screen/getjson?ScreenNameId=${screenId}&UserLoggedId=${getUserId()}`)\r\n .then(response => {\r\n setTemporalTranslations(response.data);\r\n })\r\n }, [])\r\n\r\n const isValidForm = () => {\r\n let localErrors = {}\r\n let isValid = true;\r\n if(!sterilizer.Name){\r\n localErrors.Name = t(\"RequiredFieldError\")\r\n isValid = false\r\n }\r\n if(!sterilizer.Brand){\r\n localErrors.Brand = t(\"RequiredFieldError\")\r\n isValid = false\r\n }\r\n if(!sterilizer.Serial){\r\n localErrors.Serial = t(\"RequiredFieldError\")\r\n isValid = false\r\n }\r\n setErrors(localErrors)\r\n return isValid;\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n {t(\"FreeIncubatorConfirmationText\", locale)}\r\n
\r\n \r\n { setError(\"\") }}> \r\n setSterilizer({ ...sterilizer, Name: value })}\r\n error={errors.Name}\r\n />\r\n setSterilizer({ ...sterilizer, Brand: value })}\r\n error={errors.Brand}\r\n />\r\n setSterilizer({ ...sterilizer, Serial: value })}\r\n error={errors.Serial}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default QuickSterilizer;","import React, { useState, useEffect } from 'react';\r\nimport request from '../../utils/request';\r\nimport Button from '../Button';\r\nimport FixedAlert from '../FixedAlert/FixedAlert';\r\nimport t from \"../../utils/translation\";\r\nimport Input from '../Input';\r\nimport { getUserId } from '../../utils/sessionHandler';\r\n\r\nconst QuickDisinfector = ({ onClickCallBack }) => {\r\n const screenId = 306\r\n const [disinfector, setDisinfector] = useState({})\r\n const [error, setError] = useState(\"\")\r\n const [errors, setErrors] = useState({});\r\n const [temporalTranslations, setTemporalTranslations] = useState({})\r\n \r\n useEffect(() => {\r\n request().get(`/api/screen/getjson?ScreenNameId=${screenId}&UserLoggedId=${getUserId()}`)\r\n .then(response => {\r\n setTemporalTranslations(response.data);\r\n })\r\n }, [])\r\n\r\n const isValidForm = () => {\r\n let localErrors = {}\r\n let isValid = true;\r\n if(!disinfector.Name){\r\n localErrors.Name = t(\"RequiredFieldError\")\r\n isValid = false\r\n }\r\n if(!disinfector.Brand){\r\n localErrors.Brand = t(\"RequiredFieldError\")\r\n isValid = false\r\n }\r\n if(!disinfector.Serial){\r\n localErrors.Serial = t(\"RequiredFieldError\")\r\n isValid = false\r\n }\r\n setErrors(localErrors)\r\n return isValid;\r\n }\r\n\r\n return (\r\n \r\n { setError(\"\") }}> \r\n setDisinfector({ ...disinfector, Name: value })}\r\n error={errors.Name}\r\n />\r\n setDisinfector({ ...disinfector, Brand: value })}\r\n error={errors.Brand}\r\n />\r\n setDisinfector({ ...disinfector, Serial: value })}\r\n error={errors.Serial}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default QuickDisinfector;","import { makeStyles, createStyles } from \"@material-ui/styles\";\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n groupedTitle: {\r\n fontSize: 18,\r\n fontWeight: '500',\r\n // borderBottom: '0.5px solid ' + theme.palette.terragene.lightMain,\r\n fontFamily:\"Montserrat\",\r\n textTransform: 'uppercase',\r\n backgroundColor: theme.palette.terragene.lightMain,\r\n borderRadius:10,\r\n padding:5,\r\n textAlign: 'center',\r\n },\r\n groupedDiv: {\r\n margin: '0px 8px',\r\n marginBottom: 12,\r\n },\r\n imgSize: {\r\n width: '55%',\r\n height: 'auto'\r\n },\r\n}))\r\n","import React from 'react';\r\nimport df from '../../utils/dateFormater';\r\nimport Input from '../Input';\r\nimport classNames from \"classnames\";\r\nimport useStyles from \"./GroupedDetailStyles\";\r\nimport { sortByField } from '../../utils/functions/Sorter';\r\n\r\n// groups: array con los diferentes grupos, se toma como base para order los detailFields\r\n// detailFields: información de los campos a mostrar. Contiene la info para saber que campo pertenece a que grupo.\r\n// detailObject: es el objeto que tiene la info para mostrar.\r\nconst GroupedDetail = ({ groups, detailFields, detailObject }) => {\r\n const classes = useStyles()\r\n\r\n const setVisibilityGroupDependencies = (value, visibilityGroupDependencies) => {\r\n if (visibilityGroupDependencies && visibilityGroupDependencies.length > 0) {\r\n visibilityGroupDependencies.forEach((visibleGroupDependency) => {\r\n let group = groups.find(x => x.Index === visibleGroupDependency.groupIndex)\r\n if (visibleGroupDependency.condition == value) {\r\n group.visible = visibleGroupDependency.visible\r\n }\r\n else {\r\n group.visible = false\r\n }\r\n })\r\n }\r\n }\r\n\r\n const setVisibilityFieldDependencies = (value, visibilityFieldDependencies, field) => {\r\n if (visibilityFieldDependencies && visibilityFieldDependencies.length > 0) {\r\n visibilityFieldDependencies.forEach((visibleFieldDependency) => {\r\n if(value === visibleFieldDependency.condition)\r\n field.visible = visibleFieldDependency.visible;\r\n })\r\n }\r\n }\r\n\r\n return (\r\n \r\n {\r\n groups && sortByField(groups, 'position').map((group, index) => {\r\n return (\r\n group.visible && \r\n
\r\n );\r\n};\r\n\r\nexport default GroupedDetail;","export const SCBICondition = {\r\n EXPOSED: 1,\r\n POSITIVE: 2\r\n}","export default function reducer(state, action) {\r\n switch (action.type) {\r\n case \"SET_CONTENT\":\r\n return {\r\n ...state,\r\n programs: action.payload.programs,\r\n processes: action.payload.processes,\r\n conditionSCIB: action.payload.conditionSCIB,\r\n sterilizers: action.payload.sterilizers,\r\n disinfectors: action.payload.disinfectors,\r\n requiredFields: action.payload.requiredFields,\r\n productsStatic: action.payload.products,\r\n unit: action.payload.unit,\r\n loadingContent: false\r\n };\r\n case \"TOGGLE_LOADING_DATA\":\r\n return {\r\n ...state,\r\n loadingData: !state.loadingData\r\n };\r\n case \"SET_PAGINATION\":\r\n return {\r\n ...state,\r\n pagination: action.payload.pagination\r\n };\r\n case \"SET_UNIQUE_FIELDS\":\r\n return {\r\n ...state,\r\n formUniqueFields: []\r\n }\r\n case \"SET_DATA\":\r\n return {\r\n ...state,\r\n data: action.payload.data,\r\n lastTimeUpdated: action.payload.lastTimeUpdated\r\n }\r\n case \"SET_DETAIL_OBJECT\":\r\n return {\r\n ...state,\r\n detailObject: action.payload.detailObject,\r\n data: action.payload.data ?? state.data,\r\n loadingDetail: action.payload.loadingDetail\r\n }\r\n case \"SET_HISTORICAL\":\r\n return {\r\n ...state,\r\n historical: {\r\n toHistoricalObject: 'toHistoricalObject' in action.payload ? action.payload.toHistoricalObject : state.historical.toHistoricalObject,\r\n toHistoricalLoading: 'toHistoricalLoading' in action.payload ? action.payload.toHistoricalLoading : state.historical.toHistoricalLoading,\r\n toHistoricalMessage: 'toHistoricalMessage' in action.payload ? action.payload.toHistoricalMessage : state.historical.toHistoricalMessage\r\n }\r\n }\r\n case \"FORMAT_ARRAY_FORM_FIELD\": {\r\n return {\r\n ...state,\r\n formFields: [...action.payload.commonFormFields, ...action.payload.extraFormFields],\r\n commonFormFields: action.payload.commonFormFields,\r\n detailFields: [...action.payload.detailCommonFields, ...action.payload.extraDetailsFields],\r\n productType: action.payload.productType,\r\n groups: action.payload.groups\r\n }\r\n }\r\n case \"ADD_STERILIZER\":\r\n return {\r\n ...state,\r\n formFields: [...state.commonFormFields, ...action.payload.extraFormFields],\r\n sterilizers: action.payload.Sterilizers,\r\n abmSterilizerVisible: false\r\n };\r\n case \"SHOW_ABM_STERILIZER\":\r\n return {\r\n ...state,\r\n abmSterilizerVisible: true\r\n };\r\n case \"HIDE_ABM_STERILIZER\":\r\n return {\r\n ...state,\r\n abmSterilizerVisible: false\r\n };\r\n case \"ADD_DISINFECTOR\":\r\n return {\r\n ...state,\r\n formFields: [...state.commonFormFields, ...action.payload.extraFormFields],\r\n disinfectors: action.payload.Disinfectors,\r\n abmDisinfectorVisible: false\r\n };\r\n case \"SHOW_ABM_DISINFECTOR\":\r\n return {\r\n ...state,\r\n abmDisinfectorVisible: true\r\n };\r\n case \"HIDE_ABM_DISINFECTOR\":\r\n return {\r\n ...state,\r\n abmDisinfectorVisible: false\r\n };\r\n default:\r\n throw new Error();\r\n }\r\n}\r\n","import React, {useEffect, useReducer, useMemo, useContext} from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport df from \"../../utils/dateFormater\";\r\nimport _ from \"lodash\";\r\nimport {getSession, getUserId, getUserCompany, getUserType, getDist} from \"../../utils/sessionHandler\";\r\nimport moment from \"moment\";\r\n\r\nimport useStyles from \"./BILiveStyles\";\r\nimport { flatten } from \"flat\";\r\nimport t from \"../../utils/translation\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\n\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport Modal from \"../../components/Modal\";\r\nimport CircularProgress from \"../../components/CircularProgress\";\r\nimport { ProductType } from '../../dictionaries/productType';\r\nimport QuickSterilizer from \"../../components/QuickSterilizer\";\r\nimport QuickDisinfector from \"../../components/QuickDisinfector/QuickDisinfector\";\r\nimport GroupedDetail from \"../../components/GroupedDetail/GroupedDetail\";\r\nimport { SCBICondition } from \"../../dictionaries/SCBIConditions\";\r\nimport reducer from './BILiveReducer';\r\n\r\nconst formatSelectObject = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n\r\n objectsList.push([object.id, object.description || object.toString]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\n\r\nconst formatSelectObjectSte = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([object.id, object.description || object.toString, object.sectorId]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\n\r\nconst formatSelectObjectProd = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([object.id, object.description || object.toString, object.productModel]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\n\r\nconst formatNombreProgram = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n\r\n objectsList.push([object.id, object.nombre || object.toString, parseFloat(object.time)]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\n\r\nconst initialState = {\r\n programs: [],\r\n processes: [],\r\n conditionSCIB: [],\r\n sterilizers: [],\r\n disinfectors: [],\r\n products: [],\r\n loadingContent: true,\r\n loadingData: false,\r\n pagination: { Page: 1, PageSize: 10 },\r\n requiredFields: [],\r\n data: [],\r\n detailObject: null,\r\n loadingDetail: false,\r\n formFields: [],\r\n detailFields: [],\r\n lastTimeUpdated: undefined,\r\n groups: [\r\n {Description: t(\"ProductGroup\"), position: 1, Index: 0, visible: true},\r\n {Description: t(\"ProcessGroup\"), position: 2, Index: 1, visible: true},\r\n {Description: t(\"OtherGroup\"), position: 3, Index: 2, visible: true},\r\n {Description: t(\"IncubationGroup\"), position: 0, Index: 3, visible: true}\r\n ],\r\n indexProductGroup: 0,\r\n indexProcessGroup: 1,\r\n indexOtherGroup: 2,\r\n indexIncubationGroup: 3\r\n}\r\n\r\nconst BILive = () => {\r\n const classes = useStyles();\r\n const locale = useContext(LocalizationContext);\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n\r\n const getLive = (\r\n Pagination = { Page: state.pagination.Page, PageSize: state.pagination.PageSize, OrderBy: null, OrderType: null }\r\n ) => {\r\n dispatch({ type: \"SET_PAGINATION\", payload: { pagination: Pagination } });\r\n updateData();\r\n };\r\n\r\n useEffect(() => {\r\n Promise.all([\r\n request().get(\"/api/Program\"),\r\n request().get(\"/api/ReadingBI/GetProcessBI\"),\r\n request().get(`/api/ReadingBI/GetconditionSCIB?userLoggedId=${getUserId()}`),\r\n request().get(`/api/Sterilizer?CompanyId=${getUserCompany().Id}`),\r\n request().get(`/api/Disinfector?CompanyId=${getUserCompany().Id}`),\r\n request().get(`/api/Product/GetByDistributorEncrypted?distributorId=${getDist().id}`),\r\n request().get(`/api/Screen/GetRequiredFields?Screen=400`)\r\n ])\r\n .then(\r\n ([\r\n programsData,\r\n processesData,\r\n conditionData,\r\n sterilizersData,\r\n disinfectorsData,\r\n productsData,\r\n requiredFields\r\n ]) => {\r\n\r\n setTimeout(() => {\r\n dispatch({\r\n type: \"SET_CONTENT\",\r\n payload: {\r\n programs: formatNombreProgram(programsData.data, \"\"),\r\n requiredFields: requiredFields.data,\r\n processes: formatSelectObject(processesData.data, t(\"ChooseAProcessText\", locale)),\r\n conditionSCIB: formatSelectObject(conditionData.data, t(\"ChooseAConditionSCIBText\", locale)),\r\n sterilizers: formatSelectObjectSte(sterilizersData.data, t(\"ChooseASterilizerText\", locale)),\r\n disinfectors: formatSelectObjectSte(disinfectorsData.data, t(\"ChooseADisinfectorText\", locale)),\r\n products: formatSelectObjectProd(\r\n productsData.data.filter((p) => \r\n (p.productModel.type === ProductType.BiologicalSterilizer) ||\r\n (p.productModel.type === ProductType.BiologicalDisinfection)),\r\n t(\"ChooseAProductText\", locale)),\r\n unit: [\r\n [1, t(\"MinuteText\", locale) || \"Minutes\"],\r\n [2, t(\"SecondsText\", locale) || \"Seconds\"]\r\n ],\r\n },\r\n });\r\n }, 250);\r\n }\r\n )\r\n .catch((error) => console.log(error.response));\r\n }, [locale]);\r\n\r\n useEffect(() => {\r\n if (!state.loadingContent) {\r\n updateData();\r\n }\r\n }, [state.loadingContent]);\r\n\r\n const secondsToString = (seconds) => {\r\n var hour = Math.floor(seconds / 3600);\r\n hour = (hour < 10) ? '0' + hour : hour;\r\n var minute = Math.floor((seconds / 60) % 60);\r\n minute = (minute < 10) ? '0' + minute : minute;\r\n var second = seconds % 60;\r\n second = (second < 10) ? '0' + second : second;\r\n return hour + ':' + minute + ':' + second;\r\n };\r\n\r\n const updateData = () => {\r\n dispatch({ type: 'TOGGLE_LOADING_DATA' })\r\n request()\r\n .get(`/api/ReadingBI/getlive?UserLoggedId=${getUserId()}`)\r\n .then((response) => {\r\n const today = new Date()\r\n dispatch({\r\n type: \"SET_DATA\", payload: {\r\n lastTimeUpdated: df(today, \"dateTime\"),\r\n data: response.data\r\n .reduce((readingsList, reading) => {\r\n let programNameFromArr = \"\";\r\n for (let i = 0; i < state.programs.length; i++) {\r\n if (state.programs[i][0] === reading.programId) {\r\n programNameFromArr = state.programs[i][1];\r\n }\r\n }\r\n\r\n readingsList.push({\r\n ...reading,\r\n programName: programNameFromArr,\r\n startTimeFormatted: df(reading.startedTime, \"dateTime\"),\r\n elapsedTime: secondsToString(moment(today.toISOString()).diff(moment.utc(reading.startedTime, \"YYYY-MM-DD HH:mm:ss\"), \"seconds\")),\r\n incubatorName: reading.incubator.toString,\r\n });\r\n\r\n return readingsList;\r\n }, [])\r\n .map((x) =>\r\n _.mapKeys(x, (value, key) => {\r\n return \"ReadingBI.\" + key;\r\n })\r\n )\r\n }\r\n });\r\n setTimeout(() => {\r\n dispatch({ type: 'TOGGLE_LOADING_DATA' })\r\n }, 250);\r\n })\r\n .catch((error) => console.log(error.response));\r\n };\r\n\r\n const columnsCollections = [\r\n { name: \"ReadingBI.readNumber\", canOrder: true },\r\n { name: \"ReadingBI.positionNumber\", canOrder: true },\r\n { name: \"ReadingBI.programName\", canOrder: true },\r\n { name: \"ReadingBI.startTimeFormatted\", canOrder: true },\r\n { name: \"ReadingBI.elapsedTime\", canOrder: true },\r\n { name: \"ReadingBI.incubatorName\", canOrder: true },\r\n ];\r\n const headersCollections = useMemo(\r\n () => ([\r\n t(\"ReadNumberLabel\", locale),\r\n t(\"PositionNumberLabel\", locale),\r\n t(\"ProgramLabel\", locale),\r\n t(\"StartTimeLabel\", locale),\r\n t(\"ElapsedTimeLabel\", locale),\r\n t(\"IncubatorLabel\", locale),\r\n ]),\r\n [locale]\r\n );\r\n const sterilizerFormFields = (sterilizers, defaultValue) => {\r\n return [\r\n {\r\n position: 2,\r\n groupIndex: state.indexProductGroup,\r\n label: t(\"ProcessLabel\", locale),\r\n propOnObject: \"ReadingBI.process\",\r\n propOnMassiveObject: \"ReadBIMasive.process\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1250) ? true : false : false,\r\n type: \"select\",\r\n options: state.processes,\r\n },\r\n {\r\n position: 3,\r\n groupIndex: state.indexProductGroup,\r\n label: t(\"ValueDLabel\", locale),\r\n propOnObject: \"ReadingBI.valueD\",\r\n propOnMassiveObject: \"ReadBIMasive.valueD\",\r\n class: \"col-12 col-md-3 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1260) ? true : false : false,\r\n type: \"number\",\r\n },\r\n {\r\n position: 4,\r\n groupIndex: state.indexProductGroup,\r\n label: t(\"DValueUnitLabel\", locale) || \"Units\",\r\n propOnObject: \"unit\",\r\n propOnMassiveObject: \"unit\",\r\n class: \"col-12 col-md-3 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1261) ? true : false : false,\r\n type: \"select\",\r\n options: state.unit,\r\n },\r\n {\r\n position: 1,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"CycleLabel\", locale),\r\n propOnObject: \"ReadingBI.cycle\",\r\n propOnMassiveObject: \"ReadBIMasive.cycle\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1305) ? true : false : false,\r\n type: \"specialInput\"\r\n },\r\n {\r\n position: 0,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"SterilizerLabel\", locale),\r\n propOnObject: \"ReadingBI.sterilizerId\",\r\n propOnMassiveObject: \"ReadBIMasive.sterilizerId\",\r\n component: {\r\n e.preventDefault()\r\n dispatch({type: 'SHOW_ABM_STERILIZER'})\r\n }} href=\"#\">{t(\"AddSterilizer\", locale)},\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1320) ? true : false : false,\r\n type: \"select\",\r\n options: sterilizers ? sterilizers : state.sterilizers,\r\n id: \"machine\",\r\n userType: getUserType(),\r\n defaultValue: defaultValue\r\n },\r\n {\r\n position: 2,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"LoadNumberLabel\", locale),\r\n propOnObject: \"ReadingBI.loadNumber\",\r\n propOnMassiveObject: \"ReadBIMasive.loadNumber\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1481) ? true : false : false,\r\n }\r\n ]\r\n }\r\n const disinfectionFormFields = (disinfectors, defaultValue) => {\r\n return [\r\n {\r\n position: 0,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"DisinfectorLabel\", locale),\r\n propOnObject: \"ReadingBI.disinfectorId\",\r\n propOnMassiveObject: \"ReadBIMasive.disinfectorId\",\r\n component: {\r\n e.preventDefault()\r\n dispatch({type: 'SHOW_ABM_DISINFECTOR'})\r\n }} href=\"#\">{t(\"AddDisinfector\", locale)},\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1484) ? true : false : false,\r\n type: \"select\",\r\n options: disinfectors ? disinfectors : state.disinfectors,\r\n id: \"machine\",\r\n userType: getUserType(),\r\n defaultValue: defaultValue\r\n },\r\n {\r\n position: 0,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"RoomIdLabel\", locale),\r\n propOnObject: \"ReadingBI.roomId\",\r\n propOnMassiveObject: \"ReadBIMasive.roomId\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1486) ? true : false : false\r\n },\r\n {\r\n position: 0,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"RoomVolumeLabel\", locale),\r\n propOnObject: \"ReadingBI.roomVolume\",\r\n propOnMassiveObject: \"ReadBIMasive.roomVolume\",\r\n class: \"col-12 col-md-6 px-0\",\r\n type: \"number\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1485) ? true : false : false\r\n },\r\n {\r\n position: 0,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"PeroxideConcentrationLabel\", locale),\r\n propOnObject: \"ReadingBI.peroxideConcentration\",\r\n propOnMassiveObject: \"ReadBIMasive.peroxideConcentration\",\r\n class: \"col-12 col-md-6 px-0\",\r\n type: \"number\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1482) ? true : false : false\r\n }\r\n ]\r\n }\r\n const detailCommonFields = useMemo(\r\n () => ([\r\n //product group\r\n { label: t(\"ProductLabel\", locale), name: \"product.toString\", position: 0, groupIndex: state.indexProductGroup },\r\n { label: t(\"ProductBrandLabel\", locale), name: \"product.brand\", position: 1, groupIndex: state.indexProductGroup },\r\n { label: t(\"LoteProductLabel\", locale), name: \"loteProduct\", position: 2, groupIndex: state.indexProductGroup },\r\n { label: t(\"ConditionSCIBTextLabel\", locale), name: \"conditionSCIBDescription\", position: 5, groupIndex: state.indexProductGroup },\r\n //process group\r\n { label: t(\"ProgramNumberLabel\", locale), name: \"programNumber\", position: 4, groupIndex: state.indexProcessGroup },\r\n { label: t(\"TermsLabel\", locale), name: \"terms\", position: 8, groupIndex: state.indexProcessGroup },\r\n //incubation group\r\n { label: t(\"UserLabel\", locale), name: \"editUser.toString\", position: 0, groupIndex: state.indexIncubationGroup },\r\n { label: t(\"SectorLabel\", locale), name: \"sector.toString\", position: 1, groupIndex: state.indexIncubationGroup },\r\n { label: t(\"PositionNumberLabel\", locale), name: \"positionNumber\", position: 2, groupIndex: state.indexIncubationGroup },\r\n { label: t(\"StartTimeLabel\", locale), name: \"startedTime\", type: \"dateTime\", position: 3, groupIndex: state.indexIncubationGroup },\r\n { label: t(\"IncubatorLabel\", locale), name: \"incubator.toString\", position: 4, groupIndex: state.indexIncubationGroup },\r\n { label: t(\"ProgramLabel\", locale), name: \"program.nombre\", position: 5, groupIndex: state.indexIncubationGroup },\r\n //other group\r\n { label: t(\"BookNumberLabel\", locale), name: \"bookNumber\", position: 0, groupIndex: state.indexOtherGroup },\r\n { label: t(\"PageNumberLabel\", locale), name: \"pageNumber\", position: 1, groupIndex: state.indexOtherGroup },\r\n { label: t(\"NotesLabel\", locale), name: \"notes\", position: 2, groupIndex: state.indexOtherGroup }]\r\n ),\r\n [locale]\r\n )\r\n const detailDisinfectorFields = useMemo(\r\n () => ([\r\n { label: t(\"DisinfectorLabel\", locale), name: \"disinfector.name\", position: 0, groupIndex: state.indexProcessGroup },\r\n { label: t(\"DisinfectorBrandLabel\", locale), name: \"disinfector.brand\", position: 1, groupIndex: state.indexProcessGroup },\r\n { label: t(\"DisinfectorSerialNumberLabel\", locale), name: \"disinfector.serial\", position: 2, groupIndex: state.indexProcessGroup },\r\n { label: t(\"PeroxideConcentrationLabel\", locale), name: \"peroxideConcentration\", position: 5, groupIndex: state.indexProcessGroup },\r\n { label: t(\"RoomIdLabel\", locale), name: \"roomId\", position: 6, groupIndex: state.indexProcessGroup },\r\n { label: t(\"RoomVolumeLabel\", locale), name: \"roomVolume\", position: 7, groupIndex: state.indexProcessGroup }\r\n ]),\r\n [locale]\r\n )\r\n const detailSterilizerFields = useMemo(\r\n () => ([\r\n { label: t(\"SterilizerLabel\", locale), name: \"sterilizer.name\", position: 0, groupIndex: state.indexProcessGroup },\r\n { label: t(\"SterilizerBrandLabel\", locale), name: \"sterilizer.brand\", position: 1, groupIndex: state.indexProcessGroup },\r\n { label: t(\"SterilizerSerialNumberLabel\", locale), name: \"sterilizer.serial\", position: 2, groupIndex: state.indexProcessGroup },\r\n { label: t(\"CycleLabel\", locale), name: \"cycle\", position: 6, groupIndex: state.indexProcessGroup },\r\n { label: t(\"ValueDLabel\", locale), name: \"valueD\", position: 4, groupIndex: state.indexProductGroup },\r\n { label: t(\"ProcessLabel\", locale), name: \"processDescription\", position: 3, groupIndex: state.indexProductGroup },\r\n { label: t(\"LoadNumber\", locale), name: \"loadNumber\", position: 3, groupIndex: state.indexProcessGroup }\r\n ]),\r\n [locale]\r\n );\r\n const commonFieldsMap = (products, defaultValue) => [\r\n {\r\n position: 0,\r\n groupIndex: state.indexProductGroup,\r\n label: t(\"ProductLabel\", locale),\r\n propOnObject: \"ReadingBI.productId\",\r\n propOnMassiveObject: \"ReadBIMasive.productId\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1225) ? true : false : false,\r\n type: \"select\",\r\n defaultValue: defaultValue,\r\n options: products ? products : state.products,\r\n onSelectedChange: (row) => {\r\n let product = state.productsStatic.find(x => x[0] == row)\r\n if(product)\r\n setFieldsByProductType(product, product[2].type, products)\r\n }\r\n },\r\n {\r\n position: 1,\r\n groupIndex: state.indexProductGroup,\r\n label: t(\"LoteProductLabel\", locale),\r\n propOnObject: \"ReadingBI.loteProduct\",\r\n propOnMassiveObject: \"ReadBIMasive.loteProduct\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1235) ? true : false : false,\r\n },\r\n {\r\n position: 5,\r\n groupIndex: state.indexProductGroup,\r\n label: t(\"ConditionSCIBTextLabel\", locale),\r\n propOnObject: \"ReadingBI.conditionSCIB\",\r\n propOnMassiveObject: \"ReadBIMasive.conditionSCIB\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1275) ? true : false : false,\r\n type: \"select\",\r\n visibilityGroupDependencies: [\r\n { groupIndex: state.indexProcessGroup, condition: SCBICondition.POSITIVE, visible: false},\r\n { groupIndex: state.indexProcessGroup, condition: SCBICondition.EXPOSED, visible: true}\r\n ],\r\n requiredDependencies: [\r\n { keySingle: \"ReadingBI.cycle\", keyMassive: 'ReadBIMasive.cycle', condition: SCBICondition.EXPOSED, required: true },\r\n { keySingle: \"ReadingBI.cycle\", keyMassive: 'ReadBIMasive.cycle', condition: SCBICondition.POSITIVE, required: false },\r\n { keySingle: \"ReadingBI.sterilizerId\", keyMassive: 'ReadBIMasive.sterilizerId', condition: SCBICondition.EXPOSED, required: true },\r\n { keySingle: \"ReadingBI.sterilizerId\", keyMassive: 'ReadBIMasive.sterilizerId', condition: SCBICondition.POSITIVE, required: false },\r\n { keySingle: \"ReadingBI.programNumber\", keyMassive: 'ReadBIMasive.programNumber', condition: SCBICondition.EXPOSED, required: true },\r\n { keySingle: \"ReadingBI.programNumber\", keyMassive: 'ReadBIMasive.programNumber', condition: SCBICondition.POSITIVE, required: false },\r\n { keySingle: \"ReadingBI.disinfectorId\", keyMassive: 'ReadBIMasive.disinfectorId', condition: SCBICondition.EXPOSED, required: true },\r\n { keySingle: \"ReadingBI.disinfectorId\", keyMassive: 'ReadBIMasive.disinfectorId', condition: SCBICondition.POSITIVE, required: false },\r\n ],\r\n options: state.conditionSCIB\r\n },\r\n {\r\n position: 0,\r\n groupIndex: state.indexOtherGroup,\r\n label: t(\"BookNumberLabel\", locale),\r\n propOnObject: \"ReadingBI.bookNumber\",\r\n propOnMassiveObject: \"ReadBIMasive.bookNumber\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1285) ? true : false : false\r\n },\r\n {\r\n position: 1,\r\n groupIndex: state.indexOtherGroup,\r\n label: t(\"PageNumberLabel\", locale),\r\n propOnObject: \"ReadingBI.pageNumber\",\r\n propOnMassiveObject: \"ReadBIMasive.pageNumber\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1295) ? true : false : false\r\n },\r\n {\r\n position: 3,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"ProgramNumberLabel\", locale),\r\n propOnObject: \"ReadingBI.programNumber\",\r\n propOnMassiveObject: \"ReadBIMasive.programNumber\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1297) ? true : false : false\r\n },\r\n {\r\n position: 4,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"TermsLabel\", locale),\r\n propOnObject: \"ReadingBI.terms\",\r\n propOnMassiveObject: \"ReadBIMasive.terms\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1330) ? true : false : false,\r\n },\r\n {\r\n position: 2,\r\n groupIndex: state.indexOtherGroup,\r\n label: t(\"NotesLabel\", locale),\r\n propOnObject: \"ReadingBI.notes\",\r\n propOnMassiveObject: \"ReadBIMasive.notes\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields ? state.requiredFields.find(x => x.objectName === 1345) ? true : false : false,\r\n }\r\n ]\r\n\r\n const validateSCBICondition = (conditionSCIB) => {\r\n let processedGroups = state.groups\r\n let processGroup = processedGroups.find(x => x.Index === state.indexProcessGroup)\r\n if(!conditionSCIB || conditionSCIB === SCBICondition.POSITIVE){\r\n processGroup.visible = false\r\n }\r\n if(conditionSCIB === SCBICondition.EXPOSED){\r\n processGroup.visible = true\r\n }\r\n return processedGroups\r\n }\r\n \r\n const setFieldsByProductType = (product, productType, products = [], conditionSCIB) => {\r\n if(products.length === 1 || products.length === 0){//si la longitud es 1, solo viene el registro de la traducción del placeholder.\r\n products = state.productsStatic\r\n }\r\n let processedGroups = validateSCBICondition(conditionSCIB)\r\n if (product && productType == ProductType.BiologicalSterilizer) {\r\n dispatch({\r\n type: 'FORMAT_ARRAY_FORM_FIELD', payload: {\r\n commonFormFields: commonFieldsMap(products),\r\n detailCommonFields: detailCommonFields,\r\n extraFormFields: sterilizerFormFields(),\r\n extraDetailsFields: detailSterilizerFields,\r\n productType: productType,\r\n groups: processedGroups\r\n }\r\n })\r\n }\r\n if (product && productType == ProductType.BiologicalDisinfection) {\r\n dispatch({\r\n type: 'FORMAT_ARRAY_FORM_FIELD', payload: {\r\n commonFormFields: commonFieldsMap(products),\r\n detailCommonFields: detailCommonFields,\r\n extraFormFields: disinfectionFormFields(),\r\n extraDetailsFields: detailDisinfectorFields,\r\n productType: productType,\r\n groups: processedGroups\r\n }\r\n })\r\n }\r\n if (!product) {\r\n dispatch({\r\n type: 'FORMAT_ARRAY_FORM_FIELD', payload: {\r\n commonFormFields: commonFieldsMap(products, products.length === 2 ? products[1][0] : null),\r\n detailCommonFields: detailCommonFields,\r\n extraFormFields: products.length === 2 ? products[1][2].type === ProductType.BiologicalSterilizer ? sterilizerFormFields() : disinfectionFormFields() : [],\r\n extraDetailsFields: [],\r\n productType: products.length === 2 ? products[1][2].type : undefined,\r\n groups: processedGroups\r\n }\r\n })\r\n }\r\n }\r\n\r\n const getDetail = (r) => {\r\n dispatch({ type: \"SET_DETAIL_OBJECT\", payload: { detailObject: null, loadingDetail: true } })\r\n let product = r[\"ReadingBI.product\"]\r\n setFieldsByProductType(product, product?.productModel?.type, [], r[\"ReadingBI.conditionSCIB\"]);\r\n request()\r\n .get(`/api/ReadingBI/getDetail?Id=${r[\"ReadingBI.id\"]}`)\r\n .then((response) => {\r\n setTimeout(() => {\r\n const row = state.data.find(x => x[\"ReadingBI.id\"] === response.data.id)\r\n row[\"ReadingBI.viewed\"] = true\r\n dispatch({ type: \"SET_DETAIL_OBJECT\", payload: { detailObject: flatten(response.data), data: state.data, loadingDetail: false } })\r\n }, 500)\r\n }\r\n )\r\n }\r\n\r\n const baseObject = useMemo(\r\n () => ({\r\n UserLogged: getSession(),\r\n unit: \"1\",\r\n }),\r\n [locale]\r\n );\r\n\r\n const massiveBaseObject = useMemo(\r\n () => ({\r\n ReadBIMasive: {\r\n ReadIds: [],\r\n productId: null,\r\n loteProduct: \"\",\r\n process: null,\r\n valueD: \"\",\r\n conditionSCIB: null,\r\n bookNumber: \"\",\r\n pageNumber: \"\",\r\n programNumber: \"\",\r\n cycle: \"\",\r\n sterilizerId: null,\r\n disinfectorId: null,\r\n terms: \"\",\r\n notes: \"\",\r\n loadNumber: null\r\n },\r\n UserLogged: getSession(),\r\n unit: \"1\",\r\n }),\r\n [locale]\r\n );\r\n\r\n const clasifyProductsByProgram = (programId) => {\r\n const programTime = state.programs.filter(x => x[0] === programId)[0][2]//RECUPERO EL TIEMPO.\r\n const similarTimeProducts = [[null, t(\"ChooseAProductText\", locale)]]//AGREGO EL ELEMENTO VACÍO\r\n const products = state.productsStatic.filter(x => x[2]?.program?.time == programTime)\r\n products.forEach(element => {\r\n similarTimeProducts.push(element)\r\n })\r\n return similarTimeProducts\r\n }\r\n \r\n const setRecentlyAddedSterilizer = (defaultSterilizerId, sterilizers) => {\r\n dispatch({ type: 'ADD_STERILIZER', payload: { \r\n Sterilizers: sterilizers,\r\n extraFormFields: sterilizerFormFields(sterilizers, defaultSterilizerId)\r\n } })\r\n }\r\n const setRecentlyAddedDisinfector = (defaultDisinfectorId, disinfectors) => {\r\n dispatch({ type: 'ADD_DISINFECTOR', payload: { \r\n Disinfectors: disinfectors,\r\n extraFormFields: disinfectionFormFields(disinfectors, defaultDisinfectorId)\r\n } })\r\n }\r\n\r\n if (state.loadingContent) return \r\n
\r\n )\r\n })\r\n }\r\n {group.Description}
\r\n\r\n {\r\n detailFields && sortByField(detailFields.filter(x => x.groupIndex === group.Index), 'position').map((field, index) => {\r\n field.visible = true;\r\n const value = field.type === \"date\" ? \r\n df(detailObject[field.name], \"date\")\r\n : field.type === \"dateTime\" ? \r\n df(detailObject[field.name], \"dateTime\")\r\n : detailObject[field.name];\r\n if (field.visibilityGroupDependencies) setVisibilityGroupDependencies(detailObject[field.valueVisibilityGroup], field.visibilityGroupDependencies)\r\n if (field.visibilityFieldDependencies) setVisibilityFieldDependencies(detailObject[field.valueVisibilityField], field.visibilityFieldDependencies, field)\r\n if (field.type === \"image\") {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n return (\r\n field.visible &&\r\n \r\n
\r\n \r\n
\r\n );\r\n })}\r\n \r\n {\r\n <>\r\n {\r\n let product = rowSelected[\"ReadingBI.product\"]\r\n let conditionSCIB = rowSelected[\"ReadingBI.conditionSCIB\"]\r\n setFieldsByProductType(product, product?.productModel?.type, clasifyProductsByProgram(rowSelected[\"ReadingBI.programId\"]), conditionSCIB)\r\n }}\r\n onEditMassiveButtonClick={() => {\r\n setFieldsByProductType()\r\n }}\r\n tableActions={[\r\n {\r\n icon:\r\n \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\",\r\n tooltip: t(\"DetailTooltip\"),\r\n action: getDetail,\r\n },\r\n ]}\r\n updateData={() => getLive(state.pagination)}\r\n columns={columnsCollections}\r\n headers={headersCollections}\r\n idField={\"ReadingBI.id\"}\r\n grouped={state.groups}\r\n useFieldMap={false}\r\n formFields={state.formFields}\r\n formFieldsMachine={state.productType === ProductType.BiologicalSterilizer ? [state.sterilizers] : [state.disinfectors]}\r\n baseObject={baseObject}\r\n massiveBaseObject={massiveBaseObject}\r\n method={\"put\"}\r\n />\r\n\r\n {(state.loadingDetail || state.detailObject) && (\r\n \r\n dispatch({ type: 'SET_DETAIL_OBJECT', payload: { detailObject: null } })}\r\n >\r\n \r\n \r\n
\r\n }\r\n closeModal={() => dispatch({ type: 'SET_DETAIL_OBJECT', payload: { detailObject: null } })}\r\n responsive\r\n >\r\n {!state.detailObject && (\r\n {`${t(\"Title\", locale)} ${state.detailObject ? `(${state.detailObject.readNumber})` : \"\"\r\n }`}
\r\n \r\n
\r\n )}\r\n {\r\n state.detailObject && {t(\"AddSterilizer\", locale)}
\r\n {t(\"AddDisinfector\", locale)}
\r\n \r\n {\r\n products.map((value) => {\r\n return
\r\n \r\n { setError(\"\") }}> \r\n setWasher({ ...washer, Name: value })}\r\n error={errors.Name}\r\n />\r\n setWasher({ ...washer, Brand: value })}\r\n error={errors.Brand}\r\n />\r\n setWasher({ ...washer, Serial: value })}\r\n error={errors.Serial}\r\n />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default QuickWasher;","export default function reducer(state, action) {\r\n switch (action.type) {\r\n case \"SET_CONTENT\":\r\n return {\r\n ...state,\r\n loadingContent: false,\r\n products: action.payload.products,\r\n washers: action.payload.washers,\r\n requiredFields: action.payload.requiredFields,\r\n detergentTypes: action.payload.detergentTypes,\r\n visualResults: action.payload.visualResults,\r\n indicatorsCompatiblesTrazanto: action.payload.compatiblesTrazanto\r\n };\r\n case \"FORMAT_ARRAY_FORM_FIELD\": \r\n return {\r\n ...state,\r\n formFields: [...action.payload.commonFormFields, ...action.payload.extraFormFields],\r\n commonFormFields: action.payload.commonFormFields,\r\n detailFields: [...action.payload.detailCommonFields, ...action.payload.extraDetailsFields],\r\n extraDetailFields: action.payload.extraDetailsFields,\r\n // productType: action.payload.productType\r\n };\r\n case \"ADD_WASHER\":\r\n return {\r\n ...state,\r\n washers: action.payload.Washers,\r\n selectedWasher: action.payload.Selected,\r\n abmWasherVisible: false\r\n };\r\n case \"SHOW_ABM_WASHER\":\r\n return {\r\n ...state,\r\n abmWasherVisible: true\r\n };\r\n case \"HIDE_ABM_WASHER\":\r\n return {\r\n ...state,\r\n abmWasherVisible: false\r\n };\r\n default:\r\n throw new Error();\r\n }\r\n }\r\n ","import React, {\r\n useState,\r\n useEffect,\r\n useReducer,\r\n useContext,\r\n useMemo,\r\n useRef,\r\n} from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport df from \"../../utils/dateFormater\";\r\nimport _ from \"lodash\";\r\nimport {\r\n getSession,\r\n getUserId,\r\n getUserCompany,\r\n getUserType,\r\n getDist,\r\n} from \"../../utils/sessionHandler\";\r\nimport useStyles from \"./WasherProvisoryStyles\";\r\nimport { flatten } from \"flat\";\r\nimport t from \"../../utils/translation\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport { unflatten } from \"flat\";\r\n\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport Modal from \"../../components/Modal\";\r\nimport CircularProgress from \"../../components/CircularProgress\";\r\nimport Progress from \"../../components/Progress\";\r\nimport Button from \"../../components/Button\";\r\nimport TrazantoIndicators from \"../../components/TrazantoIndicators/TrazantoIndicators\";\r\nimport { IndicatorType } from \"../../dictionaries/indicatorTypes\";\r\nimport QuickWasher from \"../../components/QuickWasher/QuickWasher\";\r\nimport GroupedDetail from \"../../components/GroupedDetail/GroupedDetail\";\r\nimport reducer from \"./WasherProvisoryReducer\";\r\nimport { ProductType } from \"../../dictionaries/productType\";\r\n\r\nconst formatSelectObject = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([object.id, object.description || object.toString]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\nconst formatSelectObjectWas = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([\r\n object.id,\r\n object.description || object.toString,\r\n object.sectorId,\r\n ]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\n\r\nconst descriptionFromArray = (items, id) => {\r\n let foundDescription = \"\";\r\n for (let i = 0; i < items.length; i++) {\r\n if (items[i][0] === id) {\r\n foundDescription = items[i][1];\r\n }\r\n }\r\n return foundDescription;\r\n};\r\n\r\nconst initialState = {\r\n loadingContent: true,\r\n products: [],\r\n washers: [],\r\n detergentTypes: [],\r\n visualResults: [],\r\n requiredFields: [],\r\n formFields: [],\r\n commonFormFields: [],\r\n detailFields: [],\r\n extraDetailFields: [],\r\n};\r\n\r\nconst Provisory = () => {\r\n const classes = useStyles();\r\n const locale = useContext(LocalizationContext);\r\n const CRUDRef = useRef(null);\r\n const groups = [\r\n { Description: t(\"ProductGroup\"), position: 1, Index: 0, visible: true },\r\n { Description: t(\"ProcessGroup\"), position: 2, Index: 1, visible: true },\r\n { Description: t(\"OtherGroup\"), position: 3, Index: 2, visible: true },\r\n { Description: t(\"AnalysisGroup\"), position: 0, Index: 3, visible: true },\r\n ];\r\n const indexProductGroup = groups[0].Index;\r\n const indexProcessGroup = groups[1].Index;\r\n const indexOtherGroup = groups[2].Index;\r\n const indexAnalysisGroup = groups[3].Index;\r\n\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n const [loadingData, setLoadingData] = useState(true);\r\n const [data, setData] = useState([]);\r\n const [loadingDetail, setLoadingDetail] = useState(false);\r\n const [detailObject, setDetailObject] = useState(null);\r\n const [toHistoricalObject, setToHistoricalObject] = useState(null);\r\n const [toHistoricalLoading, setToHistoricalLoading] = useState(false);\r\n const [toHistoricalMessage, setToHistoricalMessage] = useState({\r\n type: \"none\",\r\n });\r\n\r\n const detailFields = useMemo(\r\n () => [\r\n //Analysis group\r\n {\r\n label: t(\"UserLabel\", locale),\r\n name: \"appUser.toString\",\r\n position: 0,\r\n groupIndex: indexAnalysisGroup,\r\n },\r\n {\r\n label: t(\"SectorLabel\", locale),\r\n name: \"sector.name\",\r\n position: 1,\r\n groupIndex: indexAnalysisGroup,\r\n },\r\n {\r\n label: t(\"ResultLabel\", locale),\r\n name: \"resultDescription\",\r\n position: 2,\r\n groupIndex: indexAnalysisGroup,\r\n },\r\n {\r\n label: t(\"VisualResultLabel\", locale),\r\n name: \"visualResultDescription\",\r\n position: 3,\r\n groupIndex: indexAnalysisGroup,\r\n },\r\n {\r\n label: t(\"TestDateTimeLabel\", locale),\r\n name: \"creationTest\",\r\n type: \"dateTime\",\r\n position: 4,\r\n groupIndex: indexAnalysisGroup,\r\n },\r\n {\r\n label: t(\"ImageLabel\", locale),\r\n name: \"image.base64\",\r\n type: \"image\",\r\n position: 5,\r\n groupIndex: indexAnalysisGroup,\r\n },\r\n //Product group\r\n {\r\n label: t(\"ProductLabel\", locale),\r\n name: \"product.name\",\r\n position: 0,\r\n groupIndex: indexProductGroup,\r\n },\r\n {\r\n label: t(\"BrandLabel\", locale),\r\n name: \"brand\",\r\n position: 1,\r\n groupIndex: indexProductGroup,\r\n },\r\n {\r\n label: t(\"ProductLotLabel\", locale),\r\n name: \"loteProduct\",\r\n position: 2,\r\n groupIndex: indexProductGroup,\r\n },\r\n {\r\n label: t(\"ManufactureDateLabel\", locale),\r\n name: \"manufactureDate\",\r\n type: \"date\",\r\n position: 3,\r\n groupIndex: indexProductGroup,\r\n },\r\n {\r\n label: t(\"ExpirationDateLabel\", locale),\r\n name: \"expirationDate\",\r\n type: \"date\",\r\n position: 4,\r\n groupIndex: indexProductGroup,\r\n },\r\n //Process group\r\n {\r\n label: t(\"CycleLabel\", locale),\r\n name: \"cycle\",\r\n position: 0,\r\n groupIndex: indexProcessGroup,\r\n },\r\n {\r\n label: t(\"TemperatureLabel\", locale),\r\n name: \"temperature\",\r\n position: 1,\r\n groupIndex: indexProcessGroup,\r\n },\r\n {\r\n label: t(\"WasherLabel\", locale),\r\n name: \"washer.toString\",\r\n position: 2,\r\n groupIndex: indexProcessGroup,\r\n },\r\n {\r\n label: t(\"DetergentConcentrationLabel\", locale),\r\n name: \"detergentConcentration\",\r\n position: 3,\r\n groupIndex: indexProcessGroup,\r\n },\r\n {\r\n label: t(\"DetergentTypeLabel\", locale),\r\n name: \"detergentTypeDescription\",\r\n position: 4,\r\n groupIndex: indexProcessGroup,\r\n },\r\n {\r\n label: t(\"WaterPressureLabel\", locale),\r\n name: \"waterPressure\",\r\n position: 5,\r\n groupIndex: indexProcessGroup,\r\n },\r\n {\r\n label: t(\"WaterHardnessLabel\", locale),\r\n name: \"waterHardness\",\r\n position: 6,\r\n groupIndex: indexProcessGroup,\r\n },\r\n {\r\n label: t(\"LocationLabel\", locale),\r\n name: \"location\",\r\n position: 7,\r\n groupIndex: indexProcessGroup,\r\n },\r\n {\r\n label: t(\"WashingTimeLabel\", locale),\r\n name: \"washingTime\",\r\n position: 8,\r\n groupIndex: indexProcessGroup,\r\n },\r\n {\r\n label: t(\"ProgramLabel\", locale),\r\n name: \"programNumber\",\r\n position: 9,\r\n groupIndex: indexProcessGroup,\r\n },\r\n //Other group\r\n {\r\n label: t(\"BookNumberLabel\", locale),\r\n name: \"bookNumber\",\r\n position: 0,\r\n groupIndex: indexOtherGroup,\r\n },\r\n {\r\n label: t(\"PageNumberLabel\", locale),\r\n name: \"pageNumber\",\r\n position: 1,\r\n groupIndex: indexOtherGroup,\r\n },\r\n {\r\n label: t(\"NotesLabel\", locale),\r\n name: \"notes\",\r\n position: 2,\r\n groupIndex: indexOtherGroup,\r\n },\r\n ],\r\n [locale]\r\n );\r\n\r\n const extraDetailFields = useMemo(() => [], [locale]);\r\n\r\n // Form Fields\r\n const commonFormFields = () => [\r\n {\r\n position: 0,\r\n groupIndex: indexProcessGroup,\r\n label: t(\"CycleLabel\", locale),\r\n propOnObject: \"ReadingCHEWasher.cycle\",\r\n propOnMassiveObject: \"ReadCHEMasive.cycle\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields\r\n ? state.requiredFields.find((x) => x.objectName === 3050)\r\n ? true\r\n : false\r\n : false,\r\n type: \"specialInput\",\r\n },\r\n {\r\n position: 1,\r\n groupIndex: indexProcessGroup,\r\n label: t(\"TemperatureLabel\", locale),\r\n propOnObject: \"ReadingCHEWasher.temperature\",\r\n propOnMassiveObject: \"ReadCHEMasive.temperature\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields\r\n ? state.requiredFields.find((x) => x.objectName === 3060)\r\n ? true\r\n : false\r\n : false,\r\n type: \"number\",\r\n },\r\n {\r\n position: 2,\r\n groupIndex: indexProcessGroup,\r\n label: t(\"WasherLabel\", locale),\r\n propOnObject: \"ReadingCHEWasher.washerId\",\r\n propOnMassiveObject: \"ReadCHEMasive.washerId\",\r\n component: (\r\n {e}
),\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n } else {\r\n setTimeout(() => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"success\",\r\n message: response.data.message,\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n setTimeout(() => {\r\n setToHistoricalMessage({ type: \"none\" });\r\n }, 3000);\r\n }\r\n })\r\n .catch((error) => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"error\",\r\n message: error.response?.data?.message || error.response?.data,\r\n });\r\n });\r\n };\r\n\r\n const toHistoricalMassive = (readings, ids) => {\r\n setToHistoricalLoading(true);\r\n request()\r\n .post(\"/api/ReadingCHEWasher/masiveToHistorical\", {\r\n ReadCHEMasive: { ReadIds: ids, ...unflatten(readings[0]) },\r\n UserLogged: getSession(),\r\n })\r\n .then((response) => {\r\n if (response.data.result === \"ERRORS\") {\r\n setTimeout(() => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"error\",\r\n message: response.data.errors.map((e) =>{e}
),\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n } else {\r\n setTimeout(() => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"success\",\r\n message: response.data.message,\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n setTimeout(() => {\r\n setToHistoricalMessage({ type: \"none\" });\r\n }, 3000);\r\n }\r\n })\r\n .catch((error) => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"error\",\r\n message: error.response?.data?.message || error.response?.data,\r\n });\r\n });\r\n };\r\n\r\n if (state.loadingContent) return\r\n {toHistoricalMessage.type === \"success\" && (\r\n \r\n \r\n setToHistoricalObject({\r\n object: a,\r\n action: () => toHistoricalMassive(a, b),\r\n }),\r\n },\r\n ]}\r\n data={data}\r\n loadingData={loadingData}\r\n url={\"/api/ReadingCHEWasher\"}\r\n massiveURL={\"/api/ReadingCHEWasher/masiveModify\"}\r\n title={t(\"Title\", locale)}\r\n tableHeader={t(\"WasherProvisoryHeader\", locale)}\r\n order={{ dir: \"desc\", orderBy: \"ReadingCHEWasher.readNumber\" }}\r\n method={\"put\"}\r\n idField={\"ReadingCHEWasher.id\"}\r\n splitButtonExtraOptions={[\r\n {\r\n text: t(\"ConfirmAndSave\"),\r\n onClickOption: undefined,\r\n disabled: false,\r\n moveToSaved: true,\r\n useCommonFunction: true,\r\n },\r\n ]}\r\n btnTrazantoVisible={true}\r\n tableActions={[\r\n {\r\n icon: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\",\r\n tooltip: t(\"DetailTooltip\"),\r\n action: getDetail,\r\n },\r\n {\r\n icon: \"M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1-2.73 2.71-2.73 7.08 0 9.79s7.15 2.71 9.88 0C18.32 15.65 19 14.08 19 12.1h2c0 1.98-.88 4.55-2.64 6.29-3.51 3.48-9.21 3.48-12.72 0-3.5-3.47-3.53-9.11-.02-12.58s9.14-3.47 12.65 0L21 3v7.12zM12.5 8v4.25l3.5 2.08-.72 1.21L11 13V8h1.5z\",\r\n tooltip: t(\"ToHistoricalTooltip\"),\r\n action: (r) =>\r\n setToHistoricalObject({\r\n object: r,\r\n action: () => toHistorical(r),\r\n }),\r\n },\r\n ]}\r\n updateData={updateData}\r\n columns={[\r\n \"ReadingCHEWasher.readNumber\",\r\n \"ReadingCHEWasher.creationTestformatted\",\r\n \"ReadingCHEWasher.resultDescription\",\r\n \"ReadingCHEWasher.visualResultDescription\",\r\n \"ReadingCHEWasher.manufactureDateformatted\",\r\n \"ReadingCHEWasher.productDescription\",\r\n \"ReadingCHEWasher.loteProduct\",\r\n \"ReadingCHEWasher.brand\",\r\n ]}\r\n headers={[\r\n t(\"ReadNumberLabel\", locale),\r\n t(\"TestDateTimeLabel\", locale),\r\n t(\"ResultLabel\", locale),\r\n t(\"VisualResultLabel\", locale),\r\n t(\"ManufactureDateLabel\", locale),\r\n t(\"ProductLabel\", locale),\r\n t(\"ProductLotLabel\", locale),\r\n t(\"BrandLabel\", locale),\r\n ]}\r\n grouped={groups}\r\n useFieldMap={false}\r\n onEditClick={(rowSelected) => {\r\n const product = state.indicatorsCompatiblesTrazanto.find(\r\n (p) => p.id == rowSelected[\"ReadingCHEWasher.productId\"]\r\n );\r\n setFieldsByProductType(product, rowSelected);\r\n }}\r\n formFields={state.formFields}\r\n formFieldsMachine={[state.washers]}\r\n baseObject={{\r\n ReadingCHEWasher: {\r\n cycle: null,\r\n temperature: null,\r\n washerId: null,\r\n location: null,\r\n washingTime: null,\r\n detergentConcentration: null,\r\n detergentType: null,\r\n programNumber: null,\r\n visualResult: null,\r\n waterPressure: null,\r\n waterHardness: null,\r\n bookNumber: null,\r\n pageNumber: null,\r\n notes: null,\r\n },\r\n UserLogged: getSession(),\r\n }}\r\n massiveBaseObject={{\r\n ReadCHEMasive: {\r\n ReadIds: [],\r\n cycle: null,\r\n temperature: null,\r\n washerId: null,\r\n location: null,\r\n washingTime: null,\r\n detergentConcentration: null,\r\n detergentType: null,\r\n programNumber: null,\r\n visualResult: null,\r\n waterPressure: null,\r\n waterHardness: null,\r\n bookNumber: null,\r\n pageNumber: null,\r\n notes: null,\r\n },\r\n UserLogged: getSession(),\r\n }}\r\n />\r\n\r\n {(loadingDetail || detailObject) && (\r\n \r\n setDetailObject(null)}\r\n >\r\n \r\n \r\n
\r\n }\r\n closeModal={() => setDetailObject(null)}\r\n responsive\r\n >\r\n {!detailObject && (\r\n \r\n {toHistoricalMessage.message}\r\n
\r\n )}\r\n {`${t(\"Title\", locale)} ${\r\n detailObject ? `(${detailObject.readNumber})` : \"\"\r\n }`}
\r\n \r\n
\r\n )}\r\n {detailObject && (\r\n \r\n \r\n {t(\"ToHistoricalHeader\", locale)}{\" \"}\r\n {toHistoricalObject.object.length > 0\r\n ? \"(\" +\r\n toHistoricalObject.object.reduce((name, item, index) => {\r\n return (\r\n name +\r\n item[\"ReadingCHEWasher.toString\"] +\r\n (index === toHistoricalObject.object.length - 1\r\n ? \"\"\r\n : \", \")\r\n );\r\n }, \"\") +\r\n \")\"\r\n : toHistoricalObject.object[\"ReadingCHEWasher.toString\"]}\r\n \r\n
\r\n \r\n \r\n setToHistoricalObject(null)}\r\n variant={\"text\"}\r\n color={\"error\"}\r\n disabled={toHistoricalLoading}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n\r\n {toHistoricalMessage.type === \"error\" && (\r\n \r\n
\r\n \r\n {t(\"ToHistoricalConfirmationText\", locale)}\r\n
\r\n \r\n {toHistoricalMessage.message}\r\n
\r\n \r\n )}\r\n {state.abmWasherVisible && (\r\n {t(\"AddWasher\", locale)}
\r\n {e}
),\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n } else {\r\n setTimeout(() => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"success\",\r\n message: response.data.message,\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n setTimeout(() => {\r\n setToHistoricalMessage({ type: \"none\" });\r\n }, 3000);\r\n }\r\n })\r\n .catch((error) => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"error\",\r\n message: error.response?.data?.message || error.response?.data,\r\n });\r\n });\r\n };\r\n\r\n const toHistoricalMassive = (readings, ids) => {\r\n setToHistoricalLoading(true);\r\n request()\r\n .post(\"/api/ReadingCHESterilizer/masiveToHistorical\", {\r\n ReadCHEMasive: { ReadIds: ids, ...unflatten(readings[0]) },\r\n UserLogged: getSession(),\r\n })\r\n .then((response) => {\r\n if (response.data.result === \"ERRORS\") {\r\n setTimeout(() => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"error\",\r\n message: response.data.errors.map((e) =>{e}
),\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n } else {\r\n setTimeout(() => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"success\",\r\n message: response.data.message,\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n setTimeout(() => {\r\n setToHistoricalMessage({ type: \"none\" });\r\n }, 3000);\r\n }\r\n })\r\n .catch((error) => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"error\",\r\n message: error.response?.data?.message || error.response?.data,\r\n });\r\n });\r\n };\r\n\r\n if (state.loadingContent) return\r\n {toHistoricalMessage.type === \"success\" && (\r\n \r\n \r\n setToHistoricalObject({\r\n object: a,\r\n action: () => toHistoricalMassive(a, b),\r\n }),\r\n },\r\n ]}\r\n data={data}\r\n loadingData={loadingData}\r\n url={\"/api/ReadingCHESterilizer\"}\r\n massiveURL={\"/api/ReadingCHESterilizer/masiveModify\"}\r\n title={t(\"Title\", locale)}\r\n tableHeader={t(\"SterilizerProvisoryHeader\", locale)}\r\n order={{ dir: \"desc\", orderBy: \"ReadingCHESterilizer.readNumber\" }}\r\n idField={\"ReadingCHESterilizer.id\"}\r\n splitButtonExtraOptions={[\r\n {\r\n text: t(\"ConfirmAndSave\"),\r\n onClickOption: undefined,\r\n disabled: false,\r\n moveToSaved: true,\r\n useCommonFunction: true,\r\n },\r\n ]}\r\n btnTrazantoVisible={true}\r\n tableActions={[\r\n {\r\n icon: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\",\r\n tooltip: t(\"DetailTooltip\"),\r\n action: getDetail,\r\n },\r\n {\r\n icon: \"M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1-2.73 2.71-2.73 7.08 0 9.79s7.15 2.71 9.88 0C18.32 15.65 19 14.08 19 12.1h2c0 1.98-.88 4.55-2.64 6.29-3.51 3.48-9.21 3.48-12.72 0-3.5-3.47-3.53-9.11-.02-12.58s9.14-3.47 12.65 0L21 3v7.12zM12.5 8v4.25l3.5 2.08-.72 1.21L11 13V8h1.5z\",\r\n tooltip: t(\"ToHistoricalTooltip\"),\r\n action: (r) =>\r\n setToHistoricalObject({\r\n object: r,\r\n action: () => toHistorical(r),\r\n }),\r\n },\r\n ]}\r\n updateData={updateData}\r\n columns={[\r\n \"ReadingCHESterilizer.readNumber\",\r\n \"ReadingCHESterilizer.creationTestFormatted\",\r\n \"ReadingCHESterilizer.resultDescription\",\r\n \"ReadingCHESterilizer.visualResultDescription\",\r\n \"ReadingCHESterilizer.manufactureDateFormatted\",\r\n \"ReadingCHESterilizer.productDescription\",\r\n \"ReadingCHESterilizer.loteProduct\",\r\n \"ReadingCHESterilizer.brand\",\r\n ]}\r\n headers={[\r\n t(\"ReadNumberLabel\", locale),\r\n t(\"TestDateTimeLabel\", locale),\r\n t(\"ResultLabel\", locale),\r\n t(\"VisualResultLabel\", locale),\r\n t(\"ManufactureDateLabel\", locale),\r\n t(\"ProductLabel\", locale),\r\n t(\"ProductLotLabel\", locale),\r\n t(\"BrandLabel\", locale),\r\n ]}\r\n grouped={groups}\r\n useFieldMap={false}\r\n onEditClick={(rowSelected) => {\r\n const product = state.indicatorsCompatiblesTrazanto.find(\r\n (p) => p.id == rowSelected[\"ReadingCHESterilizer.productId\"]\r\n );\r\n setFieldsByProductType(product, rowSelected);\r\n }}\r\n formFields={state.formFields}\r\n formFieldsMachine={[state.sterilizers]}\r\n baseObject={{\r\n ReadingCHESterilizer: {\r\n cycle: null,\r\n temperature: null,\r\n packageNumber: null,\r\n exposureTime: null,\r\n sterilizerId: null,\r\n concentration: null,\r\n relativeDampness: null,\r\n programNumber: null,\r\n bookNumber: null,\r\n pageNumber: null,\r\n notes: null,\r\n },\r\n UserLogged: getSession(),\r\n }}\r\n massiveBaseObject={{\r\n ReadCHEMasive: {\r\n ReadIds: [],\r\n cycle: null,\r\n temperature: null,\r\n packageNumber: null,\r\n exposureTime: null,\r\n sterilizerId: null,\r\n concentration: null,\r\n relativeDampness: null,\r\n programNumber: null,\r\n bookNumber: null,\r\n pageNumber: null,\r\n notes: null,\r\n },\r\n UserLogged: getSession(),\r\n }}\r\n method={\"put\"}\r\n />\r\n\r\n {(loadingDetail || detailObject) && (\r\n \r\n setDetailObject(null)}\r\n >\r\n \r\n \r\n
\r\n }\r\n closeModal={() => setDetailObject(null)}\r\n responsive\r\n >\r\n {!detailObject && (\r\n \r\n {toHistoricalMessage.message}\r\n
\r\n )}\r\n {`${t(\"Title\", locale)} ${\r\n detailObject ? `(${detailObject.readNumber})` : \"\"\r\n }`}
\r\n \r\n
\r\n )}\r\n {detailObject && (\r\n \r\n \r\n {t(\"ToHistoricalHeader\", locale)}{\" \"}\r\n {toHistoricalObject.object.length > 0\r\n ? \"(\" +\r\n toHistoricalObject.object.reduce((name, item, index) => {\r\n return (\r\n name +\r\n item[\"ReadingCHESterilizer.toString\"] +\r\n (index === toHistoricalObject.object.length - 1\r\n ? \"\"\r\n : \", \")\r\n );\r\n }, \"\") +\r\n \")\"\r\n : \"(\" +\r\n toHistoricalObject.object[\r\n \"ReadingCHESterilizer.toString\"\r\n ] +\r\n \")\"}\r\n \r\n
\r\n \r\n \r\n setToHistoricalObject(null)}\r\n variant={\"text\"}\r\n color={\"error\"}\r\n disabled={toHistoricalLoading}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n\r\n {toHistoricalMessage.type === \"error\" && (\r\n \r\n
\r\n \r\n {t(\"ToHistoricalConfirmationText\", locale)}\r\n
\r\n \r\n {toHistoricalMessage.message}\r\n
\r\n \r\n )}\r\n {state.abmSterilizerVisible && (\r\n \r\n {t(\"AddSterilizer\", locale)}\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import Washer from './Washer';\r\n\r\nexport default Washer;","import React, { useState, useEffect, useContext } from \"react\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport t from \"../../utils/translation\";\r\nimport request from \"../../utils/request\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { getUserCompany, getSession } from \"../../utils/sessionHandler\";\r\nimport _ from \"lodash\";\r\n\r\nimport Select from \"../../components/Select\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\n\r\nconst useQuery = () => {\r\n return new URLSearchParams(useLocation().search);\r\n};\r\n\r\nexport default function Washer() {\r\n const locale = useContext(LocalizationContext);\r\n const company = getUserCompany();\r\n const query = useQuery();\r\n\r\n const [loadingContent, setLoadingContent] = useState(true);\r\n const [data, setData] = useState([]);\r\n const [loadingData, setLoadingData] = useState(true);\r\n const [sectors, setSectors] = useState([]);\r\n const [selectedSector, setSelectedSector] = useState(\r\n query.get(\"sectorId\") || \"\"\r\n );\r\n\r\n useEffect(() => {\r\n request()\r\n .get(`/api/sector?companyId=${company.Id}`)\r\n .then((response) => {\r\n setTimeout(() => {\r\n setSectors(\r\n response.data.reduce((sectorOptions, sector) => {\r\n sectorOptions.push([sector.id, sector.name]);\r\n return sectorOptions;\r\n }, [])\r\n );\r\n setLoadingContent(false);\r\n }, 250);\r\n })\r\n .catch((error) => console.log(error));\r\n }, [company.Id]);\r\n\r\n useEffect(() => {\r\n updateData();\r\n }, [selectedSector]);\r\n\r\n const updateData = () => {\r\n if (selectedSector) { \r\n setLoadingData(true);\r\n request()\r\n .get(`/api/washer/GetBySector?CompanyId=${getUserCompany().Id}&SectorId=${selectedSector}`)\r\n .then((response) => {\r\n setData(\r\n response.data.map((x) =>\r\n _.mapKeys(x, (value, key) => {\r\n return \"Washer.\" + key;\r\n })\r\n )\r\n );\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n .catch((error) => console.log(error.response));\r\n }\r\n };\r\n\r\n if (loadingContent) return \r\n
\r\n {selectedSector && (\r\n \r\n
\r\n \r\n setSelectedSector(val)}\r\n />\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import Disinfector from './Disinfector';\r\n\r\nexport default Disinfector;","import React, { useState, useEffect, useContext } from \"react\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport t from \"../../utils/translation\";\r\nimport request from \"../../utils/request\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { getUserCompany, getSession } from \"../../utils/sessionHandler\";\r\nimport _ from \"lodash\";\r\n\r\nimport Select from \"../../components/Select\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\n\r\nconst useQuery = () => {\r\n return new URLSearchParams(useLocation().search);\r\n};\r\n\r\nexport default function Disinfector() {\r\n const locale = useContext(LocalizationContext);\r\n const company = getUserCompany();\r\n const query = useQuery();\r\n\r\n const [loadingContent, setLoadingContent] = useState(true);\r\n const [data, setData] = useState([]);\r\n const [loadingData, setLoadingData] = useState(true);\r\n const [sectors, setSectors] = useState([]);\r\n const [selectedSector, setSelectedSector] = useState(\r\n query.get(\"sectorId\") || \"\"\r\n );\r\n\r\n useEffect(() => {\r\n request()\r\n .get(`/api/sector?companyId=${company.Id}`)\r\n .then((response) => {\r\n setTimeout(() => {\r\n setSectors(\r\n response.data.reduce((sectorOptions, sector) => {\r\n sectorOptions.push([sector.id, sector.name]);\r\n return sectorOptions;\r\n }, [])\r\n );\r\n setLoadingContent(false);\r\n }, 250);\r\n })\r\n .catch((error) => console.log(error));\r\n }, [company.Id]);\r\n\r\n useEffect(() => {\r\n updateData();\r\n }, [selectedSector]);\r\n\r\n const updateData = () => {\r\n if (selectedSector) { \r\n setLoadingData(true);\r\n request()\r\n .get(`/api/disinfector/GetBySector?CompanyId=${getUserCompany().Id}&SectorId=${selectedSector}`)\r\n .then((response) => {\r\n setData(\r\n response.data.map((x) =>\r\n _.mapKeys(x, (value, key) => {\r\n return \"Disinfector.\" + key;\r\n })\r\n )\r\n );\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n .catch((error) => console.log(error.response));\r\n }\r\n };\r\n\r\n if (loadingContent) return \r\n
\r\n {selectedSector && (\r\n \r\n
\r\n \r\n setSelectedSector(val)}\r\n />\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles({\r\n\r\n})","import { makeStyles, createStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n textNotFound: {\r\n textAlign: 'center',\r\n fontSize: '0.9em'\r\n },\r\n downloadSuggestion: {\r\n textAlign: 'center',\r\n fontSize: '1.1em',\r\n margin: '20px auto'\r\n },\r\n cardPrueba: {\r\n padding: '15px'\r\n },\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n modalCloseButton: {\r\n color: \"#9e9e9e\",\r\n borderRadius: \"50%\",\r\n cursor: \"pointer\",\r\n userSelect: \"none\",\r\n\r\n '&:hover': {\r\n color: '#5a5a5d'\r\n },\r\n\r\n \"& svg\": {\r\n fill: \"currentcolor\",\r\n width: \"1em\",\r\n height: \"1em\",\r\n fontSize: \"1.5rem\",\r\n userSelect: \"none\"\r\n }\r\n },\r\n headerPopUpImage: {\r\n display: \"flex\",\r\n padding: \"10px 24px\",\r\n justifyContent: \"flex-end\"\r\n },\r\n // cardPlayStore: {\r\n // margin: \"10px auto\",\r\n // width: \"45%\",\r\n // backgroundColor: \"#000000\",\r\n // float: \"left\",\r\n // display: \"block\",\r\n // alignItems: \"center\",\r\n // justifyContent: \"center\",\r\n // margin: \"0 0 0 15px\"\r\n // },\r\n // cardAppStore: {\r\n // margin: \"10px auto\",\r\n // width: \"45%\",\r\n // backgroundColor: \"#000000\",\r\n // float: \"right\",\r\n // display: \"block\",\r\n // alignItems: \"center\",\r\n // justifyContent: \"center\",\r\n // margin: \"0 15px 0 0\"\r\n // }\r\n}));","\r\nconst reducer = (state, action) => {\r\n switch (action.type) {\r\n case \"SET_MEASURES\":\r\n return {\r\n ...state,\r\n loadingContent: false,\r\n loadingDataCRUD: false,\r\n measures: action.payload.measures,\r\n showDownloadSuggestion: false\r\n }\r\n case \"SET_READING_TO_ASSOCIATE\":\r\n return {\r\n ...state,\r\n readingToAssociate: action.payload.readingToAssociate\r\n }\r\n case \"SET_MEASURE_SELECTED\":\r\n return {\r\n ...state,\r\n measureSelected: action.payload.measureSelected\r\n }\r\n case \"SET_ENABLE_BUTTONS\":\r\n return {\r\n ...state,\r\n disabledButtons: false,\r\n loadingDataCRUD: false\r\n }\r\n case \"SET_DISABLED_BUTTONS\":\r\n return {\r\n ...state,\r\n disabledButtons: true,\r\n loadingDataCRUD: true\r\n }\r\n case \"SET_MEASURE_TO_SELECTED_DYNAMICALLY\":\r\n return {\r\n ...state,\r\n associateFromBD: action.payload.associateFromBD\r\n }\r\n case \"SHOW_DOWNLOAD_SUGGESTION\":\r\n return {\r\n ...state,\r\n loadingContent: false,\r\n loadingDataCRUD: false,\r\n showDownloadSuggestion: true\r\n }\r\n case \"BEFORE_HIDE_MODAL\":\r\n return {\r\n ...state,\r\n readingToAssociate: action.payload.readingToAssociate\r\n }\r\n case \"SET_INSTRUMENT_IMAGE\":\r\n return {\r\n ...state,\r\n instrumentImage: action.payload.instrumentImage\r\n }\r\n case \"CLEAR_INSTRUMENT_IMAGE\":\r\n return {\r\n ...state,\r\n instrumentImage: null\r\n }\r\n case \"SET_INSTRUMENT_DESCRIPTION\":\r\n return {\r\n ...state,\r\n instrumentDescription: action.payload.instrumentDescription\r\n }\r\n default:\r\n throw new Error();\r\n }\r\n};\r\n\r\nexport default reducer;","export const StatusRead = {\r\n INPROGRESS: 1,\r\n SAVED: 2,\r\n FINISHED: 3,\r\n DELETE: 4\r\n}","import React, { useReducer, useEffect, useContext, useState } from \"react\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport useStyles from \"./ToolMeasureStyles\";\r\nimport { useTheme, makeStyles } from \"@material-ui/core/styles\";\r\nimport t from \"../../utils/translation\";\r\nimport _ from \"lodash\";\r\nimport request from \"../../utils/request\";\r\nimport PageContentLoading from \"../PageContentLoading\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport CRUD from \"../CRUD\";\r\nimport reducer from \"./ToolMeasureReducer\";\r\nimport dateFormater from \"../../utils/dateFormater\";\r\nimport SplitButton from \"../SplitButton/SplitButton\";\r\nimport { unflatten } from \"flat\";\r\nimport { StatusRead } from \"../../dictionaries/statusRead\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Modal from \"../Modal/Modal\";\r\n\r\nconst formatToolMeasures = (toolMeasures) => {\r\n toolMeasures.forEach((toolMeasure) => {\r\n toolMeasure.creationDate = dateFormater(\r\n toolMeasure.creationDate,\r\n \"dateTime\"\r\n );\r\n });\r\n return toolMeasures;\r\n};\r\n\r\nexport default function ToolMeasure(props) {\r\n const theme = useTheme();\r\n\r\n const { method, url, images } = props;\r\n const initialState = {\r\n loadingContent: true,\r\n measures: {},\r\n measureSelected: {},\r\n readingToAssociate: props.readingPRO,\r\n disabledButtons: true,\r\n loadingDataCRUD: true,\r\n associateFromBD: null,\r\n showDownloadSuggestion: false,\r\n showModal: true,\r\n instrumentImage: null,\r\n instrumentDescription: \"\",\r\n };\r\n\r\n const classes = useStyles();\r\n const locale = useContext(LocalizationContext);\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n const [splitOptions, setSplitOptions] = useState(null);\r\n //al cerrar el componente, si existe una medición vinculada la vuelve a setear en caso de que el usuario la haya modificado sin haber guardado los cambios.\r\n const [toolMeasureIdFromDB, setToolMeasureIdFromDB] = useState(\r\n props.readingPRO[\"ReadingPRO.toolMeasureId\"]\r\n );\r\n\r\n useEffect(() => {\r\n searchMeasures();\r\n configButtons();\r\n handleAssociateFromDB();\r\n }, []);\r\n\r\n const searchMeasures = () => {\r\n request()\r\n .get(`/api/InstrumentMeasure`)\r\n .then((response) => {\r\n if (response.data.length > 0) {\r\n dispatch({\r\n type: \"SET_MEASURES\",\r\n payload: { measures: formatToolMeasures(response.data) },\r\n });\r\n } else {\r\n dispatch({ type: \"SHOW_DOWNLOAD_SUGGESTION\" });\r\n }\r\n });\r\n };\r\n\r\n const configButtons = () => {\r\n let buttons = [\r\n {\r\n text: t(\"ConfirmButton\") || \"Confirm\",\r\n onClickOption: (text) => saveAssociate(false),\r\n disabled: false,\r\n },\r\n ];\r\n if (state.readingToAssociate[\"ReadingPRO.status\"] === StatusRead.FINISHED) {\r\n buttons.push({\r\n text: t(\"ConfirmAndSave\"),\r\n onClickOption: (text) => saveAssociate(true),\r\n disabled: false,\r\n moveToSaved: true,\r\n });\r\n }\r\n setSplitOptions(buttons);\r\n };\r\n\r\n //recupero la medición vinculada a la lectura seleccionada. Envio objeto al componente CRUD para seleccionar dinamicante la medición vinculada.\r\n const handleAssociateFromDB = () => {\r\n if (state.readingToAssociate[\"ReadingPRO.instrumentMeasureId\"]) {\r\n dispatch({ type: \"SET_ENABLE_BUTTONS\" });\r\n let objectReading = unflatten(state.readingToAssociate);\r\n let objectToolMeasure = {\r\n id: objectReading.ReadingPRO.instrumentMeasureId,\r\n };\r\n dispatch({\r\n type: \"SET_MEASURE_TO_SELECTED_DYNAMICALLY\",\r\n payload: { associateFromBD: objectToolMeasure },\r\n });\r\n }\r\n };\r\n\r\n const handleSelectionClick = (measureToAssociate) => {\r\n state.readingToAssociate[\"ReadingPRO.instrumentMeasureId\"] =\r\n measureToAssociate.id;\r\n dispatch({ type: \"SET_ENABLE_BUTTONS\" });\r\n state.readingToAssociate[\"ReadingPRO.toolMeasureId\"] =\r\n measureToAssociate.id;\r\n };\r\n\r\n const saveAssociate = (moveToSaved) => {\r\n dispatch({ type: \"SET_DISABLED_BUTTONS\" });\r\n let requestObject = unflatten(state.readingToAssociate);\r\n requestObject.moveToSaved = moveToSaved;\r\n\r\n request()\r\n .updateObject(url, requestObject, method)\r\n .then((response) => {\r\n setTimeout(() => {\r\n dispatch({ type: \"SET_ENABLE_BUTTONS\" });\r\n props.handleAfterAssociate(response.data, requestObject);\r\n }, 1500);\r\n })\r\n .catch((error) => {\r\n console.log(error.response);\r\n setTimeout(() => {\r\n dispatch({ type: \"SET_ENABLE_BUTTONS\" });\r\n props.handleAfterAssociate(error.response.data, requestObject);\r\n }, 1500);\r\n });\r\n };\r\n\r\n const getImageInstrument = (instrument) => {\r\n request()\r\n .get(\r\n `/api/instrumentmeasure/SASUriInstrumentFile?fileName=` +\r\n instrument.fileName\r\n )\r\n .then((resp) => {\r\n dispatch({\r\n type: \"SET_INSTRUMENT_IMAGE\",\r\n payload: { instrumentImage: resp.data },\r\n });\r\n dispatch({\r\n type: \"SET_INSTRUMENT_DESCRIPTION\",\r\n payload: {\r\n instrumentDescription:\r\n instrument.code + \" \" + instrument.description,\r\n },\r\n });\r\n });\r\n };\r\n\r\n const closeModalToolMeasure = () => {\r\n dispatch({\r\n type: \"BEFORE_HIDE_MODAL\",\r\n payload: {\r\n readingToAssociate: (state.readingToAssociate[\r\n \"ReadingPRO.toolMeasureId\"\r\n ] = toolMeasureIdFromDB),\r\n },\r\n });\r\n props.closeModalToolMeasure();\r\n };\r\n\r\n const buttonsOptions = splitOptions && !state.showDownloadSuggestion && (\r\n \r\n
\r\n {selectedSector && (\r\n \r\n
\r\n \r\n setSelectedSector(val)}\r\n />\r\n
\r\n \r\n {!state.showDownloadSuggestion && (\r\n getImageInstrument(instrument),\r\n },\r\n ]}\r\n >\r\n )}\r\n {state.instrumentImage && (\r\n \r\n \r\n {state.instrumentDescription}\r\n \r\n \r\n \r\n \r\n */}\r\n \r\n )}\r\n
\r\n \r\n \r\n )}\r\n \r\n );\r\n}\r\n","export default function reducer(state, action) {\r\n switch (action.type) {\r\n case \"SET_CONTENT\":\r\n return {\r\n ...state,\r\n programs: action.payload.programs,\r\n products: action.payload.products,\r\n washers: action.payload.washers,\r\n requiredFields: action.payload.requiredFields,\r\n visualResults: action.payload.visualResults,\r\n loadingContent: false,\r\n };\r\n case \"SHOW_TOOL_MEASURE\":\r\n return {\r\n ...state,\r\n showToolMeasureComponent: true,\r\n };\r\n case \"HIDE_TOOL_MEASURE\":\r\n return {\r\n ...state,\r\n showToolMeasureComponent: false,\r\n };\r\n case \"SET_READING_TO_ASSOCIATE\":\r\n return {\r\n ...state,\r\n readingPROToAssociate: action.payload.readingPROToAssociate,\r\n };\r\n case \"SET_AFTER_ASSOCIATE\":\r\n return {\r\n ...state,\r\n afterAssociate: action.payload.afterAssociate,\r\n };\r\n default:\r\n throw new Error();\r\n }\r\n}\r\n","import React, { useState, useEffect, useContext, useReducer } from \"react\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport useStyles from \"./InstrumentStyles\";\r\nimport t from \"../../utils/translation\";\r\nimport request from \"../../utils/request\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport df from \"../../utils/dateFormater\";\r\n\r\nimport {\r\n getSession,\r\n getUserId,\r\n getUserCompany,\r\n getUserType,\r\n getDist,\r\n} from \"../../utils/sessionHandler\";\r\nimport _ from \"lodash\";\r\nimport ToolMeasure from \"../../components/MeasureToolTable/ToolMeasure\";\r\n\r\nimport reducer from \"./InstrumentReducer\";\r\nimport Select from \"../../components/Select\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\n\r\nconst useQuery = () => {\r\n return new URLSearchParams(useLocation().search);\r\n};\r\n\r\nconst initialState = {\r\n programs: [],\r\n products: [],\r\n washers: [],\r\n visualResults: [],\r\n loadingContent: true,\r\n showToolMeasureComponent: false,\r\n readingPROToAssociate: {},\r\n afterAssociate: {\r\n close: false,\r\n message: \"\",\r\n },\r\n};\r\n\r\nexport default function Instrument() {\r\n const classes = useStyles();\r\n\r\n const locale = useContext(LocalizationContext);\r\n const company = getUserCompany();\r\n const query = useQuery();\r\n\r\n const [data, setData] = useState([]);\r\n const [loadingData, setLoadingData] = useState(true);\r\n const [sectors, setSectors] = useState([]);\r\n const [selectedSector, setSelectedSector] = useState(\r\n query.get(\"sectorId\") || \"\"\r\n );\r\n\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n const { loadingContent } = state;\r\n\r\n useEffect(() => {\r\n request()\r\n .get(`/api/sector?companyId=${company.Id}`)\r\n .then((response) => {\r\n setTimeout(() => {\r\n setSectors(\r\n response.data.reduce((sectorOptions, sector) => {\r\n sectorOptions.push([sector.id, sector.name]);\r\n return sectorOptions;\r\n }, [])\r\n );\r\n }, 250);\r\n dispatch({\r\n type: \"SET_CONTENT\",\r\n payload: {},\r\n });\r\n dispatch({ type: \"SHOW_TOOL_MEASURE\" });\r\n })\r\n .catch((error) => console.log(error));\r\n }, [company.Id]);\r\n\r\n const handleAfterAssociate = (serverResponse, updatedObject) => {\r\n dispatch({ type: \"HIDE_TOOL_MEASURE\" });\r\n setLoadingData(true);\r\n dispatch({\r\n type: \"SET_AFTER_ASSOCIATE\",\r\n payload: {\r\n afterAssociate: {\r\n executeAction: true,\r\n message: serverResponse.message,\r\n updatedObject: updatedObject,\r\n type: serverResponse.result,\r\n },\r\n },\r\n });\r\n dispatch({\r\n type: \"SET_AFTER_ASSOCIATE\",\r\n payload: { afterAssociate: { executeAction: false } },\r\n });\r\n };\r\n\r\n if (loadingContent) return \r\n \r\n dispatch({ type: \"CLEAR_INSTRUMENT_IMAGE\" })\r\n }\r\n >\r\n \r\n \r\n
\r\n \r\n }\r\n closeModal={() => dispatch({ type: \"CLEAR_INSTRUMENT_IMAGE\" })}\r\n responsive\r\n >\r\n {!state.instrumentImage && (\r\n \r\n 
\r\n
\r\n )}\r\n \r\n )}\r\n \r\n {state.showDownloadSuggestion && (\r\n <>\r\n \r\n {t(\"AppDownloadSuggestionText\", locale)}\r\n
\r\n {/* \r\n \r\n {t(\"MeasurementsNotFoundText\", locale)}\r\n \r\n
\r\n Available on the Play Store
\r\n Available on the App Store
\r\n \r\n {state.showToolMeasureComponent && (\r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import Instrument from \"./Instrument\";\r\n\r\nexport default Instrument;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FixedAlert from '../FixedAlert/FixedAlert';\r\nimport InputAdornment from '@material-ui/core/InputAdornment';\r\nimport t from \"../../utils/translation\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n margin: {\r\n margin: theme.spacing(1),\r\n }\r\n}));\r\n\r\nconst FormattedField = (props) => {\r\n const classes = useStyles();\r\n const { object, updateValue, label, min, max, adornment, maxLength, step, isUmbral, handleResponseError } = props;\r\n const [errorValidation, setErrorValidation] = useState(\"\");\r\n\r\n useEffect(() => {\r\n if (handleResponseError) {\r\n setErrorValidation(handleResponseError)\r\n setTimeout(() => {\r\n setErrorValidation(\"\")\r\n }, 5000);\r\n }\r\n }, [props.handleResponseError])\r\n\r\n const withValueLimit = (inputObj, min, max, setErrorValidation) => {\r\n if (inputObj) {\r\n const floatValue = parseFloat(inputObj);\r\n if (floatValue <= max && floatValue >= min) {\r\n object.disabled = false;\r\n setErrorValidation(\"\")\r\n return inputObj\r\n } else {\r\n object.disabled = true;\r\n if (floatValue > max)\r\n setErrorValidation(t(\"ValueMustBeLessThan\") + max)\r\n if (floatValue < min)\r\n setErrorValidation(t(\"ValueMustBeBiggerThan\") + min)\r\n }\r\n } else {\r\n object.disabled = true;\r\n }\r\n };\r\n\r\n const handleMaxLengthDynamic = (input) => {\r\n let int = input.split(\".\");\r\n if (maxLength === 4) {\r\n if (int[0].length < 2) {\r\n return 3;\r\n } else\r\n return 4;\r\n }\r\n };\r\n\r\n return (\r\n \r\n {\r\n withValueLimit(val.target.value, min, max, setErrorValidation)\r\n updateValue(val.target.value, object.id)\r\n }}\r\n inputProps={{\r\n value: object.value,\r\n step: step,\r\n max: max,\r\n min: min\r\n }}\r\n InputProps={{\r\n startAdornment: adornment && {adornment} \r\n }}\r\n onInput={(e) => {\r\n if (!isNaN(parseFloat(e.target.value))) {\r\n if (isUmbral) {\r\n let maxLengthDynamic = handleMaxLengthDynamic(e.target.value)\r\n e.target.value = parseFloat(e.target.value.slice(0, maxLengthDynamic))\r\n } else {\r\n e.target.value = parseFloat(e.target.value.slice(0, maxLength))\r\n }\r\n }\r\n }}\r\n />\r\n { setErrorValidation(\"\") }}> \r\n
\r\n )\r\n};\r\nexport default FormattedField;","import FormattedField from './FormattedField';\r\n\r\nexport default FormattedField;","import { makeStyles, createStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n modalCloseButton: {\r\n color: \"#9e9e9e\",\r\n borderRadius: \"50%\",\r\n cursor: \"pointer\",\r\n userSelect: \"none\",\r\n\r\n '&:hover': {\r\n color: '#5a5a5d'\r\n },\r\n\r\n \"& svg\": {\r\n fill: \"currentcolor\",\r\n width: \"1em\",\r\n height: \"1em\",\r\n fontSize: \"1.5rem\",\r\n userSelect: \"none\"\r\n }\r\n },\r\n\r\n footerAction: {\r\n position: 'absolute',\r\n right: 20,\r\n '& *': {\r\n margin: '0 8px'\r\n }\r\n },\r\n\r\n parameterRoot: {\r\n margin: '8px 0 16px',\r\n },\r\n\r\n parameterActionsRoot: {\r\n '& button': {\r\n margin: '0 16px 0 0'\r\n }\r\n },\r\n\r\n ParametersAllowedResetDefault: {\r\n padding: '10px 20px 10px 20px',\r\n margin: '10px'\r\n },\r\n\r\n ParametersNotAllowedResetDefault: {\r\n padding: '0 20px 0 20px',\r\n margin: '10px'\r\n },\r\n\r\n titleSectionParameters: {\r\n borderBottom: '1px solid',\r\n margin: '0px 0 15px 0',\r\n padding: '0 0 2px 0',\r\n borderColor: theme.palette.terragene.grey,\r\n fontSize: '1.1rem',\r\n color: theme.palette.terragene.grey\r\n },\r\n\r\n titleSectionWorkingMode: {\r\n borderBottom: '1px solid',\r\n margin: '10px 0 10px 0',\r\n padding: '0 0 2px 0',\r\n borderColor: theme.palette.terragene.grey,\r\n fontSize: '1.1rem',\r\n color: theme.palette.terragene.grey\r\n },\r\n}))","import { makeStyles, createStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n\r\n //Button: Input file//\r\n root: {\r\n fontSize: \"0.875rem\",\r\n fontWeight: 700,\r\n transition: \"background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\r\n lineHeight: \"1.75\",\r\n borderRadius: 4,\r\n letterSpacing: \"0.02857em\",\r\n textTransform: \"uppercase\",\r\n border: \"0!important\",\r\n outline: \"0!important\",\r\n display: 'flow-root'\r\n },\r\n\r\n labelCss: {\r\n borderRadius: 5,\r\n width: '250px',\r\n height: '32px',\r\n textAlign: 'center',\r\n padding: 4,\r\n margin: '8px 0 4px 0',\r\n display: 'block'\r\n },\r\n\r\n titleSection: {\r\n borderBottom: '1px solid',\r\n margin: '0 0 7px 0',\r\n borderColor: theme.palette.terragene.grey,\r\n fontSize: '0.90rem',\r\n color: theme.palette.terragene.grey\r\n },\r\n\r\n logoValidations: {\r\n margin: '0 0 7px 0',\r\n borderColor: theme.palette.terragene.grey,\r\n fontSize: '0.80rem',\r\n color: theme.palette.terragene.grey\r\n },\r\n\r\n\r\n\r\n disabled: {\r\n cursor: \"auto!important\",\r\n color: \"rgba(0,0,0,0.26)\",\r\n },\r\n\r\n containedVariant: {\r\n padding: \"4px 10px\",\r\n\r\n '&$disabled': {\r\n boxShadow: \"none\",\r\n backgroundColor: \"rgba(0,0,0,0.12)\"\r\n }\r\n },\r\n\r\n textVariant: {\r\n padding: '6px 8px',\r\n backgroundColor: 'transparent'\r\n },\r\n\r\n primaryColor: {\r\n '&$containedVariant$active': {\r\n color: theme.palette.terragene.lightThird,\r\n backgroundColor: theme.palette.terragene.lightMain,\r\n boxShadow: \"0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12)\",\r\n\r\n \"&:hover\": {\r\n backgroundColor: theme.palette.terragene.darkThird\r\n }\r\n },\r\n\r\n '&$textVariant$active': {\r\n color: theme.palette.terragene.darkMain,\r\n\r\n \"&:hover\": {\r\n backgroundColor: 'rgba(3, 69, 128, 0.08)'\r\n }\r\n }\r\n },\r\n\r\n secondaryColor: {\r\n '&$containedVariant$active': {\r\n color: theme.palette.terragene.lightThird,\r\n backgroundColor: theme.palette.terragene.darkMain,\r\n boxShadow: \"0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12)\",\r\n\r\n \"&:hover\": {\r\n backgroundColor: theme.palette.terragene.darkThird\r\n }\r\n },\r\n\r\n '&$textVariant$active': {\r\n color: theme.palette.terragene.darkMain,\r\n\r\n \"&:hover\": {\r\n backgroundColor: 'rgba(3, 69, 128, 0.08)'\r\n }\r\n }\r\n },\r\n\r\n errorColor: {\r\n '&$containedVariant$active': {\r\n color: \"#fff\",\r\n backgroundColor: theme.palette.error,\r\n boxShadow: \"0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12)\",\r\n\r\n \"&:hover\": {\r\n backgroundColor: theme.palette.errorAction\r\n }\r\n },\r\n\r\n '&$textVariant$active': {\r\n color: theme.palette.errorAction,\r\n\r\n \"&:hover\": {\r\n backgroundColor: 'rgba(176, 0, 32, 0.08)'\r\n }\r\n }\r\n },\r\n\r\n fullwidth: {\r\n width: \"100%\",\r\n },\r\n\r\n verticalMargin: {\r\n margin: \"10px 0\"\r\n },\r\n\r\n lateralMargin: {\r\n margin: \"0 10px\"\r\n },\r\n\r\n dense: {\r\n margin: 0\r\n },\r\n\r\n active: {},\r\n}))\r\n","import React from 'react';\r\nimport { useEffect, useState, useContext } from 'react';\r\nimport useStyles from './UploaderStyles';\r\nimport FixedAlert from '../../components/FixedAlert/FixedAlert';\r\nimport classNames from \"classnames\";\r\nimport { CompanyContext } from '../../utils/context/CompanyContext';\r\nimport _ from 'lodash';\r\nimport Card from '@material-ui/core/Card';\r\nimport t from '../../utils/translation';\r\n\r\nexport default function Uploader({ file, translation, options, dispatch, action }) {\r\n const companyState = useContext(CompanyContext);\r\n const classes = useStyles();\r\n const [alertText, setAlertText] = useState(\"\");\r\n const [type, setType] = useState(\"success\");\r\n const acceptExtensions = options.extensionsAllowed.join(\",\")\r\n const\r\n fullwidth = false,\r\n variant = \"contained\",\r\n color = \"primary\",\r\n isVerticalMargined = false,\r\n isLateralMargined = false\r\n\r\n useEffect(() => {\r\n if (file)\r\n companyState.setCompany({ id: file.id, image: file.file });\r\n if (options.clearFileSelected)\r\n dispatch({ type: 'CLEAR' })\r\n }, [options.clearFileSelected]);\r\n\r\n const convertToBase64 = (uploadedFile) => {\r\n if (uploadedFile != null && uploadedFile != undefined) {\r\n const reader = new FileReader();\r\n reader.addEventListener(\"load\", (e) => {\r\n if (dispatch)\r\n dispatch({ type: action, payload: { id: file.id, file: e.target.result, name: uploadedFile.name } })\r\n });\r\n reader.readAsDataURL(uploadedFile);\r\n }\r\n }\r\n\r\n const keepFormat = (uploadedFile) => {\r\n if (dispatch)\r\n dispatch({ type: action, payload: { id: uploadedFile?.id, file: uploadedFile, name: uploadedFile.name } })\r\n }\r\n\r\n const validateExtension = (file) => {\r\n var nameFile = file.name;\r\n var ultimoPunto = file.name.lastIndexOf(\".\");\r\n var extension = nameFile.slice(ultimoPunto, nameFile.length);\r\n if (options.extensionsAllowed.indexOf(extension) == -1) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n { setAlertText(\"\") }}> \r\n {\r\n file && options.showPreViewImage &&\r\n \r\n
\r\n );\r\n}","const reducer = (state, action) => {\r\n switch (action.type) {\r\n case \"LOADING\": {\r\n return {\r\n ...state,\r\n loading: true\r\n }\r\n }\r\n case \"LOADED\": {\r\n return {\r\n ...state,\r\n loading: false\r\n }\r\n }\r\n case \"DISABLE_SAVEBUTTON\": {\r\n return {\r\n ...state,\r\n disableSave: true\r\n }\r\n }\r\n case \"ENABLE_DELETEBUTTON\": {\r\n return {\r\n ...state,\r\n disableDelete: false\r\n }\r\n }\r\n case \"DISABLE_DELETEBUTTON\": {\r\n return {\r\n ...state,\r\n disableDelete: true\r\n }\r\n }\r\n case \"SET_FILE\":\r\n return {\r\n ...state,\r\n file: action.payload.file,\r\n id: action.payload.id,\r\n clearFileSelected: action.payload.clearFileSelected,\r\n name: action.payload.name,\r\n disableSave: (state.dbFile == action.payload.file),\r\n disableDelete: (state.dbFile != action.payload.file)\r\n }\r\n case \"SET_ALERT\":\r\n return {\r\n ...state,\r\n alertText: action.payload.alertText,\r\n type: action.payload?.type,\r\n clearFileSelected: action.payload.clearFileSelected\r\n }\r\n case \"CLOSE_ALERT\":\r\n return {\r\n ...state,\r\n alertText: \"\"\r\n }\r\n case \"SET_DBFILE\":\r\n return {\r\n ...state,\r\n dbFile: action.payload.dbFile\r\n }\r\n case \"CLEAR\":\r\n return {\r\n ...state,\r\n dbFile: undefined,\r\n file: undefined,\r\n id: undefined,\r\n popUpDeleteFileVisible: false\r\n }\r\n case \"CLOSE_MODAL\":\r\n return {\r\n ...state,\r\n popUpDeleteFileVisible: false\r\n }\r\n case \"SHOW_DELETE_MODAL\":\r\n return {\r\n ...state,\r\n popUpDeleteFileVisible: true\r\n }\r\n default:\r\n throw new Error();\r\n }\r\n};\r\n\r\nexport default reducer;","import { makeStyles, createStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n modalCloseButton: {\r\n color: \"#9e9e9e\",\r\n borderRadius: \"50%\",\r\n cursor: \"pointer\",\r\n userSelect: \"none\",\r\n\r\n '&:hover': {\r\n color: '#5a5a5d'\r\n },\r\n\r\n \"& svg\": {\r\n fill: \"currentcolor\",\r\n width: \"1em\",\r\n height: \"1em\",\r\n fontSize: \"1.5rem\",\r\n userSelect: \"none\"\r\n }\r\n },\r\n\r\n header: {\r\n display: 'flex',\r\n flexDirection: 'row-reverse',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerText: {\r\n fontSize: 17,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d',\r\n position: 'absolute',\r\n left: 25\r\n }\r\n}))","import React from 'react';\r\nimport useStyles from './HeaderStyles';\r\n\r\nconst Header = ({ headerText, close }) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n {translation.title}\r\n
\r\n {file.name}
\r\n }\r\n\r\n {translation.info && translation.info.map((trans, index) => {\r\n return (\r\n
\r\n \r\n {trans}
\r\n )\r\n })}\r\n \r\n close()}>\r\n \r\n \r\n
\r\n \r\n {headerText}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n handleSaveThresholds()}\r\n caption={t(\"SaveButton\", locale)}\r\n loading={state.loadingSave}\r\n loadingText={t(\"Saving\", locale)}\r\n disabled={state.disabledSave}>\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default ThresholdsISO;","import React, { useState, useEffect, useContext, useReducer } from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport { getUserId, getSession, getUserType, getUserCompany, getToken } from \"../../utils/sessionHandler\";\r\nimport t from \"../../utils/translation\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport Button from \"../../components/Button\";\r\nimport Modal from \"../../components/Modal\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport Select from \"../../components/Select\";\r\nimport FormattedField from '../../components/FormattedField'\r\nimport useStyles from \"./AppParameterStyles\";\r\nimport Uploader from \"../../components/Uploader/Uploader\";\r\nimport { UserType } from \"../../dictionaries/userTypes\";\r\nimport FixedAlert from \"../../components/FixedAlert/FixedAlert\";\r\nimport reducer from './AppParameterReducer';\r\nimport Header from \"../../components/Modal/Header/Header\";\r\nimport hubConnection from \"../../utils/hubs/hubConnection\";\r\nimport { WorkingMode } from \"../../dictionaries/workingMode\";\r\nimport { Parameters, ParametersType } from \"../../dictionaries/parameters\";\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogContentText from '@material-ui/core/DialogContentText';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\nimport { sortByField } from \"../../utils/functions/Sorter\"\r\nimport { parseJwtData} from \"../../utils/functions/ParserJwt\"\r\nimport {\r\n setGeneralObjects,\r\n setUserLanguage,\r\n setRegionalFormat,\r\n} from \"../../utils/sessionHandler\";\r\nimport Card from '@material-ui/core/Card';\r\nimport ThresholdsISO from \"../../components/ThresholdsISO/ThresholdsISO\";\r\nimport Button2 from \"../../components/Button2\";\r\n\r\nconst modos = [\r\n {\r\n id: WorkingMode.HTM01,\r\n proteinAlertVisible: false,\r\n proteinActionVisible: false,\r\n proteinUmbralVisible: true,\r\n posProteinUmbral: 5,\r\n posProteinAlert: 6,\r\n posProteinAction: 7\r\n },\r\n {\r\n id: WorkingMode.ISO,\r\n proteinAlertVisible: true,\r\n proteinActionVisible: true,\r\n proteinUmbralVisible: false,\r\n posProteinAlert: 6,\r\n posProteinAction: 7,\r\n posProteinUmbral: 10\r\n }\r\n]\r\n\r\nconst initialState = {\r\n file: null,\r\n disableSave: true, //bloquea botón guardar logo compañía.\r\n disableDelete: false, //bloquea botón eliminar logo.\r\n popUpDeleteFileVisible: false\r\n}\r\nexport default function AppParameter() {\r\n const classes = useStyles();\r\n const loggedUserId = getUserId();\r\n\r\n const locale = useContext(LocalizationContext);\r\n const userType = getUserType();\r\n\r\n const [loadingContente, setLoadingContent] = useState(true);\r\n const [languages, setLanguages] = useState([]);\r\n const [securityModes, setSecurityModes] = useState([]);\r\n const [parameters, setParameters] = useState([]);\r\n const [resettingAllValues, setResettingAllValues] = useState(false);\r\n const [success, setsuccess] = useState(\"\");\r\n const [successWorkingMode, setSuccessWorkingMode] = useState(\"\");\r\n const [error, setError] = useState(\"\");\r\n const [verifyTicketWarning, setVerifyTicketWarning] = useState(false);\r\n const [modal, setModal] = useState({ open: false });\r\n const [savingParametersId, setSavingParametersId] = useState([]);\r\n const [resettingParametersId, setResettingParametersId] = useState([]);\r\n const [workingModes, setWorkingModes] = useState([]);\r\n const [stateFile, dispatch] = useReducer(reducer, initialState);\r\n const [workingModeState, setWorkingModeWarning] = useState({ workingDialogVisible: false });\r\n const [regionalFormats, setRegionalFormats] = useState([]);\r\n const [temperatureUnits, setTemperatureUnits] = useState([]);\r\n\r\n const [connection, setConnection] = useState(null);\r\n\r\n useEffect(() => {\r\n loadLogo()\r\n }, [])\r\n\r\n useEffect(() => {\r\n const newConnection = hubConnection('/hubs/parameter', getToken());\r\n setConnection(newConnection);\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (connection) {\r\n connection.start()\r\n .then(result => {\r\n console.log('Connected!');\r\n // connection.on('ProteinThresholdChanged', message => {\r\n // });\r\n })\r\n .catch(e => console.log('Connection failed: ', e));\r\n }\r\n }, [connection]);\r\n\r\n useEffect(() => {\r\n Promise.all([\r\n request().get(`/api/language/GetEnabledLanguages?userLoggedId=${loggedUserId}`),\r\n request().get(`/api/securitymode/GetByUser?userLoggedId=${loggedUserId}`),\r\n request().get(`/api/workingmode`),\r\n request().get(`/api/appparameter?userLoggedId=${loggedUserId}`),\r\n request().get(`/api/regionalformat/GetRegionalFormatsForLanguage?userLoggedId=${loggedUserId}`),\r\n request().get(`/api/temperatureunit/GetByUser?userLoggedId=${loggedUserId}`),\r\n ])\r\n .then(([languagesData, securityModeData, workingModeData, parametersData, regionalFormatsData, temperatureUnitData]) => {\r\n setLanguages(\r\n languagesData.data.reduce((languagesList, lang) => {\r\n languagesList.push([lang.id, lang.description, lang.enabled]);\r\n return languagesList;\r\n }, [])\r\n );\r\n setSecurityModes(\r\n securityModeData.data.reduce((smList, sm) => {\r\n smList.push([sm.id, sm.description]);\r\n return smList;\r\n }, [])\r\n );\r\n setWorkingModes(\r\n workingModeData.data.reduce((wmList, wm) => {\r\n wmList.push([wm.id, wm.description]);\r\n return wmList;\r\n }, [])\r\n ); \r\n setParameters(updateWorkingMode(parametersData.data));\r\n setRegionalFormats(\r\n regionalFormatsData.data.reduce((regionalFormatsList, regFmt) => {\r\n regionalFormatsList.push([regFmt.languageCode, regFmt.description]);\r\n return regionalFormatsList;\r\n }, [[\"\", t(\"FromLanguageAndCountry\", locale)]])\r\n );\r\n setTemperatureUnits(\r\n temperatureUnitData.data.reduce((tuList, tu) => {\r\n tuList.push([tu.id, tu.description]);\r\n return tuList;\r\n }, [])\r\n );\r\n setLoadingContent(false);\r\n })\r\n .catch(error => console.log(error.response))\r\n }, [loggedUserId]);\r\n\r\n const updateWorkingMode = (parameters) => {\r\n const value = parameters.find(x => x.appParameterType === Parameters.WorkingMode).value;\r\n const modoSeleccionado = modos.find(x => x.id == value);\r\n parameters.forEach((parameter) => {\r\n if (parameter.appParameterType === Parameters.ProteinUmbral) {\r\n parameter.visible = modoSeleccionado.proteinUmbralVisible\r\n parameter.order = modoSeleccionado.posProteinUmbral\r\n } else if (parameter.appParameterType === Parameters.ProteinAlertUmbral) {\r\n parameter.visible = modoSeleccionado.proteinAlertVisible\r\n parameter.order = modoSeleccionado.posProteinAlert\r\n } else if (parameter.appParameterType === Parameters.ProteinActionUmbral) {\r\n parameter.visible = modoSeleccionado.proteinActionVisible\r\n parameter.order = modoSeleccionado.posProteinAction\r\n }\r\n })\r\n sortByField(parameters, \"order\")\r\n return parameters;\r\n }\r\n\r\n const updateData = () => {\r\n request()\r\n .get(`/api/appparameter?userLoggedId=${loggedUserId}`)\r\n .then(response => setParameters(response.data));\r\n };\r\n\r\n const resetDefaultValues = () => {\r\n setModal({ open: false });\r\n setResettingAllValues(true);\r\n\r\n request()\r\n .post(\"/api/appparameter/defaultvalues\", getSession())\r\n .then(response => {\r\n setResettingAllValues(false);\r\n setLoadingContent(true);\r\n\r\n Promise.all([updateData()]).then(() => {\r\n setTimeout(() => {\r\n setLoadingContent(false);\r\n setsuccess(response.data);\r\n setTimeout(() => {\r\n setsuccess(\"\");\r\n }, 3000);\r\n applyTranslation()\r\n }, 500);\r\n });\r\n })\r\n .catch(error => console.log(error.response));\r\n };\r\n\r\n const updateParameterValue = (val, id) => {\r\n val = parseInt(val)\r\n let newParameters = parameters;\r\n for (let i = 0; i < newParameters.length; i++) {\r\n if (newParameters[i].id === id) newParameters[i].value = val;\r\n }\r\n setParameters([...newParameters]);\r\n };\r\n\r\n const updateParameter = (val, id) => {\r\n let param = parameters.find(x => x.id === id)\r\n param.value = val;\r\n setParameters([...parameters])\r\n }\r\n\r\n const applyTranslation = () => {\r\n let jwt = localStorage.getItem(\"__token\")\r\n localStorage.removeItem(\"menuOptions\");\r\n localStorage.removeItem(\"__generalObjects\");\r\n localStorage.removeItem(\"__userLanguage\");\r\n\r\n const screensId = localStorage.getObject(\"screensId\");\r\n screensId &&\r\n Object.keys(screensId).map((id) => localStorage.removeItem(id));\r\n localStorage.removeItem(\"screensId\");\r\n\r\n const payloadFromToken = parseJwtData(jwt);\r\n const userId = payloadFromToken.Id;\r\n\r\n Promise.all([\r\n request().get(\r\n `/api/GeneralObject/getgeneralobjectjson?UserLoggedId=${userId}`\r\n ),\r\n request().get(\r\n `/api/language/GetUserLanguage?userLoggedId=${userId}`\r\n ),\r\n request().get(\r\n `/api/regionalformat/GetByUser?userLoggedId=${userId}`\r\n ),\r\n ])\r\n .then(([generalObjectsData, languageData, regionalFormatData]) => {\r\n setUserLanguage(languageData.data);\r\n setGeneralObjects(generalObjectsData.data);\r\n setRegionalFormat(regionalFormatData.data);\r\n sendHubDateTimeFormat(regionalFormatData.data);\r\n setTimeout(() => {\r\n window.location.reload();\r\n }, 1000)\r\n })\r\n .catch(error => console.log(error?.response?.data?.message))\r\n }\r\n\r\n const applyRegionalFormat = () => {\r\n let jwt = localStorage.getItem(\"__token\")\r\n localStorage.removeItem(\"__regionalFormat\");\r\n\r\n const payloadFromToken = parseJwtData(jwt);\r\n const userId = payloadFromToken.Id;\r\n \r\n request().get(\r\n `/api/regionalformat/GetByUser?userLoggedId=${userId}`\r\n )\r\n .then((regionalFormatData) => {\r\n setRegionalFormat(regionalFormatData.data);\r\n sendHubDateTimeFormat(regionalFormatData.data);\r\n })\r\n .catch(error => console.log(error?.response?.data?.message))\r\n }\r\n\r\n const sendChanges = (param) => {\r\n try {\r\n if (param.appParameterType === Parameters.WorkingMode) {\r\n connection.send('ChangeWorkingMode', param.value);\r\n } else if (param.appParameterType === Parameters.ProteinUmbral) {\r\n connection.send('ChangeProteinThreshold', param.value);\r\n } else if (param.appParameterType === Parameters.TemperatureUnit){\r\n connection.send('ChangeTemperatureUnit', param.value);\r\n }\r\n\r\n }\r\n catch (e) {\r\n console.log(e);\r\n }\r\n }\r\n\r\n const sendHubDateTimeFormat = (data) => {\r\n try {\r\n if (connection.connectionStarted) {\r\n connection.send('ChangeDateTimeFormat', data.dateFormat, data.timeFormat);\r\n }\r\n }\r\n catch (e) {\r\n console.log(e);\r\n }\r\n }\r\n\r\n const handleSaveParameter = id => {\r\n let AppParameter = parameters.find(p => p.id === id)\r\n setSavingParametersId(savingParametersId.concat(id));\r\n request()\r\n .put(\"/api/appparameter\", { UserLogged: getSession(), AppParameter })\r\n .then(async response => {\r\n if (connection.connectionStarted) {\r\n sendChanges(AppParameter)\r\n }\r\n setTimeout(() => {\r\n if (AppParameter.appParameterType === Parameters.WorkingMode) {\r\n setParameters(updateWorkingMode(parameters))\r\n }\r\n setSavingParametersId(savingParametersId.filter(p => p.id !== id));\r\n if (AppParameter.appParameterType === Parameters.WorkingMode\r\n || AppParameter.appParameterType === Parameters.ProteinUmbral) {\r\n setSuccessWorkingMode(response.data);\r\n setTimeout(() => {\r\n setSuccessWorkingMode(\"\");\r\n }, 3000);\r\n } else {\r\n setsuccess(response.data);\r\n setTimeout(() => {\r\n setsuccess(\"\");\r\n }, 3000);\r\n }\r\n if (AppParameter.appParameterType === Parameters.CompanyLanguage) {\r\n //al modificar el idioma aplica las traducciones correspondientes.\r\n applyTranslation()\r\n }\r\n if (AppParameter.appParameterType === Parameters.RegionalFormat) {\r\n //al modificar la región, actualiza el local storage\r\n applyRegionalFormat();\r\n }\r\n }, 500);\r\n })\r\n .catch(error => {\r\n console.log(error?.response?.data?.message)\r\n if (AppParameter.appParameterType === Parameters.WorkingMode || AppParameter.appParameterType === Parameters.ProteinUmbral ||\r\n AppParameter.appParameterType === Parameters.ProteinAlertUmbral || AppParameter.appParameterType === Parameters.ProteinActionUmbral) {\r\n setError(error?.response?.data?.message);\r\n setSavingParametersId([]);\r\n setTimeout(() => {\r\n setError(\"\");\r\n }, 7500);\r\n }\r\n })\r\n };\r\n\r\n const handleResetParameter = id => {\r\n setModal({ open: false }); \r\n setResettingParametersId(resettingParametersId.concat(id));\r\n let AppParameter = parameters.find(p => p.id === id)\r\n request()\r\n .post(\"/api/appparameter/defaultvalue\", { UserLogged: getSession(), AppParameter })\r\n .then(response => {\r\n Promise.all([\r\n request().get(`/api/appparameter?userLoggedId=${loggedUserId}`)\r\n ]).then(([newParameters]) => {\r\n let paramsUpdated = parameters.reduce((parametersList, parameter) => {\r\n parameter.id === id\r\n ? parametersList.push(\r\n newParameters.data.find(np => np.id === id)\r\n )\r\n : parametersList.push(parameter);\r\n return parametersList;\r\n }, [])\r\n setParameters(updateWorkingMode(paramsUpdated))\r\n setTimeout(() => {\r\n setResettingParametersId(\r\n resettingParametersId.filter(p => p.id !== id)\r\n );\r\n setsuccess(response.data);\r\n setTimeout(() => {\r\n setsuccess(\"\");\r\n }, 3000);\r\n if (AppParameter.appParameterType === Parameters.CompanyLanguage) {\r\n applyTranslation()\r\n }\r\n if (AppParameter.appParameterType === Parameters.RegionalFormat) {\r\n applyRegionalFormat();\r\n }\r\n if (AppParameter.appParameterType === Parameters.TemperatureUnit) {\r\n if (connection.connectionStarted) {\r\n let updatedParam = paramsUpdated.find(p => p.id === id)\r\n connection.send('ChangeTemperatureUnit', parseInt(updatedParam.value));\r\n }\r\n }\r\n }, 500);\r\n });\r\n })\r\n .catch(error => console.log(error.response));\r\n };\r\n\r\n const footer = (\r\n \r\n
\r\n );\r\n\r\n const resolveTranslation = (parameter) => {\r\n let translation;\r\n switch (parameter.appParameterType) {\r\n case Parameters.CompanySecurityMode:\r\n translation = t(\"CompanySecurityModeLabel\", locale)\r\n break;\r\n case Parameters.CompanyLanguage:\r\n translation = t(\"CompanyLanguageLabel\", locale)\r\n break;\r\n case Parameters.DaysLicenseExpiration:\r\n translation = t(\"DaysForLicenseExpirationNotificationLabel\", locale)\r\n break;\r\n case Parameters.ProteinUmbral:\r\n translation = t(\"ProteinUmbralLabel\", locale) + \" [μg]\"\r\n break;\r\n case Parameters.WorkingMode:\r\n translation = t(\"ModeLabel\", locale)\r\n break;\r\n case Parameters.ProteinAlertUmbral:\r\n translation = t(\"ProteinAlertUmbralLabel\", locale) + \" [μg/cm²]\"\r\n break;\r\n case Parameters.ProteinActionUmbral:\r\n translation = t(\"ProteinActionUmbralLabel\", locale) + \" [μg/cm²]\"\r\n break;\r\n case Parameters.RegionalFormat:\r\n translation = t(\"RegionalFormat\", locale)\r\n break;\r\n case Parameters.TemperatureUnit:\r\n translation = t(\"TemperatureModeLabel\", locale)\r\n }\r\n return translation\r\n }\r\n\r\n const loadLogo = async () => {\r\n dispatch({ type: \"LOADING\" })\r\n const fileCompany = await request().get(`/api/companyfile/${getUserCompany().Id}`);\r\n if (fileCompany.data) {\r\n dispatch({ type: \"SET_DBFILE\", payload: { dbFile: fileCompany.data.logo } })\r\n dispatch({ type: \"SET_FILE\", payload: { id: fileCompany.data.id, file: fileCompany.data.logo } })\r\n } else {\r\n dispatch({ type: \"DISABLE_DELETEBUTTON\" })\r\n dispatch({ type: \"CLEAR\" })\r\n }\r\n dispatch({ type: \"LOADED\" })\r\n }\r\n\r\n const saveLogo = async () => {\r\n dispatch({ type: 'LOADING' })\r\n const formData = {\r\n CompanyFile: {\r\n Id: stateFile.id,\r\n CompanyId: getUserCompany().Id,\r\n Logo: stateFile.file\r\n }\r\n }\r\n try {\r\n const result = await request().put(`/api/companyfile`, formData);\r\n dispatch({ type: 'LOADED' })\r\n dispatch({ type: 'SET_DBFILE', payload: { dbFile: stateFile.file } })\r\n dispatch({ type: 'SET_ALERT', payload: { type: 'success', alertText: result.data } })\r\n dispatch({ type: \"DISABLE_SAVEBUTTON\" })\r\n dispatch({ type: \"ENABLE_DELETEBUTTON\" })\r\n } catch (error) {\r\n dispatch({ type: 'SET_ALERT', payload: { type: 'error', alertText: error?.response?.data?.message } })\r\n dispatch({ type: \"DISABLE_SAVEBUTTON\" })\r\n dispatch({ type: \"DISABLE_DELETEBUTTON\" })\r\n loadLogo();\r\n }\r\n }\r\n\r\n const handleAlertISOThresholds = (response) => {\r\n if (response.type === \"error\") {\r\n setError(response.msg)\r\n setTimeout(() => {\r\n setError(\"\");\r\n }, 4500);\r\n } else if (response.type === \"success\") {\r\n setSuccessWorkingMode(response.msg);\r\n setTimeout(() => {\r\n setSuccessWorkingMode(\"\");\r\n }, 4500);\r\n }\r\n }\r\n\r\n if (loadingContente) return \r\n {success && (\r\n
\r\n\r\n\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n {success}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n setModal({\r\n open: true,\r\n header: t(\"ResetAllValuesButton\", locale),\r\n body: t(\"ResetAllValuesConfirmation\", locale),\r\n action: resetDefaultValues\r\n })\r\n }\r\n caption={t(\"ResetAllValuesButton\", locale)}\r\n loading={resettingAllValues}\r\n loadingText={t(\"ResettingAllValuesText\", locale)}\r\n />\r\n {parameters.map(p => {\r\n if (p.appParameterType !== Parameters.WorkingMode && p.appParameterType !== Parameters.ProteinUmbral &&\r\n p.appParameterType !== Parameters.ProteinAlertUmbral && p.appParameterType !== Parameters.ProteinActionUmbral) {\r\n if (p.fieldType === ParametersType.Float) {\r\n return (\r\n \r\n
\r\n \r\n {t(\"ParametersTitle\", locale)}\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n if (p.fieldType === ParametersType.Enum) {\r\n return (\r\n \r\n handleSaveParameter(p.id)}\r\n caption={t(\"SaveButton\", locale)}\r\n loading={savingParametersId.includes(p.id)}\r\n loadingText={t(\"SavingText\", locale)}\r\n disabled={\r\n p.disabled ||\r\n resettingAllValues ||\r\n resettingParametersId.includes(p.id)\r\n }\r\n />\r\n \r\n setModal({\r\n open: true,\r\n header: p.appParameterTypeDescription,\r\n body: t(\"ResetDefaultValueConfirmation\", locale),\r\n action: () => handleResetParameter(p.id)\r\n })\r\n }\r\n loading={resettingParametersId.includes(p.id)}\r\n loadingText={t(\"ResettingValueText\", locale)}\r\n disabled={\r\n resettingAllValues ||\r\n savingParametersId.includes(p.id)\r\n }\r\n />\r\n
\r\n \r\n updateParameterValue(val, p.id)}\r\n options={\r\n p.appParameterType === Parameters.CompanySecurityMode\r\n ? securityModes\r\n : p.appParameterType === Parameters.TemperatureUnit\r\n ? temperatureUnits\r\n : languages\r\n }\r\n noError={true}\r\n variant={\"outlined\"}\r\n disabled={\r\n resettingAllValues ||\r\n savingParametersId.includes(p.id) ||\r\n resettingParametersId.includes(p.id)\r\n }\r\n />\r\n
\r\n );\r\n }\r\n if (p.fieldType === ParametersType.String && p.appParameterType === Parameters.RegionalFormat) {\r\n return (\r\n \r\n handleSaveParameter(p.id)}\r\n caption={t(\"SaveButton\", locale)}\r\n loading={savingParametersId.includes(p.id)}\r\n loadingText={t(\"SavingText\", locale)}\r\n disabled={\r\n resettingAllValues ||\r\n resettingParametersId.includes(p.id)\r\n }\r\n />\r\n \r\n setModal({\r\n open: true,\r\n header: p.appParameterTypeDescription,\r\n body: t(\"ResetDefaultValueConfirmation\", locale),\r\n action: () => handleResetParameter(p.id)\r\n })\r\n }\r\n loading={resettingParametersId.includes(p.id)}\r\n loadingText={t(\"ResettingValueText\", locale)}\r\n disabled={\r\n resettingAllValues ||\r\n savingParametersId.includes(p.id)\r\n }\r\n />\r\n
\r\n \r\n updateParameter(val, p.id)}\r\n options={regionalFormats}\r\n noError={true}\r\n variant={\"outlined\"}\r\n disabled={\r\n resettingAllValues ||\r\n savingParametersId.includes(p.id) ||\r\n resettingParametersId.includes(p.id)\r\n }\r\n />\r\n
\r\n );\r\n }\r\n return (\r\n \r\n handleSaveParameter(p.id)}\r\n caption={t(\"SaveButton\", locale)}\r\n loading={savingParametersId.includes(p.id)}\r\n loadingText={t(\"SavingText\", locale)}\r\n disabled={\r\n resettingAllValues ||\r\n resettingParametersId.includes(p.id)\r\n }\r\n />\r\n \r\n setModal({\r\n open: true,\r\n header: p.appParameterTypeDescription,\r\n body: t(\"ResetDefaultValueConfirmation\", locale),\r\n action: () => handleResetParameter(p.id)\r\n })\r\n }\r\n loading={resettingParametersId.includes(p.id)}\r\n loadingText={t(\"ResettingValueText\", locale)}\r\n disabled={\r\n resettingAllValues ||\r\n savingParametersId.includes(p.id)\r\n }\r\n />\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n })}\r\n {\r\n userType == UserType.Administrator &&\r\n \r\n handleSaveParameter(p.id)}\r\n caption={t(\"SaveButton\", locale)}\r\n loading={savingParametersId.includes(p.id)}\r\n loadingText={t(\"SavingText\", locale)}\r\n disabled={\r\n p.disabled ||\r\n resettingAllValues ||\r\n resettingParametersId.includes(p.id)\r\n }\r\n />\r\n \r\n setModal({\r\n open: true,\r\n header: p.appParameterTypeDescription,\r\n body: t(\"ResetDefaultValueConfirmation\", locale),\r\n action: () => handleResetParameter(p.id)\r\n })\r\n }\r\n loading={resettingParametersId.includes(p.id)}\r\n loadingText={t(\"ResettingValueText\", locale)}\r\n disabled={\r\n resettingAllValues || savingParametersId.includes(p.id)\r\n }\r\n />\r\n
\r\n \r\n { dispatch({ type: \"CLOSE_ALERT\" }) }}> \r\n
\r\n }\r\n \r\n saveLogo()}\r\n caption={t(\"SaveButton\", locale)}\r\n loading={stateFile.loading}\r\n loadingText={t(\"SavingText\", locale)}\r\n disabled={stateFile.loading || stateFile.disableSave}\r\n />\r\n {\r\n dispatch({ type: 'SHOW_DELETE_MODAL' })\r\n }}\r\n />\r\n
\r\n \r\n {error && (\r\n
\r\n\r\n\r\n {modal.open && (\r\n \r\n
\r\n )}\r\n {verifyTicketWarning && (\r\n \r\n
\r\n {error}
\r\n \r\n
\r\n )}\r\n {successWorkingMode && (\r\n \r\n
\r\n \r\n {t(\"VerifyWorkingModeTicket\", locale)}\r\n
\r\n \r\n { setVerifyTicketWarning(false) }}\r\n caption={t(\"Close\")}\r\n isVerticalMargined={true}\r\n color={\"secondaryColor\"}\r\n />\r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n {successWorkingMode}
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {t(\"WorkingModeTitle\", locale)}\r\n
\r\n {parameters.map(p => {\r\n if (p.appParameterType === Parameters.WorkingMode || p.appParameterType === Parameters.ProteinUmbral ||\r\n p.appParameterType === Parameters.ProteinAlertUmbral || p.appParameterType === Parameters.ProteinActionUmbral) {\r\n if (p.fieldType === ParametersType.Float && p.appParameterType === Parameters.ProteinAlertUmbral) {\r\n let actionThreshold = parameters.find(x => x.appParameterType === Parameters.ProteinActionUmbral);\r\n let objectsArray = [p, actionThreshold];\r\n let translationObjects = [resolveTranslation(p), resolveTranslation(actionThreshold)]\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n } else if (p.fieldType === ParametersType.Float && p.appParameterType !== Parameters.ProteinActionUmbral) {\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n if (p.fieldType === ParametersType.Enum) {\r\n return (\r\n \r\n handleSaveParameter(p.id)}\r\n caption={t(\"SaveButton\", locale)}\r\n loading={savingParametersId.includes(p.id)}\r\n loadingText={t(\"SavingText\", locale)}\r\n disabled={\r\n p.disabled ||\r\n resettingAllValues ||\r\n resettingParametersId.includes(p.id)\r\n }\r\n />\r\n \r\n setModal({\r\n open: true,\r\n header: p.appParameterTypeDescription,\r\n body: t(\"ResetDefaultValueConfirmation\", locale),\r\n action: () => handleResetParameter(p.id)\r\n })\r\n }\r\n loading={resettingParametersId.includes(p.id)}\r\n loadingText={t(\"ResettingValueText\", locale)}\r\n disabled={\r\n resettingAllValues ||\r\n savingParametersId.includes(p.id)\r\n }\r\n />\r\n
\r\n \r\n updateParameterValue(val, p.id)}\r\n options={ workingModes }\r\n noError={true}\r\n variant={\"outlined\"}\r\n disabled={\r\n resettingAllValues ||\r\n savingParametersId.includes(p.id) ||\r\n resettingParametersId.includes(p.id)\r\n }\r\n />\r\n
\r\n );\r\n }\r\n }\r\n })}\r\n \r\n {\r\n if (p.appParameterType == Parameters.WorkingMode)\r\n setWorkingModeWarning({ workingDialogVisible: true, ParameterId: p.id })\r\n else\r\n handleSaveParameter(p.id)\r\n }}\r\n caption={t(\"SaveButton\", locale)}\r\n loading={savingParametersId.includes(p.id)}\r\n loadingText={t(\"SavingText\", locale)}\r\n disabled={\r\n resettingAllValues ||\r\n resettingParametersId.includes(p.id)\r\n }\r\n />\r\n \r\n setModal({\r\n open: true,\r\n header: p.appParameterTypeDescription,\r\n body: t(\"ResetDefaultValueConfirmation\", locale),\r\n action: () => handleResetParameter(p.id)\r\n })\r\n }\r\n loading={resettingParametersId.includes(p.id)}\r\n loadingText={t(\"ResettingValueText\", locale)}\r\n disabled={\r\n resettingAllValues ||\r\n savingParametersId.includes(p.id)\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n )}\r\n {stateFile.popUpDeleteFileVisible && (\r\n \r\n
\r\n \r\n {modal.body}\r\n
\r\n \r\n dispatch({ type: 'CLOSE_MODAL' })} />\r\n {\r\n try {\r\n const response = await request().delete(`/api/CompanyFile`, getUserCompany().id);\r\n dispatch({ type: 'SET_ALERT', payload: { type: 'success', alertText: response.data, clearFileSelected: true } })\r\n dispatch({ type: 'SET_DBFILE', payload: { dbFile: undefined } })\r\n dispatch({ type: \"DISABLE_DELETEBUTTON\" })\r\n } catch (error) {\r\n dispatch({ type: 'SET_ALERT', payload: { type: 'error', alertText: error?.response?.data?.message, clearFileSelected: false } })\r\n }\r\n }} />\r\n
\r\n }\r\n closeModal={() => setModal({ open: false })}\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {t(\"DeleteConfirmationText\")}{\" \" + t(\"CompanyLogoLabel\", locale) + \"?\"}\r\n
\r\n \r\n \r\n 0 ? 80 : 5,\r\n left: 13,\r\n bottom: 5,\r\n }}\r\n >\r\n {xAxisLabel}}\r\n />\r\n )}\r\n\r\n {yAxisLabel}} />\r\n \r\n {line.map((l,index) => (\r\n (index+1)!==line.length ?\r\n (index+1)!==line.length ?line[index].label : null }\r\n verticalAlign=\"top\"\r\n />\r\n {data.length > 0 && (\r\n \r\n
\r\n );\r\n}\r\n\r\nconst CustomTooltip = ({ active, payload, label, line }) => {\r\n if (active) {\r\n line.map(\r\n (l) =>\r\n l.excludeTooltip &&\r\n l.excludeTooltip.map(\r\n (point) =>\r\n label === point &&\r\n (payload = payload.filter((x) => x.name !== l.key))\r\n )\r\n );\r\n return (\r\n \r\n {t.label}: {payload[0].payload[t.value]}\r\n
\r\n );\r\n};\r\n","import Chart from './Chart';\r\n\r\nexport default Chart;","import { makeStyles, createStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n root: {\r\n padding: 8,\r\n display: 'inline-flex',\r\n position: 'relative',\r\n flexDirection: 'column',\r\n verticalAlign: 'top',\r\n width: '100%',\r\n fontFamily:\"Montserrat\",\r\n // margin:'0px 15px'\r\n margin:\"25px 0px 0px 25px\"\r\n },\r\n root2 :{\r\n padding: 8,\r\n display: 'inline-flex',\r\n position: 'relative',\r\n flexDirection: 'column',\r\n verticalAlign: 'top',\r\n width: '100%',\r\n fontFamily:\"Montserrat\",\r\n margin:\"25px 0px 0px 25px\"\r\n },\r\n\r\n selectLabel: {\r\n color: 'rgba(0,0,0,0.54)',\r\n margin: 0,\r\n position: 'absolute',\r\n fontSize: '0.75rem',\r\n lineHeight: 1,\r\n letterSpacing: '0.00938em',\r\n pointerEvents: 'none',\r\n zIndex: 1,\r\n },\r\n\r\n linkLabel: {\r\n color: 'rgba(0,0,0,0.54)',\r\n fontSize: '0.75rem'\r\n },\r\n\r\n selectBaseRoot: {\r\n cursor: 'pointer',\r\n border: 0,\r\n height: '1.1875em',\r\n outline: 0,\r\n padding: '6px 0 7px',\r\n boxSizing: 'content-box',\r\n marginTop: 16,\r\n borderBottom: '1px solid rgba(0, 0, 0, 0.42)',\r\n\r\n WebkitAppearance: 'none',\r\n lineHeight: 'normal',\r\n zIndex: 1,\r\n backgroundColor: 'transparent',\r\n\r\n '&:hover ~ $outline': {\r\n borderColor: 'rgba(0,0,0,0.87)'\r\n },\r\n\r\n '&:focus ~ $outline': {\r\n borderColor: `${theme.palette.terragene.darkMain}!important`,\r\n borderWidth: 2,\r\n },\r\n\r\n '&:focus ~ $selectLabel': {\r\n color: `${theme.palette.terragene.darkMain}!important`,\r\n }\r\n },\r\n\r\n disabled: {\r\n '& $selectBaseRoot': {\r\n cursor: 'auto'\r\n }\r\n },\r\n\r\n errorMessage: {\r\n color: theme.palette.terragene.requiredField,\r\n margin: 0,\r\n fontSize: '0.75em',\r\n marginTop: 8,\r\n minHeight: '1em',\r\n textAlign: 'left',\r\n lineHeight: '1em',\r\n letterSpacing: '0.03333em'\r\n },\r\n\r\n outline: {\r\n top: 13,\r\n left: 0,\r\n right: 0,\r\n bottom: 27,\r\n margin: 0,\r\n padding: 0,\r\n position: 'absolute',\r\n transition: 'padding-left 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\r\n borderColor: 'rgba(0,0,0,0.23)',\r\n borderStyle: 'solid',\r\n borderWidth: 1,\r\n borderRadius: 4,\r\n pointerEvents: 'none',\r\n },\r\n\r\n outlinedRoot: {\r\n '& $selectLabel': {\r\n backgroundColor: '#f7f7f7',\r\n display: 'block',\r\n padding: '0 5px',\r\n position: 'absolute',\r\n },\r\n\r\n '& $selectBaseRoot': {\r\n padding: '12.5px 13px 10.5px 2px',\r\n borderBottom: 'none',\r\n marginTop: 6,\r\n }\r\n },\r\n\r\n outlinedNoError: {\r\n height: 44\r\n },\r\n\r\n adorment: {\r\n width: 24,\r\n height: 24,\r\n position: 'absolute',\r\n top: 24,\r\n right: 7,\r\n cursor: 'pointer'\r\n }\r\n}))","import Select2 from './Select2';\r\n\r\nexport default Select2;","import React, { useEffect, useCallback } from \"react\";\r\n\r\nimport useStyles from \"./Select2Styles\";\r\nimport classnames from \"classnames\";\r\n\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\n\r\nexport default function Select2(props) {\r\n const classes = useStyles();\r\n\r\n const {\r\n value,\r\n label,\r\n variant = \"standard\",\r\n disabled,\r\n getIndex = false,\r\n getObject = false,\r\n nullable = false,\r\n options,\r\n uniqueIdentifier,\r\n onChange,\r\n msgTooltip,\r\n focused\r\n } = props;\r\n\r\n const checkUniqueIdentifier = useCallback(() => {\r\n for (let i = 0; i < options.length; i++) {\r\n if (options[i][2] && uniqueIdentifier) {\r\n if (options[i][2] === uniqueIdentifier.toString()) {\r\n onChange(i);\r\n }\r\n }\r\n }\r\n }, [options, uniqueIdentifier, onChange]);\r\n\r\n useEffect(() => {\r\n checkUniqueIdentifier();\r\n }, [uniqueIdentifier, checkUniqueIdentifier]);\r\n\r\n useEffect(() => {\r\n if (options.length === 1 && options[0][0] !== null){\r\n onChange(options[0][0])\r\n }\r\n }, [])\r\n\r\n const adorment = () => {\r\n if (value !== \"\" && value !== null && nullable) {\r\n return (\r\n{props.error}
}\r\n \r\n{props.error}
}\r\n \r\n );\r\n }\r\n}\r\n","import AppRPE from './AppRPE';\r\n\r\nexport default AppRPE;","import React, { useState, useEffect, useContext } from \"react\";\r\nimport {\r\n getUserCompany,\r\n getUserId,\r\n getSession,\r\n} from \"../../utils/sessionHandler\";\r\nimport request from \"../../utils/request\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport t from \"../../utils/translation\";\r\n\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport Chart from \"../../components/Chart\";\r\nimport Select2 from \"../../components/Select2\";\r\nimport DateInput from \"../../components/DateInput/DateInput\";\r\nimport Input from \"../../components/Input\";\r\nimport Button from \"../../components/Button\";\r\nimport CircularProgress from \"../../components/CircularProgress\";\r\nimport classNames from \"classnames\";\r\nimport Button2 from \"../../components/Button2\";\r\n\r\nconst formatSelectObject = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([\r\n object.id,\r\n object.description || object.toString,\r\n object.brand,\r\n object.serial,\r\n ]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\n\r\nexport default function AppRPE() {\r\n const locale = useContext(LocalizationContext);\r\n\r\n const [contentLoading, setContentLoading] = useState(true);\r\n const [data, setData] = useState([]);\r\n const [SRPLevel, setSRPLevel] = useState(null);\r\n const [sterilizers, setSterilizers] = useState(null);\r\n const [selectedSterilizer, setSelectedSterilizer] = useState(\"\");\r\n const [dateFrom, setDateFrom] = useState(null);\r\n const [dateTo, setDateTo] = useState(null);\r\n const [loadingChartData, setLoadingChartData] = useState(false);\r\n\r\n const [calculateSterilizer, setCalculateSterilizer] = useState(\"\");\r\n const [cicle, setCicle] = useState(null);\r\n const [calculatingRPE, setCalculatingRPE] = useState(false);\r\n const [rpeResponse, setRpeResponse] = useState(null);\r\n\r\n const [showChart, setShowChart] = useState(false);\r\n const [requiredErrors, setRequiredErrors] = useState({});\r\n const [activeOption, setActiveOption] = useState(\"graphic\");\r\n const [specialTranslations, setSpecialTranslations] = useState(null);\r\n\r\n\r\n useEffect(() => {\r\n const sectorId = getSession().SectorId || 0\r\n Promise.all([\r\n request().get(`/api/appparameter/getbytype?userLoggedId=${getUserId()}&appParameterTypeId=4`),\r\n request().get(`/api/Sterilizer/GetByUserLogged`),\r\n request().get(`/api/RPE/limitsTranslations`),\r\n ])\r\n .then(([parameter, sterilizersData, translations]) => {\r\n var date = new Date();\r\n var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);\r\n var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0, 23, 59, 59);\r\n setDateFrom(firstDay)\r\n setDateTo(lastDay)\r\n setSRPLevel(parseInt(parameter.data.value));\r\n setSterilizers(\r\n formatSelectObject(\r\n sterilizersData.data,\r\n t(\"ChooseASterilizerText\", locale)\r\n )\r\n );\r\n setContentLoading(false);\r\n setSpecialTranslations(translations.data);\r\n })\r\n .catch((error) => console.log(error));\r\n }, [locale]);\r\n\r\n useEffect(() => {\r\n setRequiredErrors({});\r\n setShowChart(false);\r\n }, [selectedSterilizer, dateFrom, dateTo]);\r\n\r\n const validateRequiredFieldsChart = () => {\r\n let errors = {};\r\n\r\n if (!selectedSterilizer)\r\n errors.selectedSterilizer = t(\"RequiredFieldError\");\r\n if (!dateFrom) errors.dateFrom = t(\"RequiredFieldError\");\r\n if (!dateTo) errors.dateTo = t(\"RequiredFieldError\");\r\n\r\n return errors;\r\n };\r\n\r\n const generateChart = () => {\r\n const errors = validateRequiredFieldsChart();\r\n console.log(errors);\r\n\r\n if (Object.keys(errors).length > 0) {\r\n setRequiredErrors(errors);\r\n } else {\r\n setRequiredErrors({});\r\n setLoadingChartData(true);\r\n setShowChart(false);\r\n request()\r\n .post(\"/api/RPE/calculateSPRgraphics\", {\r\n Sterilizer: { Id: sterilizers[selectedSterilizer][0] },\r\n DateFrom: dateFrom.toISOString(),\r\n DateTo: dateTo.toISOString(),\r\n UserLogged: getSession(),\r\n })\r\n .then((response) => {\r\n setLoadingChartData(false);\r\n setShowChart(true);\r\n setData(response.data);\r\n })\r\n .catch((error) => {\r\n setLoadingChartData(false);\r\n setShowChart(false);\r\n setRpeResponse(error?.response?.data?.message);\r\n });\r\n }\r\n };\r\n\r\n const validateRequiredFieldsCalculate = () => {\r\n let errors = {};\r\n\r\n if (!calculateSterilizer)\r\n errors.calculateSterilizer = t(\"RequiredFieldError\");\r\n if (!cicle) errors.cicle = t(\"RequiredFieldError\");\r\n\r\n return errors;\r\n };\r\n\r\n const calculateRPE = () => {\r\n const errors = validateRequiredFieldsCalculate();\r\n setRequiredErrors({});\r\n if (Object.keys(errors).length > 0) {\r\n setRequiredErrors(errors);\r\n } else {\r\n setCalculatingRPE(true);\r\n setRpeResponse(null);\r\n request()\r\n .post(\"/api/RPE/calculateRPE\", {\r\n Sterilizer: { Id: calculateSterilizer },\r\n Cicle: cicle,\r\n UserLogged: getSession(),\r\n })\r\n .then((response) => {\r\n setRpeResponse({ type: \"success\", data: response.data });\r\n setCalculatingRPE(false);\r\n })\r\n .catch((error) => {\r\n setRpeResponse({\r\n type: \"danger\",\r\n message: error?.response?.data?.message,\r\n });\r\n setCalculatingRPE(false);\r\n });\r\n }\r\n };\r\n\r\n const clearFields = (option) => {\r\n setSelectedSterilizer(\"\");\r\n setDateFrom(null);\r\n setDateTo(null);\r\n setCalculateSterilizer(\"\");\r\n setCicle(null);\r\n setShowChart(false);\r\n setLoadingChartData(false);\r\n setCalculatingRPE(false);\r\n setRpeResponse(null);\r\n setRequiredErrors({});\r\n setActiveOption(option);\r\n };\r\n\r\n if (contentLoading) return\r\n {activeOption === \"graphic\" && rpeResponse && (\r\n
\r\n )}\r\n\r\n {loadingChartData && activeOption === \"graphic\" && (\r\n \r\n
\r\n )}\r\n\r\n {activeOption === \"graphic\" && (\r\n \r\n
\r\n \r\n {rpeResponse}\r\n
\r\n \r\n
\r\n \r\n setSelectedSterilizer(val)}\r\n variant=\"outlined\"\r\n error={requiredErrors.selectedSterilizer}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setDateFrom(val._d)}\r\n label={t(\"DateFromLabel\", locale)}\r\n variant=\"outlined\"\r\n disabled={loadingChartData}\r\n gutter=\"38px 0px 0px 25px\"\r\n error={requiredErrors.dateFrom}\r\n />\r\n
\r\n \r\n setDateTo(val.endOf('day')._d)}\r\n label={t(\"DateToLabel\", locale)}\r\n variant=\"outlined\"\r\n disabled={loadingChartData}\r\n gutter=\"38px 0px 0px 25px\"\r\n error={requiredErrors.dateTo}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n\r\n {showChart && activeOption === \"graphic\" && (\r\n \r\n
\r\n )}\r\n\r\n {activeOption === \"calculate\" && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n}\r\n","import DateInput from './DateInput';\r\n\r\nexport default DateInput;","export const ChartModel = {\r\n Individual: 0,\r\n MovingRange: 1,\r\n XBAR: 2,\r\n Range: 3\r\n}","export default function reducer(state, action) {\r\n switch (action.type) {\r\n case \"SET_CONTENTLOADING\": {\r\n return {\r\n ...state,\r\n pageContentLoading: action.payload,\r\n };\r\n }\r\n case \"SET_WASHERS\": {\r\n return {\r\n ...state,\r\n washers: action.payload,\r\n };\r\n }\r\n case \"SET_CHARTMODELS\": {\r\n return {\r\n ...state,\r\n chartModels: action.payload,\r\n };\r\n }\r\n case \"SELECT_WASHER\": {\r\n return {\r\n ...state,\r\n selectedWasher: action.payload,\r\n chartData: []\r\n };\r\n }\r\n case \"SELECT_CHARTMODEL\": {\r\n return {\r\n ...state,\r\n selectedChartModel: action.payload,\r\n chartData: [],\r\n };\r\n }\r\n case \"SET_DATEFROM\": {\r\n return {\r\n ...state,\r\n dateFrom: action.payload,\r\n chartData: [],\r\n };\r\n }\r\n case \"SET_DATETO\": {\r\n return {\r\n ...state,\r\n dateTo: action.payload,\r\n chartData: [],\r\n };\r\n }\r\n case \"SET_MEASUREMENTSGROUPING\": {\r\n return {\r\n ...state,\r\n measurementGrouping:\r\n action.payload.measurementGrouping === \"0\"\r\n ? 1\r\n : action.payload.measurementGrouping > 10\r\n ? 10\r\n : action.payload.measurementGrouping,\r\n selectedChartModel: action.payload.newChartModel,\r\n chartData: [],\r\n };\r\n }\r\n case \"SET_CHARTDATA\": {\r\n return {\r\n ...state,\r\n chartData: action.payload,\r\n };\r\n }\r\n case \"SET_IGNOREDREADINGS\": {\r\n return {\r\n ...state,\r\n countIgnoredReadings: action.payload,\r\n };\r\n }\r\n case \"CLOSE_ERROR\": {\r\n return {\r\n ...state,\r\n countIgnoredReadings: 0,\r\n };\r\n }\r\n default:\r\n throw new Error();\r\n }\r\n }\r\n ","import { makeStyles, createStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n root: {\r\n display: 'inline-flex',\r\n position: 'relative',\r\n flexDirection: 'column',\r\n verticalAlign: 'top',\r\n fontFamily:\"Montserrat\",\r\n },\r\n\r\n fullwidth: {\r\n width: '100%'\r\n },\r\n\r\n inputLabel: {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n zIndex: 1,\r\n transform: 'translate(0, 24px) scale(1)',\r\n display: 'block',\r\n transformOrigin: 'top left',\r\n transition: 'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\r\n color: 'rgba(01,0,0,0.54)', \r\n lineHeight: '1',\r\n letterSpacing: '0.00938em',\r\n margin: 0,\r\n pointerEvents: 'none',\r\n padding: '0 5px',\r\n \r\n },\r\n\r\n inputLabelDark: {\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n zIndex: 1,\r\n transform: 'translate(-2px, 0px) scale(0.75)',\r\n display: 'block',\r\n transformOrigin: 'top left',\r\n transition: 'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\r\n color: 'white',\r\n lineHeight: '1',\r\n letterSpacing: '0.00938em',\r\n margin: 0,\r\n pointerEvents: 'none',\r\n padding: '0 5px'\r\n },\r\n\r\n inputLabelOutlined :{\r\n transform: 'translate(14px, 20px) scale(1)',\r\n },\r\n\r\n focused: {\r\n '& $inputLabel': {\r\n color: theme.palette.terragene.darkMain,\r\n },\r\n\r\n '& $inputOutline': {\r\n borderColor: `${theme.palette.terragene.darkSecondary}!important`,\r\n borderWidth: 2,\r\n },\r\n\r\n '& $inputUnderline::after': {\r\n transform: 'scaleX(1)',\r\n },\r\n },\r\n\r\n inputLabelShrink: {\r\n '& $inputLabel': {\r\n transform: 'translate(0, 1.5px) scale(0.75)'\r\n },\r\n \r\n '& $inputLabelOutlined': {\r\n transform: 'translate(14px, -6px) scale(0.75)'\r\n },\r\n },\r\n\r\n inputLabelShrinkBright: {\r\n '& $inputLabel': {\r\n transform: 'translate(0, 1.5px) scale(0.75)',\r\n color: 'white'\r\n },\r\n \r\n '& $inputLabelOutlined': {\r\n transform: 'translate(14px, -6px) scale(0.75)',\r\n color: 'white'\r\n },\r\n },\r\n\r\n inputBaseRoot: {\r\n position: 'relative',\r\n color: 'rgba(10, 0, 0, 0.87)',\r\n display: 'inline-flex',\r\n fontSize: '1rem',\r\n fontFamily: 'Montserrat',\r\n boxSizing: 'border-box',\r\n alignItems: 'center', \r\n lineHeight: '1.1875em',\r\n fontWeight:\"medium\",\r\n\r\n \r\n '&:hover $inputOutline': {\r\n borderColor: 'rgba(0,0,0,0.87)',\r\n }\r\n },\r\n \r\n inputBaseInput: {\r\n width: '100%',\r\n border: 0,\r\n outline: 0,\r\n height: '1.1875em',\r\n margin: 0,\r\n display: 'block',\r\n padding: '6px 0 7px',\r\n minWidth: 0,\r\n boxSizing: 'content-box',\r\n marginTop: 16,\r\n textOverflow: 'ellipsis',\r\n borderRadius: 10,\r\n backgroundColor:\"#f7f7f7\",\r\n\r\n\r\n },\r\n \r\n inputDetail: {\r\n height: 'auto'\r\n },\r\n\r\n outlinedInputInput: {\r\n padding: '12.5px 13px 10.5px 8px',\r\n marginTop: 0,\r\n borderRadius: 5\r\n },\r\n \r\n inputUnderline: {\r\n '&:hover::before': {\r\n borderColor: \"rgba(0,0,0,0.87)\"\r\n },\r\n\r\n '&::before': {\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n content: \"''\",\r\n position: 'absolute',\r\n transition: 'border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\r\n borderBottom: '1px solid rgba(0, 0, 0, 0.42)',\r\n pointerEvents: 'none',\r\n },\r\n\r\n '&::after': {\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n content: \"''\",\r\n position: 'absolute',\r\n transform: 'scaleX(0)',\r\n transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\r\n borderBottom: `2px solid ${theme.palette.terragene.darkMain}`,\r\n pointerEvents: 'none',\r\n }\r\n },\r\n\r\n inputOutline: {\r\n borderColor: 'rgba(0,0,0,0.23)',\r\n position: 'absolute',\r\n top: '-5px',\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n margin: 0,\r\n transition: 'padding-left 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms,border-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\r\n borderWidth: 1,\r\n borderStyle: 'solid',\r\n borderRadius: 4,\r\n pointerEvents: 'none',\r\n padding: '0 10px'\r\n },\r\n\r\n whiteSpace: {\r\n padding: 0,\r\n textAlign: 'left',\r\n transition: 'width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\r\n lineHeight: '11px',\r\n },\r\n\r\n hasError: {\r\n '& $inputLabel': {\r\n color: theme.palette.terragene.requiredField\r\n },\r\n\r\n '& $inputOutline': {\r\n borderColor: `${theme.palette.terragene.requiredField}!important`,\r\n borderWidth: 2,\r\n },\r\n\r\n '& $inputUnderline::after': {\r\n transform: 'scaleX(1)',\r\n borderBottomColor: theme.palette.terragene.requiredField,\r\n },\r\n },\r\n\r\n errorMessage: {\r\n color: theme.palette.terragene.requiredField,\r\n margin: 0,\r\n fontSize: '0.75rem',\r\n minHeight: '1em',\r\n textAlign: 'left',\r\n lineHeight: '1em',\r\n letterSpacing: '0.03333em',\r\n marginTop: 8,\r\n },\r\n\r\n errorMessageContained: {\r\n margin: '8px 14px 0',\r\n },\r\n\r\n disabled: {\r\n '& $inputLabel, & $inputBaseInput, & $inputUnderline::before, & $inputUnderline:hover::before': {\r\n color: 'rgba(0, 0, 0, 0.38)',\r\n },\r\n\r\n '& $inputUnderline::before, & $inputUnderline:hover::before': {\r\n borderColor: 'rgba(0, 0, 0, 0.38)',\r\n },\r\n\r\n '& $inputUnderline::after': {\r\n borderBottom: '1px solid rgba(0, 0, 0, 0.38)'\r\n },\r\n\r\n '& $inputOutline': {\r\n borderColor: 'rgba(0, 0, 0, 0.38)!important',\r\n borderWidth: 1,\r\n }\r\n }\r\n}))","import MgInput from \"./MgInput\";\r\n\r\nexport default MgInput;","import React, { useState, useRef } from \"react\";\r\nimport classnames from \"classnames\";\r\n\r\nimport propTypes from \"prop-types\";\r\n\r\nimport useStyles from \"./MgInputStyles\";\r\nimport { Checkbox } from \"@material-ui/core\";\r\nimport FixedAlert from \"../FixedAlert/FixedAlert\";\r\nimport t from \"../../utils/translation\";\r\n\r\nexport default function MgInput(props) {\r\n\r\n const classes = useStyles();\r\n const fullwidth = props.fullwidth !== undefined ? props.fullwidth : true;\r\n const variant = props.variant || \"standard\";\r\n const value =\r\n typeof props.value !== 'boolean' ?\r\n props.type === \"number\"\r\n ? props.value\r\n : props.value === undefined || props.value === null\r\n ? \"\"\r\n : props.value.toString() : props.value;\r\n\r\n const [focused, setFocused] = useState(false);\r\n const [labelWidth, setlabelWidth] = useState(null);\r\n const [errorValidation, setErrorValidation] = useState(\"\");\r\n\r\n const inputLabelRef = useRef();\r\n React.useLayoutEffect(() => {\r\n setlabelWidth(inputLabelRef.current.offsetWidth);\r\n }, []);\r\n\r\n const outlinePadding = () => (focused || value ? 8 : labelWidth * 0.35 + 14);\r\n const whiteSpaceWidth = () => (focused || value ? labelWidth * 0.75 + 12 : 0);\r\n\r\n const isFirefox = typeof InstallTrigger !== \"undefined\";\r\n const preventNonNumerical = (e) => {\r\n if (e.target.value.match(/^\\d+[\\.,]?\\d*$/)) {\r\n props.onChange(e.target.value);\r\n }\r\n };\r\n if (variant === \"detail\") {\r\n return (\r\n \r\n
\r\n {rpeResponse && (\r\n \r\n setCalculateSterilizer(val)}\r\n disabled={calculatingRPE}\r\n isRequired={true}\r\n variant=\"outlined\"\r\n />\r\n
\r\n \r\n setCicle(val)}\r\n disabled={calculatingRPE}\r\n isRequired={true}\r\n type=\"number\"\r\n variant=\"outlined\"\r\n gutter=\"38px 0 0\"\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {rpeResponse.message ? (\r\n rpeResponse.message\r\n ) : (\r\n
\r\n \r\n
\r\n )}\r\n \r\n Reads analyzed: {rpeResponse.data.countReadsAnalyzed}\r\n
\r\nScore: {rpeResponse.data.score}
\r\nScore type: {rpeResponse.data.scoreTypeDescription}
\r\n\r\n \r\n \r\n {props.label}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n if (variant === \"image\") {\r\n return (\r\n \r\n {\r\n typeof value === \"boolean\" &&\r\n \r\n {value}\r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n {props.label}\r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {props.label} {props.isRequired ? \"*\" : \"\"}\r\n \r\n \r\n {\r\n //se utiliza para number int.\r\n if (props.propertySpecial == \"inputSpecial\") {\r\n //no permito punto, coma, más y menos.\r\n if (e.charCode === 46 || e.charCode === 45 || e.charCode === 44 || e.charCode === 43) {\r\n props.onChange(\"not allowed\")\r\n }\r\n }\r\n }}\r\n autoFocus={props.focused}\r\n spellCheck=\"false\"\r\n className={classnames(classes.inputBaseInput, {\r\n [classes.outlinedInputInput]: variant === \"outlined\",\r\n })}\r\n onFocus={() => setFocused(true)}\r\n onBlur={() => {\r\n setFocused(false)\r\n if (props.onFocusOut)\r\n props.onFocusOut(props.value)\r\n }}\r\n onChange={(e) => {\r\n var validateMaxError = props.maxValue ? (e.target.value > props.maxValue) : false;\r\n if (validateMaxError) {\r\n setErrorValidation(t(\"ValueMustBeLessThan\") + props.maxValue)\r\n setTimeout(() => {\r\n setErrorValidation(\"\")\r\n }, 5000);\r\n e.target.value = props.maxValue\r\n }\r\n else {\r\n if (props.onChange) {\r\n props.onChange(e.target.value)\r\n }\r\n setErrorValidation(\"\")\r\n }\r\n props?.type === \"number\"\r\n ? preventNonNumerical(e)\r\n : props.onChange(e.target.value)\r\n }\r\n }\r\n value={value}\r\n type={isFirefox && props.type === \"number\" ? \"text\" : props.type}\r\n min={props.min}\r\n max={props.max}\r\n autoComplete=\"\"\r\n required={props.required}\r\n disabled={props.disabled}\r\n />\r\n {variant === \"outlined\" && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {!props.noError && (\r\n \r\n {chartErrorMessage && (\r\n
\r\n )}\r\n\r\n {showsChart && (\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n {chartErrorMessage}\r\n
\r\n \r\n
\r\n \r\n \r\n dispatch({ type: \"SELECT_WASHER\", payload: val })\r\n }\r\n variant=\"outlined\"\r\n disabled={loadingChartData}\r\n error={errors.selectedWasher}\r\n />\r\n
\r\n \r\n dispatch({ type: \"SET_DATEFROM\", payload: val._d })}\r\n label={t(\"DateFromLabel\", locale)}\r\n variant=\"outlined\"\r\n gutter=\"38px 0px 0px\"\r\n disabled={loadingChartData}\r\n error={errors.dateFrom}\r\n />\r\n
\r\n \r\n {\r\n dispatch({ type: \"SET_DATETO\", payload: val.endOf('day')._d })}\r\n\r\n }\r\n label={t(\"DateUntilLabel\", locale)}\r\n variant=\"outlined\"\r\n gutter=\"38px 0px 0px\"\r\n disabled={loadingChartData}\r\n error={errors.dateTo}\r\n />\r\n
\r\n \r\n {\r\n let newChartModel;\r\n const value = parseInt(val)\r\n switch(true) {\r\n case value == 1:\r\n newChartModel = (state.selectedChartModel == 0 || state.selectedChartModel == 1) ? state.selectedChartModel : ChartModel.Individual\r\n break;\r\n case value >= 2:\r\n newChartModel = (state.selectedChartModel == 2 || state.selectedChartModel == 3) ? state.selectedChartModel : ChartModel.XBAR\r\n break;\r\n default:\r\n break;\r\n }\r\n dispatch({ type: \"SET_MEASUREMENTSGROUPING\", payload: { measurementGrouping: val, newChartModel: newChartModel} })\r\n }}\r\n variant=\"outlined\"\r\n type=\"number\"\r\n gutter=\"38px 0px 0px 25px\"\r\n min={1}\r\n max={10}\r\n disabled={loadingChartData}\r\n error={errors.measurementGrouping}\r\n />\r\n
\r\n \r\n x[0] !== 2)\r\n .filter((x) => x[0] !== 3)\r\n : chartModels\r\n .filter((x) => x[0] !== 0)\r\n .filter((x) => x[0] !== 1)\r\n }\r\n onChange={(val) =>\r\n dispatch({ type: \"SELECT_CHARTMODEL\", payload: val })\r\n }\r\n variant=\"outlined\"\r\n disabled={loadingChartData}\r\n error={errors.selectedChartModel}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n {loadingChartData && (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n}\r\n","import IQAS from './IQAS';\r\n\r\nexport default IQAS;","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles({\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n footerAction: {\r\n position: 'absolute',\r\n right: 20,\r\n '& *': {\r\n margin: '0 8px'\r\n }\r\n }\r\n})","import License from './License';\r\n\r\nexport default License;","import React, { useState, useEffect, useContext, useRef, useMemo } from \"react\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport t from \"../../utils/translation\";\r\nimport request from \"../../utils/request\";\r\nimport df from \"../../utils/dateFormater\";\r\nimport {\r\n getUserCompany,\r\n getSession,\r\n getDist,\r\n getUserId,\r\n} from \"../../utils/sessionHandler\";\r\nimport useStyles from \"./LicenseStyles\";\r\nimport { differenceInDays, parseISO } from \"date-fns\";\r\n\r\nimport CRUD from \"../../components/CRUD\";\r\nimport Modal from \"../../components/Modal\";\r\nimport Button from \"../../components/Button\";\r\nimport Progress from \"../../components/Progress\";\r\nimport Input from \"../../components/Input\";\r\n\r\nconst formatSelectObject = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([object.id, object.name || object.toString, object]);\r\n return objectsList;\r\n },\r\n [[null, emptyText, { id: \"xx\" }]]\r\n );\r\n};\r\n\r\nexport default function License(props) {\r\n const locale = useContext(LocalizationContext);\r\n const classes = useStyles();\r\n const CRUDRef = useRef();\r\n\r\n const [data, setData] = useState([]);\r\n const [defaultPeriod, setDefaultPeriod] = useState(\"\");\r\n // const [disabledPeriod, setDisabledPeriod] = useState(true);\r\n const [loadingData, setLoadingData] = useState(true);\r\n const [buyObject, setBuyObject] = useState(null);\r\n const [confirmationObject, setConfirmationObject] = useState(null);\r\n const [cancelationObject, setCancelationObject] = useState(null);\r\n const [loadingConfirm, setLoadingConfirm] = useState(false);\r\n const [periods, setPeriods] = useState([\r\n [null, t(\"ChooseAPeriodLabel\", locale)],\r\n ]);\r\n const [products, setProducts] = useState([]);\r\n const [activationKey, setActivationKey] = useState(\"\");\r\n const [error, setError] = useState(null);\r\n const [tableActions, setTableActions] = useState([]);\r\n const [toSuccessMessage, setToSuccessMessage] = useState({\r\n type: \"none\",\r\n });\r\n const [selectedLicense, setSelectedLicense] = useState(\"\");\r\n const [daysToAlert, setDaysToAlert] = useState(null);\r\n const [selectedPeriod, setSelectedPeriod] = useState(null);\r\n\r\n useEffect(() => {\r\n Promise.all([\r\n request().get(\"/api/licenseperiod\"),\r\n\r\n request().post(`/api/LicenseProduct/ProductPeriod`, {\r\n idDistributor: getSession().Company.DistributorId,\r\n }),\r\n ,\r\n ]).then(([periodData, newProductPeriod]) => {\r\n const periodoTrial = periodData.data.filter((x) => x.trial)[0];\r\n // setDefaultPeriod(periodoTrial);\r\n if (props?.product)\r\n onProductChange(\r\n newProductPeriod.data.find((x) => x.id == props?.product).id\r\n );\r\n setProducts(\r\n formatSelectObject(\r\n newProductPeriod.data,\r\n t(\"ChooseAProductLabel\", locale)\r\n )\r\n .filter(\r\n (license) =>\r\n license[1].toUpperCase().includes(\"SM\") || (\r\n !license[1].toUpperCase().includes(\"EXCHANGE\") &&\r\n !license[1].toUpperCase().includes(\"EXCHANGE PLUS\") &&\r\n !license[1].toUpperCase().includes(\"EXPORTER\"))\r\n )\r\n .map((license) => {\r\n if (\r\n license[1].toUpperCase().replace(/\\s+/g, \"\").includes(\"BIONOVACLOUD\")\r\n ) {\r\n const newLicense = [...license];\r\n newLicense[1] =\r\n \"Bionova Cloud (Exporter + Exchange + Exchange Plus )\";\r\n return newLicense;\r\n }\r\n return license;\r\n })\r\n );\r\n });\r\n }, [locale]);\r\n\r\n console.log(products);\r\n\r\n useEffect(() => {\r\n updateData();\r\n getDaysExpiration();\r\n }, []);\r\n\r\n // useEffect(() => {\r\n // request()\r\n // .get(`/api/Distributor/IsOwnDistributor?distId=${getDist().id}`)\r\n // .then((respo) => {\r\n // const actions = [];\r\n // if (respo.data) {\r\n // /*actions.push({\r\n // action: (r) => //buyLicense(r),\r\n // setBuyObject({\r\n // header: t(\"BuyLicense\", locale),\r\n // object: r,\r\n // action: buyLicense,\r\n // }),\r\n // tooltip: t(\"BuyLicense\", locale),\r\n // icon: \"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\",\r\n // hasCondition: true,\r\n // condition: [[\"license.licenseStatus\", \"=\", 0]],\r\n // })*/\r\n // } else {\r\n // actions.push({\r\n // action: (r) =>\r\n // setConfirmationObject({\r\n // header: t(\"ActivateLicenseHeader\", locale),\r\n // object: r,\r\n // action: activateLicense,\r\n // }),\r\n // tooltip: t(\"ActivateTooltip\", locale),\r\n // icon: \"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\",\r\n // hasCondition: true,\r\n // condition: [[\"license.licenseStatus\", \"=\", 0]],\r\n // });\r\n // actions.push({\r\n // action: (r) =>\r\n // setCancelationObject({\r\n // header: t(\"CancelLicense\", locale),\r\n // object: r,\r\n // action: cancelLicense,\r\n // }),\r\n // tooltip: t(\"CancelLicense\", locale),\r\n // icon: \"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\",\r\n // hasCondition: true,\r\n // condition: [[\"license.licenseStatus\", \"=\", 0]],\r\n // });\r\n // }\r\n // setTableActions(actions);\r\n // });\r\n // }, []);\r\n\r\n const updateData = () => {\r\n setLoadingData(true);\r\n request()\r\n .post(`/api/LicenseCode/SeeLicenses`, getUserCompany())\r\n .then((response) => {\r\n const formattedData = response.data.map((license) => {\r\n let startDateFormatted = df(\r\n license.licenseDetails[\"0\"].startDate,\r\n \"date\"\r\n );\r\n let endDateFormatted = df(\r\n license.licenseDetails[\"0\"].endDate,\r\n \"date\"\r\n );\r\n\r\n let expirationDate = license.licenseDetails[\"0\"].endDate;\r\n let nameFormatted = license.licenseDetails[\"0\"].licenseProductName;\r\n let toString = license.licenseDetails[\"0\"].licenseProductName;\r\n let statusFormatted =\r\n license.licenseDetails[\"0\"].licenseStatusDescription;\r\n let periodFormatted =\r\n license.licenseDetails[\"0\"].licensePeriodObject.periodName;\r\n let productId = license.licenseDetails[\"0\"].licenseProductId;\r\n let observationFormatted = license.licenseDetails[\"0\"].observations;\r\n\r\n return {\r\n ...license,\r\n nameFormatted,\r\n statusFormatted,\r\n startDateFormatted: startDateFormatted,\r\n endDateFormatted: endDateFormatted,\r\n periodFormatted,\r\n productId,\r\n expirationDate,\r\n observationFormatted,\r\n toString,\r\n };\r\n });\r\n setData(formattedData);\r\n\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n .catch((error) => {\r\n console.log(error.response);\r\n });\r\n };\r\n\r\n // const buyLicense = (licenseCode) => {\r\n // //refirigir al eCommerce.\r\n // setLoadingData(true);\r\n // request()\r\n // .post(`/api/LicenseCode/buylicense?idLicenseCode=${licenseCode.id}`)\r\n // .then((response) => {\r\n // setTimeout(() => {\r\n // setBuyObject(false);\r\n // setLoadingData(false);\r\n // setToSuccessMessage({\r\n // type: \"success\",\r\n // message: response.data,\r\n // });\r\n\r\n // updateData();\r\n // }, 250);\r\n // setTimeout(() => {\r\n // setBuyObject(false);\r\n // setLoadingData(false);\r\n // setToSuccessMessage({ type: \"none\" });\r\n // }, 3000);\r\n // })\r\n // .catch((error) => {\r\n // console.log(error.response);\r\n // });\r\n // };\r\n\r\n // const cancelLicense = (licenseCode, activationKey) => {\r\n // const licenseCodeObject = unflatten(licenseCode);\r\n // request()\r\n // .put(`/api/LicenseCode/`, licenseCodeObject)\r\n // .then(() => {\r\n // setTimeout(() => {\r\n // setLoadingConfirm(false);\r\n // setActivationKey(\"\");\r\n // setError(null);\r\n // setConfirmationObject(null);\r\n // setCancelationObject(null);\r\n // updateData();\r\n // }, 500);\r\n // })\r\n // .catch((error) => {\r\n // setLoadingConfirm(false);\r\n // if (error.response.data) {\r\n // if (error.response.data.message) {\r\n // setError(error.response.data.message);\r\n // }\r\n // }\r\n // });\r\n // };\r\n\r\n // const activateLicense = (licenseCode, activationKey) => {\r\n // if (activationKey === \"\") {\r\n // setError(t(\"RequiredFieldError\"));\r\n // return;\r\n // }\r\n // licenseCode.code = activationKey;\r\n // const licenseCodeObject = unflatten(licenseCode);\r\n // licenseCodeObject.License = null;\r\n // licenseCodeObject.LicenseProduct = null;\r\n // setLoadingConfirm(true);\r\n // request()\r\n // .post(\"/api/LicenseCode/ActivateLicense\", licenseCodeObject)\r\n // .then(() => {\r\n // setTimeout(() => {\r\n // setLoadingConfirm(false);\r\n // setActivationKey(\"\");\r\n // setError(null);\r\n // setConfirmationObject(null);\r\n // updateData();\r\n // }, 500);\r\n // })\r\n // .catch((error) => {\r\n // setLoadingConfirm(false);\r\n // if (error.response.data) {\r\n // if (error.response.data.message) {\r\n // setError(error.response.data.message);\r\n // }\r\n // }\r\n // });\r\n // };\r\n\r\n useEffect(() => {\r\n if (props.product !== undefined) {\r\n CRUDRef.current.api({ type: \"openNewObject\" });\r\n }\r\n }, [CRUDRef, props.product]);\r\n\r\n const onProductChange = async (value) => {\r\n let item = products?.find((x) => x[0] == value);\r\n let newPeriods = item[2].periods;\r\n await request()\r\n .get(`/api/LicenseCode/ProductUsedTrial?licenseProductId=${value}`)\r\n .then((resp) => {\r\n if (resp.data == true) {\r\n const filteredPeriods = newPeriods\r\n .filter((x) => x.trial == false)\r\n .map((x) => [x.licensePeriodId, x.periodName]);\r\n setPeriods([\r\n [null, t(\"ChooseAPeriodLabel\", locale)],\r\n ...filteredPeriods,\r\n ]);\r\n } else {\r\n const filteredPeriods = newPeriods\r\n .filter((x) => x.trial == true)\r\n .map((x) => [x.licensePeriodId, x.periodName]);\r\n setPeriods([\r\n [null, t(\"ChooseAPeriodLabel\", locale)],\r\n ...filteredPeriods,\r\n ]);\r\n }\r\n });\r\n };\r\n\r\n const disabledPeriod = useMemo(() => {\r\n return periods.length <= 1;\r\n }, [periods, selectedLicense]);\r\n\r\n const handleLicenseChange = async (id) => {\r\n setSelectedLicense(id);\r\n onProductChange(id);\r\n };\r\n\r\n const expirationDate = useMemo(() => {\r\n let item = data.find(\r\n (i) =>\r\n i[\"productId\"] == selectedLicense && i[\"statusFormatted\"] == \"Active\"\r\n );\r\n\r\n return item && selectedPeriod ? item[\"expirationDate\"] : null;\r\n }, [selectedLicense, selectedPeriod]);\r\n\r\n const getDaysExpiration = () => {\r\n request()\r\n .get(`/api/appparameter?userLoggedId=${getUserId()}`)\r\n .then((res) =>\r\n setDaysToAlert(\r\n parseInt(res.data.find((p) => p.appParameterType === 2).value)\r\n )\r\n );\r\n };\r\n\r\n const calculateDateDifference = () => {\r\n const differenceDays = differenceInDays(\r\n parseISO(expirationDate),\r\n new Date()\r\n );\r\n\r\n let newDate;\r\n\r\n if (selectedPeriod) {\r\n newDate = expirationDate\r\n ? differenceDays <= daysToAlert\r\n ? expirationDate\r\n : \"\"\r\n : new Date();\r\n }\r\n\r\n return newDate;\r\n };\r\n\r\n const finalDate = useMemo(\r\n () => calculateDateDifference(),\r\n [expirationDate, daysToAlert, selectedPeriod]\r\n );\r\n\r\n const handlePeriod = (id) => {\r\n setSelectedPeriod(id);\r\n };\r\n\r\n return (\r\n <>\r\n {toSuccessMessage.type === \"success\" && (\r\n \r\n
\r\n \r\n {toSuccessMessage.message}\r\n
\r\n )}\r\n \r\n {buyObject.header}\r\n
\r\n \r\n \r\n setBuyObject(null)}\r\n disabled={loadingConfirm}\r\n color={\"error\"}\r\n />\r\n buyObject.action(buyObject.object, buyLicense)}\r\n disabled={loadingConfirm}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n {confirmationObject && (\r\n \r\n
\r\n \r\n {t(\"BuyLicenceConfirmationText\") ||\r\n \"Are you sure you want to buy this license?\"}\r\n
\r\n \r\n \r\n {confirmationObject.header}\r\n \r\n
\r\n \r\n \r\n setConfirmationObject(null)}\r\n disabled={loadingConfirm}\r\n color={\"error\"}\r\n />\r\n \r\n confirmationObject.action(\r\n confirmationObject.object,\r\n activationKey\r\n )\r\n }\r\n disabled={loadingConfirm}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n {cancelationObject && (\r\n \r\n
\r\n \r\n setActivationKey(value)}\r\n error={error}\r\n isRequired\r\n />\r\n
\r\n \r\n \r\n {cancelationObject.header}\r\n \r\n
\r\n \r\n \r\n setCancelationObject(null)}\r\n disabled={loadingConfirm}\r\n color={\"error\"}\r\n />\r\n \r\n cancelationObject.action(\r\n cancelationObject.object,\r\n activationKey\r\n )\r\n }\r\n disabled={loadingConfirm}\r\n />\r\n
\r\n }\r\n >\r\n {t(\"CancelLicenseMessage\", locale) || `Delete`}\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import React, { useState } from 'react'\r\nimport ShowPassword from '../../components/Form/UserResetPassword/ShowPassword.js';\r\nimport LoginInput from '../../components/LoginInput';\r\n\r\nconst CurrentPasswordView = (props) => {\r\n const {locale,passwordActual,setPasswordActual,setError,error,loading,t,style} = props\r\n const [viewPasswordActual, setViewPasswordActual] = useState(false);\r\nconst togglePasswordActualVisibility = () => {\r\n setViewPasswordActual(!viewPasswordActual);\r\n};\r\n\r\n return (\r\n \r\n {\r\n setPasswordActual(value);\r\n setError({ type: \"\", message: \"\" });\r\n }}\r\n\r\n error={error.type === \"passwordActual\" ? error.message : \"\"}\r\n type={viewPasswordActual ? 'text' : 'password'}\r\n disabled={loading}\r\n style={{color:\"white\",backgroundColor:\"gray\"}}\r\n />\r\n {togglePasswordActualVisibility()}} />\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default CurrentPasswordView","import React, { useState } from 'react'\r\nimport ShowPassword from '../../components/Form/Login/ShowPassword';\r\nimport LoginInput from '../../components/LoginInput';\r\n\r\nconst NewPasswordView = (props) => {\r\n const {locale,passwordNuevo,setPasswordNuevo,setError,error,loading,t,style} = props;\r\n const [viewPasswordNuevo, setViewPasswordNuevo] = useState(false);\r\n const togglePasswordNuevoVisibility = () => {\r\n setViewPasswordNuevo(!viewPasswordNuevo);\r\n };\r\n return (\r\n \r\n {\r\n setPasswordNuevo(value);\r\n setError({ type: \"\", message: \"\" });\r\n }}\r\n\r\n error={error.type === \"passwordNuevo\" ? error.message : \"\"}\r\n type={viewPasswordNuevo ? 'text' : 'password'}\r\n disabled={loading}\r\n />\r\n {togglePasswordNuevoVisibility()}} />\r\n \r\n\r\n
\r\n )\r\n}\r\n\r\nexport default NewPasswordView","import React, { useState } from 'react'\r\nimport ShowPassword from '../../components/Form/Login/ShowPassword';\r\nimport LoginInput from '../../components/LoginInput';\r\n\r\nconst ConfirmPasswordView = (props) => {\r\n const {locale,passwordConfirma,setPasswordConfirma,setError,error,loading,t,style} = props\r\n const [viewPasswordConfirma, setViewPasswordConfirma] = useState(false);\r\nconst togglePasswordConfirmaVisibility = () => {\r\n setViewPasswordConfirma(!viewPasswordConfirma);\r\n};\r\n\r\n return (\r\n \r\n {\r\n setPasswordConfirma(value);\r\n setError({ type: \"\", message: \"\" });\r\n }}\r\n\r\n error={error.type === \"passwordConfirma\" ? error.message : \"\"}\r\n type={viewPasswordConfirma ? 'text' : 'password'}\r\n disabled={loading}\r\n />\r\n {togglePasswordConfirmaVisibility()}} />\r\n
\r\n )\r\n}\r\n\r\nexport default ConfirmPasswordView","import React, { useState, useContext } from 'react';\r\nimport Progress from \"../../components/Progress\";\r\nimport Button from \"../../components/Button\";\r\nimport useStyles from \"../Login/LoginStyles\";\r\nimport Paper from '../../components/Paper';\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport t from \"../../utils/translation\";\r\nimport { getUserId, getSession, getDist } from \"../../utils/sessionHandler\";\r\nimport request from \"../../utils/request\";\r\nimport CurrentPasswordView from './CurrentPasswordView';\r\nimport NewPasswordView from './NewPasswordView';\r\nimport ConfirmPasswordView from './ConfirmPasswordView';\r\nimport Button2 from '../../components/Button2';\r\n\r\nconst changePasswordViewStyle ={\r\n position:'relative',\r\n display:'block',\r\n bottom:'3.5rem',\r\n left:'85%',\r\n color:'#D6D6D6',\r\n height:'20px',\r\n cursor:'pointer',\r\n}\r\n\r\n\r\nexport default function ChangePassword() {\r\n const classes = useStyles();\r\n const locale = useContext(LocalizationContext)\r\n\r\n const [error, setError] = useState({ type: \"\", message: \"\" });\r\n const [loading, setLoading] = useState(false);\r\n\r\n const [passwordActual, setPasswordActual] = useState(\"\");\r\n const [passwordNuevo, setPasswordNuevo] = useState(\"\");\r\n const [passwordConfirma, setPasswordConfirma] = useState(\"\");\r\n\r\n const validarDatos = () => {\r\n\r\n if (passwordActual === \"\") {\r\n console.log('error actual');\r\n setError({\r\n type: \"passwordActual\",\r\n message: \"This field is required\"\r\n });\r\n setLoading(false);\r\n return false;\r\n }\r\n\r\n if (passwordNuevo === \"\") {\r\n setError({\r\n type: \"passwordNuevo\",\r\n message: \"This field is required\"\r\n });\r\n setLoading(false);\r\n return false;\r\n }\r\n\r\n if (passwordConfirma === \"\") {\r\n setError({\r\n type: \"passwordConfirma\",\r\n message: \"This field is required\"\r\n });\r\n setLoading(false);\r\n return false;\r\n }\r\n\r\n else if (passwordNuevo !== passwordConfirma) {\r\n setError({\r\n type: \"passwordConfirma\",\r\n message: \"Password does not match\"\r\n });\r\n setLoading(false);\r\n return false;\r\n };\r\n\r\n\r\n return true;\r\n }\r\n\r\n const enviarCambioPassword = e => {\r\n document.activeElement.blur();\r\n e.preventDefault();\r\n\r\n if (!validarDatos()) return;\r\n\r\n const parametrosPost = {\r\n Appuser: { Email: getSession().Email, id: getUserId() },\r\n Password: passwordActual,\r\n NewPassword: passwordNuevo,\r\n DistributorId: getDist().id\r\n }\r\n\r\n setLoading(true);\r\n \r\n request().post('/api/appuser/changepassword', parametrosPost)\r\n .then(response => {\r\n setTimeout(() => { window.location.href = '/' }, 1000);\r\n })\r\n .catch(error => {\r\n if (!error.response) {\r\n setError({ type: \"alert\", message: error.message });\r\n } else {\r\n setError({ type: \"alert\", message: error.response.data.message });\r\n }\r\n setLoading(false);\r\n })\r\n }\r\n\r\n const cancelarCambioPassword = (e) => {\r\n e.preventDefault()\r\n window.location.href = '/'\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n )\r\n\r\n\r\n}","import ChangePassword from './ChangePassword';\r\n\r\nexport default ChangePassword;","import AppLog from './AppLog';\r\n\r\nexport default AppLog;","import React, { useState, useEffect, useContext } from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport df from \"../../utils/dateFormater\";\r\nimport t from \"../../utils/translation\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport { getUserId } from \"../../utils/sessionHandler\";\r\nexport default function AppLog() {\r\n const locale = useContext(LocalizationContext);\r\n const [data, setData] = useState([]);\r\n const [loadingData, setLoadingData] = useState(true);\r\n \r\n\r\n useEffect(() => {\r\n updateData();\r\n }, []);\r\n\r\n const updateData = () => {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/applog?userLoggedId=${getUserId()}`)\r\n .then((response) => {\r\n setData(\r\n response.data.map((l) => {\r\n return { ...l, logDate: df(l.logDate, \"dateTime\") };\r\n })\r\n );\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n\r\n .catch((error) => {\r\n console.log(error.response);\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n dispatch({ type: \"CLEAR_INSTRUMENT_IMAGE\" })\r\n }\r\n >\r\n \r\n \r\n
\r\n \r\n }\r\n closeModal={() => dispatch({ type: \"CLEAR_INSTRUMENT_IMAGE\" })}\r\n responsive\r\n >\r\n {!state.instrumentImage && (\r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n {state.showDownloadSuggestion && (\r\n <>\r\n \r\n {t(\"AppDownloadSuggestionText\", locale)}\r\n
\r\n {/* \r\n \r\n {t(\"MeasurementsNotFoundText\", locale)}\r\n \r\n
\r\n Available on the Play Store
\r\n Available on the App Store
\r\n \r\n x.objectName === 1531) ? true : false\r\n },\r\n {\r\n position: 1,\r\n groupIndex: 0,\r\n label: t(\"LotLabel\", locale),\r\n propOnObject: \"ReadingPRO.loteProduct\",\r\n propOnMassiveObject: \"ReadProMasive.loteProduct\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: requiredFields.find(x => x.objectName === 1545) ? true : false\r\n },\r\n {\r\n position: 0,\r\n groupIndex: 2,\r\n label: t(\"BookNumberLabel\", locale),\r\n propOnObject: \"ReadingPRO.bookNumber\",\r\n propOnMassiveObject: \"ReadProMasive.bookNumber\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: requiredFields.find(x => x.objectName === 1555) ? true : false\r\n },\r\n {\r\n position: 0,\r\n groupIndex: 2,\r\n label: t(\"PageNumberLabel\", locale),\r\n propOnObject: \"ReadingPRO.pageNumber\",\r\n propOnMassiveObject: \"ReadProMasive.pageNumber\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: requiredFields.find(x => x.objectName === 1565) ? true : false\r\n },\r\n {\r\n position: 1,\r\n groupIndex: indexProcessGroup,\r\n label: t(\"CycleLabel\", locale),\r\n propOnObject: \"ReadingPRO.cycle\",\r\n propOnMassiveObject: \"ReadProMasive.cycle\",\r\n class: \"col-12 col-md-6 px-0\",\r\n type: \"specialInput\",\r\n required: requiredFields.find(x => x.objectName === 1575) ? true : false\r\n },\r\n {\r\n position: 2,\r\n groupIndex: indexProcessGroup,\r\n label: t(\"ProgramNumberLabel\", locale),\r\n propOnObject: \"ReadingPRO.programNumber\",\r\n propOnMassiveObject: \"ReadProMasive.programNumber\",\r\n class: \"col-12 col-md-6 px-0\"\r\n },\r\n {\r\n position: 3,\r\n groupIndex: indexProcessGroup,\r\n label: t(\"ToolLabel\", locale),\r\n visibleCondition: [\"ReadingPRO.modeId\", \"=\", \"0\"],\r\n propOnObject: \"ReadingPRO.tool\",\r\n propOnMassiveObject: \"ReadProMasive.tool\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: requiredFields.find(x => x.objectName === 1610) ? true : false\r\n },\r\n {\r\n position: 0,\r\n groupIndex: indexProcessGroup,\r\n label: t(\"WasherLabel\", locale),\r\n propOnObject: \"ReadingPRO.washerId\",\r\n propOnMassiveObject: \"ReadProMasive.washerId\",\r\n component: {\r\n e.preventDefault()\r\n dispatch({ type: 'SHOW_ABM_WASHER' })\r\n }} href=\"#\">{t(\"AddWasher\", locale)},\r\n class: \"col-12 col-md-6 px-0\",\r\n type: \"select\",\r\n options: washers,\r\n id: \"machine\",\r\n userType: getUserType(),\r\n defaultValue: state.selectedWasher,\r\n required: requiredFields.find(x => x.objectName === 1595) ? true : false\r\n },\r\n {\r\n position: 2,\r\n groupIndex: 0,\r\n label: t(\"VisualResultLabel\", locale),\r\n propOnObject: \"ReadingPRO.visualResult\",\r\n propOnMassiveObject: \"ReadProMasive.visualResult\",\r\n class: \"col-12 col-md-6 px-0\",\r\n type: \"select\",\r\n options: visualResults,\r\n required: requiredFields.find(x => x.objectName === 1636) ? true : false\r\n },\r\n {\r\n position: 0,\r\n groupIndex: 2,\r\n label: t(\"IgnoreFromIQAS\", locale),\r\n propOnObject: \"ReadingPRO.ignoreFromIQAS\",\r\n propOnMassiveObject: \"ReadProMasive.ignoreFromIQAS\",\r\n class: \"col-12 col-md-6 px-0\",\r\n type: \"checkbox\",\r\n required: false\r\n },\r\n {\r\n position: 0,\r\n groupIndex: 2,\r\n label: t(\"NotesLabel\", locale),\r\n propOnObject: \"ReadingPRO.notes\",\r\n propOnMassiveObject: \"ReadProMasive.notes\",\r\n class: \"col-12 px-0\",\r\n required: requiredFields.find(x => x.objectName === 1585) ? true : false\r\n }\r\n ]}\r\n formFieldsMachine={[washers]}\r\n baseObject={{\r\n ReadingPRO: {\r\n productId: null,\r\n loteProduct: null,\r\n bookNumber: null,\r\n pageNumber: null,\r\n cycle: null,\r\n washerId: null,\r\n visualResult: null,\r\n notes: null,\r\n }\r\n }}\r\n massiveBaseObject={{\r\n ReadProMasive: {\r\n ReadIds: [],\r\n productId: null,\r\n loteProduct: null,\r\n bookNumber: null,\r\n pageNumber: null,\r\n cycle: null,\r\n washerId: null,\r\n visualResult: null,\r\n notes: null,\r\n },\r\n UserLogged: getSession(),\r\n }}\r\n method={\"put\"}\r\n />\r\n\r\n {(loadingDetail || detailObject) && (\r\n \r\n setDetailObject(null)}\r\n >\r\n \r\n \r\n
\r\n }\r\n closeModal={() => setDetailObject(null)}\r\n responsive\r\n >\r\n {!detailObject && (\r\n {`${t(\"Title\", locale)} ${detailObject ? `(${detailObject.readNumber})` : \"\"\r\n }`}
\r\n \r\n
\r\n )}\r\n {detailObject && {t(\"AddWasher\", locale)}
\r\n {e}
),\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n } else {\r\n setTimeout(() => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"success\",\r\n message: response.data.message,\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n setTimeout(() => {\r\n setToHistoricalMessage({ type: \"none\" });\r\n }, 3000);\r\n }\r\n })\r\n .catch((error) => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n ...toHistoricalMessage,\r\n type: \"error\",\r\n message: error.response?.data?.message || error.response?.data,\r\n });\r\n });\r\n };\r\n\r\n const toHistoricalMassive = (readings, ids) => {\r\n setToHistoricalLoading(true);\r\n request()\r\n .post(\"/api/ReadingPRO/masiveToHistorical\", {\r\n ReadPROMasive: { ReadIds: ids, ...unflatten(readings[0]) },\r\n UserLogged: getSession(),\r\n })\r\n .then((response) => {\r\n if (response.data.result === \"ERRORS\") {\r\n setTimeout(() => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"error\",\r\n message: response.data.errors.map((e) =>{e}
),\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n } else {\r\n setTimeout(() => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"success\",\r\n message: response.data.message,\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n setTimeout(() => {\r\n setToHistoricalMessage({ type: \"none\" });\r\n }, 3000);\r\n }\r\n })\r\n .catch((error) => {\r\n setToHistoricalObject(false);\r\n setToHistoricalLoading(false);\r\n setToHistoricalMessage({\r\n type: \"error\",\r\n message: error.response?.data?.message || error.response?.data,\r\n });\r\n });\r\n };\r\n\r\n const RequiredFieldMessage =\r\n t(\"RequiredFieldError\") || \"This field is required\";\r\n\r\n const validateReading = (reading, formFields) => {\r\n let requiredError = formFields.reduce((errorBag, field) => {\r\n (_.get(reading, field.propOnObject) === undefined ||\r\n _.get(reading, field.propOnObject) === \"\" ||\r\n _.get(reading, field.propOnObject) === null) &&\r\n formFields.find((x) => x.propOnObject == field.propOnObject).required &&\r\n (errorBag[field.propOnObject] = RequiredFieldMessage);\r\n return errorBag;\r\n }, {});\r\n\r\n if (Object.keys(requiredError).length > 0) {\r\n setErrors(requiredError);\r\n } else {\r\n return true;\r\n }\r\n };\r\n\r\n const clearMessageValidation = () => {\r\n setErrors([]);\r\n };\r\n\r\n const showModalToolMeasure = (object, formFields) => {\r\n if (validateReading(object, formFields)) {\r\n setErrors([]);\r\n dispatch({\r\n type: \"SET_READING_TO_ASSOCIATE\",\r\n payload: { readingPROToAssociate: object },\r\n });\r\n dispatch({ type: \"SHOW_TOOL_MEASURE\" });\r\n }\r\n };\r\n\r\n const handleAfterAssociate = (serverResponse, updatedObject) => {\r\n dispatch({ type: \"HIDE_TOOL_MEASURE\" });\r\n setLoadingData(true);\r\n dispatch({\r\n type: \"SET_AFTER_ASSOCIATE\",\r\n payload: {\r\n afterAssociate: {\r\n executeAction: true,\r\n message: serverResponse.message,\r\n updatedObject: updatedObject,\r\n type: serverResponse.result,\r\n },\r\n },\r\n });\r\n dispatch({\r\n type: \"SET_AFTER_ASSOCIATE\",\r\n payload: { afterAssociate: { executeAction: false } },\r\n });\r\n };\r\n\r\n const closeModalToolMeasure = () => {\r\n dispatch({ type: \"HIDE_TOOL_MEASURE\" });\r\n };\r\n\r\n if (loadingContent) return\r\n {toHistoricalMessage.type === \"success\" && (\r\n \r\n setToHistoricalObject({\r\n object: a,\r\n action: () => toHistoricalMassive(a, b),\r\n }),\r\n },\r\n ]}\r\n onEditClick={(rowSelected) => {\r\n let product = rowSelected[\"ReadingPRO.productId\"];\r\n handleProduct(product);\r\n }}\r\n resultStatus={true}\r\n editedInfo={{ IndicatorType: IndicatorType.Protein, enabled: true }}\r\n viewedMark={true}\r\n data={data}\r\n order={{ dir: \"desc\", orderBy: \"ReadingPRO.readNumber\" }}\r\n updateData={updateData}\r\n loadingData={loadingData}\r\n url={\"/api/ReadingPRO\"}\r\n massiveURL={\"/api/ReadingPRO/masiveModify\"}\r\n showModalToolMeasure={showModalToolMeasure}\r\n errorsFromValidation={errors}\r\n clearMessageValidation={clearMessageValidation}\r\n afterAssociate={state.afterAssociate}\r\n title={t(\"Title\", locale)}\r\n tableHeader={t(\"ProvisionalTitle\", locale)}\r\n tableActions={[\r\n {\r\n icon: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\",\r\n tooltip: t(\"DetailTooltip\"),\r\n action: getDetail,\r\n },\r\n {\r\n icon: \"M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1-2.73 2.71-2.73 7.08 0 9.79s7.15 2.71 9.88 0C18.32 15.65 19 14.08 19 12.1h2c0 1.98-.88 4.55-2.64 6.29-3.51 3.48-9.21 3.48-12.72 0-3.5-3.47-3.53-9.11-.02-12.58s9.14-3.47 12.65 0L21 3v7.12zM12.5 8v4.25l3.5 2.08-.72 1.21L11 13V8h1.5z\",\r\n tooltip: t(\"ToHistoricalTooltip\"),\r\n action: (r) =>\r\n setToHistoricalObject({\r\n object: r,\r\n action: () => toHistorical(r),\r\n }),\r\n },\r\n ]}\r\n columns={[\r\n \"ReadingPRO.readNumber\",\r\n \"ReadingPRO.positionNumber\",\r\n \"ReadingPRO.startedTimeFormatted\",\r\n \"ReadingPRO.resultDateFormatted\",\r\n \"ReadingPRO.resultDescription\",\r\n \"ReadingPRO.visualResultDescription\",\r\n \"ReadingPRO.cuantitativeResultFormat\",\r\n \"ReadingPRO.densidad\",\r\n \"ReadingPRO.ticketNumber\",\r\n \"ReadingPRO.incubatorName\",\r\n ]}\r\n headers={[\r\n t(\"ReadNumberLabel\", locale),\r\n t(\"PositionNumberLabel\", locale),\r\n t(\"StartedTimeLabel\", locale),\r\n t(\"ResultDateLabel\", locale),\r\n t(\"ResultLabel\", locale),\r\n t(\"VisualResultLabel\", locale),\r\n t(\"CuantitativeResultLabel\", locale),\r\n t(\"Density\", locale) || \"Density\",\r\n\r\n t(\"TicketNumber\", locale),\r\n t(\"IncubatorLabel\", locale),\r\n ]}\r\n idField={\"ReadingPRO.id\"}\r\n splitButtonExtraOptions={[\r\n {\r\n text: t(\"ConfirmAndSave\"),\r\n onClickOption: undefined,\r\n disabled: false,\r\n moveToSaved: true,\r\n useCommonFunction: true,\r\n },\r\n ]}\r\n grouped={groups}\r\n useFieldMap={false}\r\n formFields={formFields}\r\n formFieldsMachine={[washers]}\r\n baseObject={{\r\n ReadingPRO: {\r\n productId: null,\r\n loteProduct: null,\r\n bookNumber: null,\r\n pageNumber: null,\r\n cycle: null,\r\n washerId: null,\r\n visualResult: null,\r\n notes: null,\r\n },\r\n UserLogged: getSession(),\r\n }}\r\n massiveBaseObject={{\r\n ReadProMasive: {\r\n ReadIds: [],\r\n productId: null,\r\n loteProduct: null,\r\n bookNumber: null,\r\n pageNumber: null,\r\n cycle: null,\r\n washerId: null,\r\n visualResults: null,\r\n notes: null,\r\n },\r\n UserLogged: getSession(),\r\n }}\r\n method={\"put\"}\r\n />\r\n\r\n {(loadingDetail || detailObject) && (\r\n \r\n setDetailObject(null)}\r\n >\r\n \r\n \r\n
\r\n }\r\n closeModal={() => setDetailObject(null)}\r\n responsive\r\n >\r\n {!detailObject && (\r\n \r\n {toHistoricalMessage.message}\r\n
\r\n )}\r\n {`${t(\"Title\", locale)} ${\r\n detailObject ? `(${detailObject.readNumber})` : \"\"\r\n }`}
\r\n \r\n
\r\n )}\r\n {detailObject && (\r\n \r\n \r\n {t(\"ToHistoricalHeader\", locale)}{\" \"}\r\n {toHistoricalObject.object.length > 0\r\n ? \"(\" +\r\n toHistoricalObject.object.reduce((name, item, index) => {\r\n return (\r\n name +\r\n item[\"ReadingPRO.toString\"] +\r\n (index === toHistoricalObject.object.length - 1\r\n ? \"\"\r\n : \", \")\r\n );\r\n }, \"\") +\r\n \")\"\r\n : toHistoricalObject.object[\"ReadingPRO.toString\"]}\r\n \r\n
\r\n \r\n \r\n setToHistoricalObject(null)}\r\n variant={\"text\"}\r\n color={\"error\"}\r\n disabled={toHistoricalLoading}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n\r\n {toHistoricalMessage.type === \"error\" && (\r\n \r\n
\r\n \r\n {t(\"ToHistoricalConfirmationText\", locale)}\r\n
\r\n \r\n {toHistoricalMessage.message}\r\n
\r\n \r\n )}\r\n {state.abmWasherVisible && (\r\n {t(\"AddWasher\", locale)}
\r\n {t('FilterText', locale)}
\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\tfooter={\r\n\t\t\t\t\r\n\t\t\t\t\t {\r\n\t\t\t\t\t\t\tprops.confirmAction({\r\n\t\t\t\t\t\t\t\t\"SectorId\": selectedSector,\r\n\t\t\t\t\t\t\t\t\"DateFrom\": dateFrom,\r\n\t\t\t\t\t\t\t\t\"DateTo\": dateTo,\r\n\t\t\t\t\t\t\t\t\"IncubatorId\": selectedIncubator,\r\n\t\t\t\t\t\t\t\t\"EditUserId\": selectedUser,\r\n\t\t\t\t\t\t\t\t\"SterilizerId\": selectedSterilizer,\r\n\t\t\t\t\t\t\t\t\"DisinfectorId\": selectedDisinfector,\r\n\t\t\t\t\t\t\t\t\"WasherId\": selectedWasher,\r\n\t\t\t\t\t\t\t\t\"ResultBI\": selectedBIResult,\r\n\t\t\t\t\t\t\t\t\"ResultPRO\": selectedPROResult,\r\n\t\t\t\t\t\t\t\t\"ResultCHE\": selectedCHEResult,\r\n\t\t\t\t\t\t\t\t\"ReadNumber\": readNumber,\r\n\t\t\t\t\t\t\t\t\"ClientDateTimeNow\": moment().toISOString(true),\r\n\t\t\t\t\t\t\t\t\"ClientTimeZoneId\": moment.tz.guess(true),\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\t\t{(activeOption === 'ReadingBI' || activeOption === 'ReadingBIDisinfection' || activeOption === 'ReadingPRO') &&\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t}\r\n\t\t\t{(activeOption === 'readingchesterilizer' || activeOption === 'readingchewasher') &&\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\t\t\t\t setSelectedSector(value)}\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\r\n\t\t\t\t\t\t\t setSelectedIncubator(value)}\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{activeOption === 'ReadingBI' &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t { setSelectedSterilizer(value) }}\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{activeOption === 'ReadingPRO' &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t { setSelectedWasher(value) }}\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{activeOption === 'ReadingBIDisinfection' &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t { setSelectedDisinfector(value) }}\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\r\n\t\t\t\t\t\t\t { setSelectedUser(value) }}\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\r\n\t\t\t\t\t\t\t setDateFrom(value ? value.startOf('day').toISOString(true) : null)}\r\n\t\t\t\t\t\t\t\tgutter={'8px 0'}\r\n\t\t\t\t\t\t\t\tnoError={true}\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\r\n\t\t\t\t\t\t\t setDateTo(value ? value.endOf('day').toISOString(true) : null)}\r\n\t\t\t\t\t\t\t\tgutter={'8px 0'}\r\n\t\t\t\t\t\t\t\tnoError={true}\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{(activeOption === 'ReadingBI' || activeOption === 'ReadingBIDisinfection') &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t { setBIResult(value) }}\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{activeOption === 'ReadingPRO' &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t { setPROResult(value) }}\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\r\n\t\t\t\t\t\t\t { setReadNumber(value) }}\r\n\t\t\t\t\t\t\t\tvariant={\"outlined\"}\r\n\t\t\t\t\t\t\t\tgutter={\"14px 0\"}\r\n\t\t\t\t\t\t\t\terror={isNaN(readNumber) ? t(\"ValueMustBeNumber\", locale) : \"\"}\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
\r\n\t\t\t}\r\n\t\t\r\n\t)\r\n}\r\n\r\nexport default HistoricalExportFilter;","import { ProductType } from \"../dictionaries/productType\";\r\nimport request from \"./request\";\r\nimport { getUserId } from \"./sessionHandler\";\r\n\r\nexport const exportToPdf = (indicatorType, filter, pagination) => {\r\n return new Promise((resolve, reject) => {\r\n switch (indicatorType) {\r\n case \"ReadingBI\": {\r\n filter.ProductType = ProductType.BiologicalSterilizer;\r\n request()\r\n .post(`/api/ReadingBI/GetReport`, {\r\n UserLoggedIn: getUserId(),\r\n filter,\r\n pagination,\r\n })\r\n .then((resp) => {\r\n resolve(resp);\r\n })\r\n .catch((error) => {\r\n reject(error?.response?.data?.message);\r\n });\r\n break;\r\n }\r\n case \"ReadingBIDisinfection\": {\r\n filter.ProductType = ProductType.BiologicalDisinfection;\r\n request()\r\n .post(`/api/ReadingBI/GetReport`, {\r\n UserLoggedIn: getUserId(),\r\n filter,\r\n pagination,\r\n })\r\n .then((resp) => {\r\n resolve(resp);\r\n })\r\n .catch((error) => {\r\n reject(error?.response?.data?.message);\r\n });\r\n break;\r\n }\r\n case \"ReadingPRO\": {\r\n request()\r\n .post(`/api/ReadingPRO/GetReport`, {\r\n UserLoggedIn: getUserId(),\r\n filter,\r\n pagination,\r\n })\r\n .then((resp) => {\r\n resolve(resp);\r\n })\r\n .catch((error) => {\r\n reject(error?.response?.data?.message);\r\n });\r\n break;\r\n }\r\n case \"readingchesterilizer\": {\r\n request()\r\n .post(`/api/ReadingCHESterilizer/GetReport`, {\r\n UserLoggedIn: getUserId(),\r\n filter,\r\n pagination,\r\n })\r\n .then((resp) => {\r\n resolve(resp);\r\n })\r\n .catch((error) => {\r\n reject(error?.response?.data?.message);\r\n });\r\n break;\r\n }\r\n case \"readingchewasher\": {\r\n request()\r\n .post(`/api/ReadingCHEWasher/GetReport`, {\r\n UserLoggedIn: getUserId(),\r\n filter,\r\n pagination,\r\n })\r\n .then((resp) => {\r\n resolve(resp);\r\n })\r\n .catch((error) => {\r\n reject(error?.response?.data?.message);\r\n });\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n });\r\n};\r\n","import { makeStyles, createStyles } from \"@material-ui/styles\";\r\n\r\nexport default makeStyles((theme) => createStyles(\r\n {\r\n container:{\r\n padding: 20\r\n },\r\n headerNotLicense: {\r\n backgroundColor: theme.palette.terragene.lightMain,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerNotLicenseText: { \r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: theme.palette.terragene.lightThird\r\n }\r\n }\r\n));\r\n","import React from 'react';\r\nimport useStyles from \"./RequestLicenseStyles\";\r\nimport t from \"../../utils/translation\";\r\nimport classNames from \"classnames\";\r\nimport Button from '../Button';\r\nimport Redirect from \"../../utils/Redirect\";\r\nimport { getSession } from '../../utils/sessionHandler';\r\n\r\nconst RequestLicense = ({licenseProductId}) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t { setSelectedUser(value) }}\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\r\n\t\t\t\t\t\t\t { setCHEResult(value) }}\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\r\n\t\t\t\t\t\t\t setDateFrom(value ? value.startOf('day').toISOString(true) : null)}\r\n\t\t\t\t\t\t\t\tgutter={'13px 0'}\r\n\t\t\t\t\t\t\t\tnoError={true}\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\r\n\t\t\t\t\t\t\t setDateTo(value ? value.endOf('day').toISOString(true) : null)}\r\n\t\t\t\t\t\t\t\tgutter={'13px 0'}\r\n\t\t\t\t\t\t\t\tnoError={true}\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{activeOption === 'readingchesterilizer' &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t { setSelectedSterilizer(value) }}\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{activeOption === 'readingchewasher' &&\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t { setSelectedWasher(value) }}\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\r\n\t\t\t\t\t\t\t { setReadNumber(value) }}\r\n\t\t\t\t\t\t\t\tvariant={\"outlined\"}\r\n\t\t\t\t\t\t\t\tgutter={\"14px 0\"}\r\n\t\t\t\t\t\t\t\terror={isNaN(readNumber) ? t(\"ValueMustBeNumber\", locale) : \"\"}\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
\r\n );\r\n};\r\n\r\nexport default RequestLicense;","import { makeStyles, createStyles } from \"@material-ui/styles\";\r\n\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n printButtonContainer: {\r\n display: 'flex',\r\n width: '100%'\r\n },\r\n\r\n iframe: {\r\n height: '500px',\r\n width: '100%',\r\n '@media(min-width:1920px)': {\r\n height: '820px',\r\n }\r\n }\r\n}));\r\n\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport t from \"../../utils/translation\";\r\nimport Button from '../Button';\r\nimport useStyles from './ReportPrinterStyles'\r\n\r\nconst ReportPrinter = ({html_data}) => {\r\n const classes = useStyles();\r\n const iframe = useRef(null);\r\n const [state, setState] = useState({\r\n width: 750,\r\n html: null\r\n })\r\n\r\n useEffect(() => {\r\n setState({\r\n ...state,\r\n html: html_data\r\n })\r\n }, [])\r\n\r\n return (\r\n <>\r\n \r\n \r\n Redirect({\r\n redirect: true,\r\n path: \"/appmylicenses\",\r\n parameters: { product: licenseProductId },\r\n })\r\n }\r\n />\r\n }\r\n
\r\n \r\n {t(\"NotActiveLicenseFound\")}\r\n
\r\n {\r\n getSession().UserType === 0 &&\r\n \r\n \r\n
\r\n {\r\n state.html &&\r\n \r\n }\r\n \r\n );\r\n};\r\n\r\nexport default ReportPrinter;","export default function reducer(state, action) {\r\n switch (action.type) {\r\n case \"TOGGLE_LOADING\": {\r\n return {\r\n ...state,\r\n pageContentLoading: true,\r\n };\r\n }\r\n case \"SET_CONTENT\": {\r\n var algo = {\r\n ...state,\r\n sectors: action.payload.sectors,\r\n users: action.payload.users,\r\n visualResults: action.payload.visualResults,\r\n washers: action.payload.washers,\r\n sterilizers: action.payload.sterilizers,\r\n disinfectors: action.payload.disinfectors,\r\n biResults: action.payload.biResults,\r\n proResults: action.payload.proResults,\r\n cheResults: action.payload.cheResults,\r\n pageContentLoading: false\r\n }\r\n return algo;\r\n }\r\n case \"SET_TABLE_FIELDS\": {\r\n return {\r\n ...state,\r\n headerText: action.payload.headerText,\r\n columns: action.payload.columns,\r\n headers: action.payload.headers,\r\n };\r\n }\r\n case \"SET_DATA\":\r\n return {\r\n ...state,\r\n data: action.payload.data,\r\n totalRows: action.payload.totalRows,\r\n tableActions: action.payload.tableActions,\r\n loadingData: false,\r\n };\r\n case \"TOGGLE_LOADING_DATA\":\r\n return {\r\n ...state,\r\n loadingData: !state.loadingData,\r\n activeOption: action.payload.activeOption\r\n };\r\n case \"SET_FILTERS\":\r\n return {\r\n ...state,\r\n filters: action.payload.filters,\r\n };\r\n case \"CLEAR_FILTERS\":\r\n return {\r\n ...state,\r\n filters: {},\r\n };\r\n case \"SET_PAGINATION\":\r\n return {\r\n ...state,\r\n pagination: action.payload.pagination,\r\n };\r\n case \"SHOW_DIALOG\":\r\n return {\r\n ...state,\r\n dialogValidation: true,\r\n };\r\n case \"CLOSE_DIALOG\":\r\n return {\r\n ...state,\r\n dialogValidation: false,\r\n };\r\n case \"CLOSE_ERROR\":\r\n return {\r\n ...state,\r\n errorText: \"\",\r\n };\r\n case \"SHOW_ERROR\":\r\n return {\r\n ...state,\r\n errorText: action.payload,\r\n generatingReport: false\r\n };\r\n case \"GENERATING_REPORT\":\r\n return {\r\n ...state,\r\n generatingReport: true,\r\n dialogValidation: false,\r\n report_html: \"\",\r\n };\r\n case \"REPORT_GENERATED\":\r\n return {\r\n ...state,\r\n generatingReport: false,\r\n reportVisible: true,\r\n report_html: action.payload,\r\n };\r\n case \"RETURN_MAIN_PAGE\":\r\n return {\r\n ...state,\r\n reportReady: false,\r\n };\r\n case \"CLOSE_REPORT\":\r\n return {\r\n ...state,\r\n reportVisible: false\r\n }\r\n case \"SET_SELECTBOX_INCUBATORS\":\r\n return {\r\n ...state,\r\n incubators: action.payload\r\n }\r\n default:\r\n console.log(`Case not found: ${action.type}`)\r\n throw new Error();\r\n }\r\n }\r\n ","import React, {\r\n useReducer,\r\n useContext,\r\n useMemo,\r\n useEffect,\r\n useState,\r\n} from \"react\";\r\nimport classNames from \"classnames\";\r\nimport _ from \"lodash\";\r\n\r\nimport request from \"../../utils/request\";\r\nimport {\r\n getRowsPerPage,\r\n getSession,\r\n getUserCompany,\r\n getUserId,\r\n} from \"../../utils/sessionHandler\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport t from \"../../utils/translation\";\r\nimport df from \"../../utils/dateFormater\";\r\nimport useStyles from \"./HistoricalStyles\";\r\n\r\nimport ToggleButton from \"@material-ui/lab/ToggleButton\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport HistoricalExportFilter from \"../../components/HistoricalExportFilter\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport Button from \"../../components/Button\";\r\nimport Modal from \"../../components/Modal\";\r\nimport PictureAsPdfIcon from \"@material-ui/icons/PictureAsPdf\";\r\nimport { exportToPdf } from \"../../utils/readingExporter\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport FixedAlert from \"../../components/FixedAlert/FixedAlert\";\r\nimport { CircularProgress } from \"@material-ui/core\";\r\nimport RequestLicense from \"../../components/RequestLicense/RequestLicense\";\r\nimport Input from \"../../components/Input\";\r\nimport ReportPrinter from \"../../components/ReportPrinter/ReportPrinter\";\r\nimport { ProductType } from \"../../dictionaries/productType\";\r\nimport reducer from \"./HistoricalReducer\";\r\nimport Redirect from \"../../utils/Redirect\";\r\nimport moment from \"moment-timezone\";\r\nimport Button2 from \"../../components/Button2\";\r\n\r\nconst formatSelectObject = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([object.id, object.description || object.toString]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\n\r\nconst initialState = {\r\n data: [],\r\n tableActions: [],\r\n headerText: \"Historical\",\r\n loadingData: false,\r\n columns: [],\r\n headers: [],\r\n activeOption: undefined,\r\n sectors: [],\r\n users: [],\r\n incubators: [],\r\n washers: [],\r\n sterilizers: [],\r\n disinfectors: [],\r\n visualResults: [],\r\n biResults: [],\r\n proResults: [],\r\n cheResults: [],\r\n pageContentLoading: true,\r\n filters: {},\r\n pagination: { Page: 1, PageSize: getRowsPerPage(10) },\r\n dialogValidation: false,\r\n errorText: \"\",\r\n generatingReport: false,\r\n reportVisible: false,\r\n report_html: \"\",\r\n};\r\n\r\nconst columnsCollections = {\r\n BI: [\r\n { name: \"readNumber\", canOrder: true },\r\n { name: \"positionNumber\", canOrder: true },\r\n { name: \"startedTime\", canOrder: true },\r\n { name: \"resultDate\", canOrder: true },\r\n { name: \"programName\", canOrder: true },\r\n { name: \"programNumber\", canOrder: true },\r\n { name: \"averageTemperatureFormat\", canOrder: false },\r\n { name: \"result\", canOrder: true },\r\n { name: \"visualResultDescription\", canOrder: false },\r\n { name: \"product\", canOrder: true },\r\n { name: \"loteProduct\", canOrder: true },\r\n { name: \"processDescription\", canOrder: false },\r\n { name: \"valueD\", canOrder: true },\r\n { name: \"conditionSCIB\", canOrder: true },\r\n { name: \"bookNumber\", canOrder: true },\r\n { name: \"pageNumber\", canOrder: true },\r\n { name: \"cycle\", canOrder: true },\r\n { name: \"sterilizerName\", canOrder: true },\r\n { name: \"sterilizerSerial\", canOrder: true },\r\n { name: \"sterilizerBrand\", canOrder: true },\r\n { name: \"incubator\", canOrder: true },\r\n { name: \"loadNumber\", canOrder: true },\r\n { name: \"ticketNumber\", canOrder: true },\r\n ],\r\n BI_DISINFECTION: [\r\n { name: \"readNumber\", canOrder: true },\r\n { name: \"positionNumber\", canOrder: true },\r\n { name: \"startedTime\", canOrder: true },\r\n { name: \"resultDate\", canOrder: true },\r\n { name: \"programName\", canOrder: true },\r\n { name: \"programNumber\", canOrder: true },\r\n { name: \"averageTemperatureFormat\", canOrder: false },\r\n { name: \"result\", canOrder: true },\r\n { name: \"visualResultDescription\", canOrder: false },\r\n { name: \"product\", canOrder: true },\r\n { name: \"loteProduct\", canOrder: true },\r\n { name: \"conditionSCIB\", canOrder: true },\r\n { name: \"bookNumber\", canOrder: true },\r\n { name: \"pageNumber\", canOrder: true },\r\n { name: \"disinfectorName\", canOrder: true },\r\n { name: \"disinfectorSerial\", canOrder: true },\r\n { name: \"disinfectorBrand\", canOrder: true },\r\n { name: \"roomId\", canOrder: true },\r\n { name: \"roomVolume\", canOrder: true },\r\n { name: \"peroxideConcentration\", canOrder: true },\r\n { name: \"incubator\", canOrder: true },\r\n { name: \"ticketNumber\", canOrder: true },\r\n ],\r\n PRO: [\r\n { name: \"readNumber\", canOrder: true },\r\n { name: \"startedTime\", canOrder: true },\r\n { name: \"resultDate\", canOrder: true },\r\n { name: \"positionNumber\", canOrder: true },\r\n { name: \"visualResultDescription\", canOrder: false },\r\n { name: \"averageTemperatureFormat\", canOrder: false },\r\n { name: \"cuantitativeResultFormat\", canOrder: false },\r\n { name: \"programName\", canOrder: false },\r\n { name: \"programNumber\", canOrder: true },\r\n { name: \"onlyResultString\", canOrder: false },\r\n { name: \"product\", canOrder: true },\r\n { name: \"loteProduct\", canOrder: true },\r\n { name: \"bookNumber\", canOrder: true },\r\n { name: \"pageNumber\", canOrder: true },\r\n { name: \"cycle\", canOrder: true },\r\n { name: \"tool\", canOrder: true },\r\n { name: \"surfaceFormat\", canOrder: true },\r\n { name: \"washer\", canOrder: true },\r\n { name: \"washerSerial\", canOrder: true },\r\n { name: \"washerBrand\", canOrder: true },\r\n { name: \"incubator\", canOrder: true },\r\n { name: \"alertResult\", canOrder: false },\r\n { name: \"actionResult\", canOrder: false },\r\n { name: \"proteinFormat\", canOrder: false },\r\n { name: \"ticketNumber\", canOrder: true },\r\n ],\r\n CHESterilizer: [\r\n { name: \"readNumber\", canOrder: true },\r\n { name: \"creationTest\", canOrder: true },\r\n { name: \"resultDescription\", canOrder: false },\r\n { name: \"visualResultDescription\", canOrder: true },\r\n { name: \"manufactureDate\", canOrder: true },\r\n { name: \"product\", canOrder: true },\r\n { name: \"loteProduct\", canOrder: true },\r\n { name: \"brand\", canOrder: true },\r\n { name: \"expirationDate\", canOrder: true },\r\n { name: \"sterilizerName\", canOrder: true },\r\n { name: \"sterilizerSerial\", canOrder: true },\r\n { name: \"sterilizerBrand\", canOrder: true },\r\n { name: \"cycle\", canOrder: true },\r\n { name: \"temperature\", canOrder: true },\r\n { name: \"packageNumber\", canOrder: true },\r\n { name: \"concentration\", canOrder: true },\r\n { name: \"relativeDampness\", canOrder: true },\r\n { name: \"programNumber\", canOrder: true },\r\n { name: \"bookNumber\", canOrder: true },\r\n { name: \"pageNumber\", canOrder: true },\r\n ],\r\n CHEWasher: [\r\n { name: \"readNumber\", canOrder: true },\r\n { name: \"creationTest\", canOrder: true },\r\n { name: \"resultDescription\", canOrder: false },\r\n { name: \"visualResultDescription\", canOrder: true },\r\n { name: \"manufactureDate\", canOrder: true },\r\n { name: \"product\", canOrder: true },\r\n { name: \"loteProduct\", canOrder: true },\r\n { name: \"brand\", canOrder: true },\r\n { name: \"expirationDate\", canOrder: true },\r\n { name: \"cycle\", canOrder: true },\r\n { name: \"temperature\", canOrder: true },\r\n { name: \"washer\", canOrder: true },\r\n { name: \"washerSerial\", canOrder: true },\r\n { name: \"washerBrand\", canOrder: true },\r\n { name: \"location\", canOrder: true },\r\n { name: \"washingTime\", canOrder: true },\r\n { name: \"detergentConcentration\", canOrder: true },\r\n { name: \"detergentType\", canOrder: true },\r\n { name: \"waterPressure\", canOrder: true },\r\n { name: \"waterHardness\", canOrder: true },\r\n { name: \"programNumber\", canOrder: true },\r\n { name: \"bookNumber\", canOrder: true },\r\n { name: \"pageNumber\", canOrder: true },\r\n ],\r\n};\r\n\r\nexport default function Historical(props) {\r\n const locale = useContext(LocalizationContext);\r\n const classes = useStyles();\r\n\r\n const [openFilter, setOpenFilter] = useState(false);\r\n const [validateLicenseError, setValidateLicenseError] = useState(\"\");\r\n const [image, setImage] = useState(null);\r\n\r\n const headersCollections = useMemo(\r\n () => ({\r\n BI: [\r\n t(\"BaseReadReadNumber\", locale),\r\n t(\"BaseBIPROPositionNumber\", locale),\r\n t(\"BaseBIPROStartedTime\", locale),\r\n t(\"BaseBIPROResultDate\", locale),\r\n t(\"BaseBIPROProgram\", locale),\r\n t(\"BaseReadProgramNumber\", locale),\r\n t(\"BaseBIPROAverageTemperature\", locale),\r\n t(\"ReadingBICommonResult\", locale),\r\n t(\"ReadingBICommonVisualResult\", locale),\r\n t(\"BaseReadProduct\", locale),\r\n t(\"BaseReadLoteProduct\", locale),\r\n t(\"ReadingBISterilizationProcess\", locale),\r\n t(\"ReadingBISterilizationValueD\", locale),\r\n t(\"ReadingBICommonConditionSCIB\", locale),\r\n t(\"BaseReadBookNumber\", locale),\r\n t(\"BaseReadPageNumber\", locale),\r\n t(\"ReadingBISterilizationCycle\", locale),\r\n t(\"ReadingBISterilizationSterilizerName\", locale),\r\n t(\"ReadingBISterilizationSterilizerSerial\", locale),\r\n t(\"ReadingBISterilizationSterilizerBrand\", locale),\r\n t(\"BaseBIPROIncubator\", locale),\r\n t(\"BISterilizerLoadNumber\", locale),\r\n t(\"BaseBIPROTicketNumber\", locale),\r\n ],\r\n BI_DISINFECTION: [\r\n t(\"BaseReadReadNumber\", locale),\r\n t(\"BaseBIPROPositionNumber\", locale),\r\n t(\"BaseBIPROStartedTime\", locale),\r\n t(\"BaseBIPROResultDate\", locale),\r\n t(\"BaseBIPROProgram\", locale),\r\n t(\"BaseReadProgramNumber\", locale),\r\n t(\"BaseBIPROAverageTemperature\", locale),\r\n t(\"ReadingBICommonResult\", locale),\r\n t(\"ReadingBICommonVisualResult\", locale),\r\n t(\"BaseReadProduct\", locale),\r\n t(\"BaseReadLoteProduct\", locale),\r\n t(\"ReadingBICommonConditionSCIB\", locale),\r\n t(\"BaseReadBookNumber\", locale),\r\n t(\"BaseReadPageNumber\", locale),\r\n t(\"ReadingBIDisinfectionDisinfectorName\", locale),\r\n t(\"ReadingBIDisinfectionDisinfectorSerial\", locale),\r\n t(\"ReadingBIDisinfectionDisinfectorBrand\", locale),\r\n t(\"ReadingBIDisinfectionRoomId\", locale),\r\n t(\"ReadingBIDisinfectionRoomVolume\", locale),\r\n t(\"ReadingBIDisinfectionPeroxideConcentration\", locale),\r\n t(\"BaseBIPROIncubator\", locale),\r\n t(\"BaseBIPROTicketNumber\", locale),\r\n ],\r\n PRO: [\r\n t(\"BaseReadReadNumber\", locale),\r\n t(\"BaseBIPROStartedTime\", locale),\r\n t(\"BaseBIPROResultDate\", locale),\r\n t(\"BaseBIPROPositionNumber\", locale),\r\n t(\"ReadingPROVisualResult\", locale),\r\n t(\"BaseBIPROAverageTemperature\", locale),\r\n t(\"ReadingPROProtein\", locale),\r\n t(\"BaseBIPROProgram\", locale),\r\n t(\"BaseReadProgramNumber\", locale),\r\n t(\"ReadingPROResult\", locale),\r\n t(\"BaseReadProduct\", locale),\r\n t(\"BaseReadLoteProduct\", locale),\r\n t(\"BaseReadBookNumber\", locale),\r\n t(\"BaseReadPageNumber\", locale),\r\n t(\"BaseCHECycleNumber\", locale),\r\n t(\"ReadingPROTool\", locale),\r\n t(\"AreaLabel\", locale),\r\n t(\"ReadingPROWasherName\", locale),\r\n t(\"ReadingPROWasherSerial\", locale),\r\n t(\"ReadingPROWasherBrand\", locale),\r\n t(\"BaseBIPROIncubator\", locale),\r\n t(\"ProteinAlertLabel\", locale),\r\n t(\"ProteinActionLabel\", locale),\r\n t(\"ReadingPROUmbral\", locale),\r\n t(\"BaseBIPROTicketNumber\", locale),\r\n ],\r\n CHESterilizer: [\r\n t(\"BaseReadReadNumber\", locale),\r\n t(\"BaseCHECreationTestDate\", locale),\r\n t(\"BaseCHEResult\", locale),\r\n t(\"BaseCHEVisualResult\", locale),\r\n t(\"BaseCHEManufactureDate\", locale),\r\n t(\"BaseReadProduct\", locale),\r\n t(\"BaseReadLoteProduct\", locale),\r\n t(\"BaseCHEBrand\", locale),\r\n t(\"BaseCHEExpirationDate\", locale),\r\n t(\"ReadingCHESterilizerSterilizerName\", locale),\r\n t(\"ReadingCHESterilizerSterilizerSerial\", locale),\r\n t(\"ReadingCHESterilizerSterilizerBrand\", locale),\r\n t(\"BaseCHECycleNumber\", locale),\r\n t(\"BaseCHETemperature\", locale),\r\n t(\"ReadingCHESterilizerPackageNumber\", locale),\r\n t(\"ReadingCHESterilizerConcentration\", locale),\r\n t(\"ReadingCHESterilizerRelativeDampness\", locale),\r\n t(\"BaseReadProgramNumber\", locale),\r\n t(\"BaseReadBookNumber\", locale),\r\n t(\"BaseReadPageNumber\", locale),\r\n ],\r\n CHEWasher: [\r\n t(\"BaseReadReadNumber\", locale),\r\n t(\"BaseCHECreationTestDate\", locale),\r\n t(\"BaseCHEResult\", locale),\r\n t(\"BaseCHEVisualResult\", locale),\r\n t(\"BaseCHEManufactureDate\", locale),\r\n t(\"BaseReadProduct\", locale),\r\n t(\"BaseReadLoteProduct\", locale),\r\n t(\"BaseCHEBrand\", locale),\r\n t(\"BaseCHEExpirationDate\", locale),\r\n t(\"BaseCHECycleNumber\", locale),\r\n t(\"BaseCHETemperature\", locale),\r\n t(\"ReadingCHEWasherWasherName\", locale),\r\n t(\"ReadingCHEWasherWasherSerial\", locale),\r\n t(\"ReadingCHEWasherWasherBrand\", locale),\r\n t(\"ReadingCHEWasherLocation\", locale),\r\n t(\"ReadingCHEWasherWashingTime\", locale),\r\n t(\"ReadingCHEWasherDetergentConcentration\", locale),\r\n t(\"ReadingCHEWasherDetergentType\", locale),\r\n t(\"ReadingCHEWasherWaterPressure\", locale),\r\n t(\"ReadingCHEWasherWaterHardness\", locale),\r\n t(\"BaseReadProgramNumber\", locale),\r\n t(\"BaseReadBookNumber\", locale),\r\n t(\"BaseReadPageNumber\", locale),\r\n ],\r\n }),\r\n [locale]\r\n );\r\n\r\n const [state, dispatch] = useReducer(reducer, {\r\n ...initialState,\r\n pagination: { ...initialState.pagination, PageSize: getRowsPerPage() },\r\n });\r\n\r\n const {\r\n data,\r\n headerText,\r\n loadingData,\r\n columns,\r\n headers,\r\n activeOption,\r\n sectors,\r\n users,\r\n incubators,\r\n washers,\r\n sterilizers,\r\n disinfectors,\r\n biResults,\r\n proResults,\r\n cheResults,\r\n visualResults,\r\n filters,\r\n pagination,\r\n pageContentLoading,\r\n totalRows,\r\n dialogValidation,\r\n errorText,\r\n generatingReport,\r\n reportVisible,\r\n report_html,\r\n } = state;\r\n\r\n useEffect(() => {\r\n if (\r\n activeOption &&\r\n (activeOption == \"ReadingBI\" ||\r\n activeOption == \"ReadingBIDisinfection\" ||\r\n activeOption == \"ReadingPRO\")\r\n ) {\r\n let productType = 1;\r\n if (activeOption == \"ReadingBI\")\r\n productType = ProductType.BiologicalSterilizer;\r\n if (activeOption == \"ReadingBIDisinfection\")\r\n productType = ProductType.BiologicalDisinfection;\r\n request()\r\n .get(\r\n `/api/${activeOption}/GetIncubatorsFromReadings?productType=${productType}`\r\n )\r\n .then((resp) => {\r\n dispatch({\r\n type: \"SET_SELECTBOX_INCUBATORS\",\r\n payload: formatSelectObject(resp.data),\r\n });\r\n });\r\n }\r\n }, [activeOption]);\r\n\r\n useEffect(() => {\r\n dispatch({ type: \"TOGGLE_LOADING\" });\r\n Promise.all([\r\n request().get(`/api/Sector?companyid=${getUserCompany().Id}`),\r\n request().get(\r\n `/api/appuser/getbycompany?companyId=${getUserCompany().Id}`\r\n ),\r\n request().get(`/api/Enum/GetVisualResultsBI`),\r\n request().get(`/api/Washer/GetByUserLogged`),\r\n request().get(`/api/Sterilizer/GetByUserLogged`),\r\n request().get(`/api/Disinfector/GetByUserLogged`),\r\n request().get(`/api/ReadingBI/GetPossibleResults`),\r\n request().get(`/api/ReadingPRO/GetPossibleResults`),\r\n request().get(`/api/ReadingCHESterilizer/GetPossibleResults`),\r\n ]).then(\r\n ([\r\n sectorsData,\r\n usersData,\r\n visualResultsData,\r\n washers,\r\n sterilizers,\r\n disinfectors,\r\n biStatus,\r\n proStatus,\r\n cheStatus,\r\n ]) => {\r\n dispatch({\r\n type: \"SET_CONTENT\",\r\n payload: {\r\n sectors: formatSelectObject(sectorsData.data, \"\"), //t(\"ChooseASector\", locale)\r\n users: formatSelectObject(usersData.data, \"\"), //t(\"UserLabel\", locale)\r\n visualResults: formatSelectObject(\r\n visualResultsData.data,\r\n t(\"ChooseAVisualResult\", locale)\r\n ),\r\n washers: formatSelectObject(washers.data, \"\"),\r\n sterilizers: formatSelectObject(sterilizers.data, \"\"),\r\n disinfectors: formatSelectObject(disinfectors.data, \"\"),\r\n biResults: formatSelectObject(biStatus.data, \"\"),\r\n proResults: formatSelectObject(proStatus.data, \"\"),\r\n cheResults: formatSelectObject(cheStatus.data, \"\"),\r\n },\r\n });\r\n }\r\n );\r\n }, [locale, props.defaultReadOption]);\r\n\r\n const getTableHeader = (reading) => {\r\n return reading === \"ReadingBI\"\r\n ? t(\"BiologicalIndicatorLabel\", locale) + \" - \" + t(\"SterilizationLabel\", locale)\r\n : reading === \"ReadingBIDisinfection\"\r\n ? t(\"BiologicalIndicatorLabel\", locale) + \" - \" + t(\"DisinfectionLabel\", locale)\r\n : reading === \"ReadingPRO\"\r\n ? t(\"ProteinIndicatorLabel\", locale)\r\n : reading === \"readingchesterilizer\"\r\n ? t(\"ChemicalIndicatorsLabel\", locale) + \" - \" + t(\"ChemicalSterilizerLabel\", locale)\r\n : reading === \"readingchewasher\"\r\n ? t(\"ChemicalIndicatorsLabel\", locale) + \" - \" + t(\"ChemicalWasherLabel\", locale)\r\n : \"\";\r\n };\r\n\r\n const getColumns = (reading) => {\r\n return reading === \"ReadingBI\"\r\n ? columnsCollections.BI\r\n : reading === \"ReadingBIDisinfection\"\r\n ? columnsCollections.BI_DISINFECTION\r\n : reading === \"ReadingPRO\"\r\n ? columnsCollections.PRO\r\n : reading === \"readingchesterilizer\"\r\n ? columnsCollections.CHESterilizer\r\n : reading === \"readingchewasher\"\r\n ? columnsCollections.CHEWasher\r\n : null;\r\n };\r\n const getHeaders = (reading) => {\r\n return reading === \"ReadingBI\"\r\n ? headersCollections.BI\r\n : reading === \"ReadingBIDisinfection\"\r\n ? headersCollections.BI_DISINFECTION\r\n : reading === \"ReadingPRO\"\r\n ? headersCollections.PRO\r\n : reading === \"readingchesterilizer\"\r\n ? headersCollections.CHESterilizer\r\n : reading === \"readingchewasher\"\r\n ? headersCollections.CHEWasher\r\n : null;\r\n };\r\n\r\n const extractIncubatorsFromReadings = (readings) => {\r\n return readings.map((r) => {\r\n return {\r\n description: r.incubator,\r\n id: r.incubatorId,\r\n };\r\n });\r\n };\r\n\r\n const getHistorical = (\r\n reading,\r\n Filter = filters,\r\n Pagination = pagination\r\n ) => {\r\n \r\n if (reading !== activeOption) {\r\n dispatch({ type: \"CLEAR_FILTERS\" });\r\n Filter = initialState.filters; \r\n Pagination = { ...Pagination, OrderBy: null, OrderType: null };\r\n }\r\n\r\n dispatch({\r\n type: \"TOGGLE_LOADING_DATA\",\r\n payload: { activeOption: reading },\r\n });\r\n dispatch({ type: \"SET_PAGINATION\", payload: { pagination: Pagination } });\r\n\r\n const tableHeader = getTableHeader(reading);\r\n const columns = getColumns(reading);\r\n const headers = getHeaders(reading);\r\n\r\n dispatch({\r\n type: \"SET_TABLE_FIELDS\",\r\n payload: {\r\n headerText: tableHeader,\r\n columns: columns,\r\n headers: headers,\r\n },\r\n });\r\n\r\n request()\r\n .post(`/api/historical/${reading}`, {\r\n UserLogged: getSession(),\r\n Filter,\r\n Pagination,\r\n })\r\n .then((response) => {\r\n setTimeout(() => {\r\n dispatch({\r\n type: \"SET_DATA\",\r\n payload: {\r\n totalRows: response?.data?.totalRows,\r\n incubators: !_.isEmpty(state.filters)\r\n ? state.incubators\r\n : formatSelectObject(\r\n extractIncubatorsFromReadings(response?.data.lecturas)\r\n ),\r\n data: response?.data.lecturas\r\n .map((r) => {\r\n return {\r\n ...r,\r\n startedTime: df(r.startedTime, \"dateTime\"),\r\n resultDate: df(r.resultDate, \"dateTime\"),\r\n creationTest: df(r.creationTest, \"dateTime\"),\r\n manufactureDate: df(r.manufactureDate, \"date\"),\r\n expirationDate: df(r.expirationDate, \"date\"),\r\n };\r\n })\r\n .map((x) => ({\r\n ..._.mapKeys(x, (value, key) => key),\r\n })),\r\n },\r\n });\r\n }, 500);\r\n })\r\n .catch((error) => {\r\n console.log(error.response);\r\n dispatch({\r\n type: \"SET_DATA\",\r\n payload: { data: [] },\r\n });\r\n dispatch({\r\n type: \"SHOW_ERROR\",\r\n payload: error.response?.data?.message,\r\n });\r\n });\r\n };\r\n\r\n const handlePagination = (pageNumber, pageSize, orderBy, orderType) => {\r\n getHistorical(activeOption, filters, {\r\n Page: pageNumber,\r\n PageSize: pageSize,\r\n OrderBy: orderBy,\r\n OrderType: orderType,\r\n });\r\n };\r\n\r\n const validateExportLicense = () => {\r\n request()\r\n .post(\"/api/license/validateExporterLicense\")\r\n .then(() =>\r\n Redirect({\r\n redirect: true,\r\n path: \"/appexporter\",\r\n parameters: { indicatorSelected: activeOption },\r\n })\r\n )\r\n .catch((error) => setValidateLicenseError(error.response?.data?.message));\r\n };\r\n\r\n const formatHtml = (html) => {\r\n html = html.replaceAll(\r\n ' {\r\n try {\r\n if (validate) {\r\n const isEmpty = !Object.values(filters).some(\r\n (x) => x !== null && x !== \"\"\r\n );\r\n \r\n if (isEmpty) {\r\n dispatch({\r\n type: \"SET_FILTERS\",\r\n payload: { \r\n filters: {\r\n ClientDateTimeNow: moment().toISOString(true),\r\n ClientTimeZoneId: moment.tz.guess(true),\r\n } \r\n },\r\n }); \r\n dispatch({ type: \"SHOW_DIALOG\" });\r\n } else {\r\n dispatch({ type: \"GENERATING_REPORT\" });\r\n const report = await exportToPdf(activeOption, filters, pagination);\r\n dispatch({\r\n type: \"REPORT_GENERATED\",\r\n payload: formatHtml(report.data),\r\n });\r\n }\r\n } else {\r\n \r\n dispatch({ type: \"GENERATING_REPORT\" });\r\n const report = await exportToPdf(activeOption, filters, pagination);\r\n dispatch({\r\n type: \"REPORT_GENERATED\",\r\n payload: formatHtml(report.data),\r\n });\r\n }\r\n } catch (error) {\r\n dispatch({ type: \"SHOW_ERROR\", payload: error });\r\n }\r\n };\r\n\r\n const handleClose = (isAccepted) => {\r\n if (isAccepted) {\r\n exportToPdfSelectedReadings(false);\r\n } else {\r\n dispatch({ type: \"CLOSE_DIALOG\" });\r\n }\r\n };\r\n\r\n const getDetail = (reading) => {\r\n if (reading.imageId)\r\n request()\r\n .get(`/api/${activeOption}/GetImage?imageId=` + reading.imageId)\r\n .then((resp) => {\r\n setImage({ Image: resp.data.base64, ReadNumber: reading.readNumber });\r\n });\r\n };\r\n\r\n if (pageContentLoading) return \r\n \r\n \r\n {!_.isEmpty(filters) && (\r\n {\r\n setOpenFilter(false);\r\n dispatch({ type: \"CLEAR_FILTERS\" });\r\n getHistorical(activeOption, {}, { ...pagination, Page: 1 });\r\n }}\r\n style={{ color: 'black',\r\n marginRight: 0,\r\n }}\r\n >\r\n \r\n setOpenFilter(true)}\r\n style={{ color: 'black',\r\n marginRight: 5,\r\n }}\r\n >\r\n \r\n {\r\n exportToPdfSelectedReadings(true);\r\n }}\r\n >\r\n
\r\n \r\n getHistorical(\"ReadingPRO\")}\r\n >\r\n {t(\"ProteinIndicatorLabel\", locale)}\r\n \r\n\r\n
\r\n {activeOption && (\r\n <>\r\n \r\n \r\n \r\n {t(\"BiologicalIndicatorLabel\", locale)}\r\n \r\n
\r\n \r\n getHistorical(\"ReadingBI\")}\r\n >\r\n {t(\"SterilizationLabel\", locale)}\r\n \r\n getHistorical(\"ReadingBIDisinfection\")}\r\n >\r\n {t(\"DisinfectionLabel\", locale)}\r\n \r\n
\r\n \r\n \r\n {t(\"ChemicalIndicatorsLabel\", locale)}\r\n \r\n
\r\n \r\n getHistorical(\"readingchesterilizer\")}\r\n >\r\n {t(\"ChemicalSterilizerLabel\", locale)}\r\n \r\n getHistorical(\"readingchewasher\")}\r\n >\r\n {t(\"ChemicalWasherLabel\", locale)}\r\n \r\n
\r\n {t(\"FilterText\", locale)}
\r\n \r\n {\" \"}\r\n \r\n {t(\"GenerateRecordButton\", locale)}
\r\n {generatingReport && (\r\n \r\n setImage(null)}\r\n >\r\n \r\n \r\n
\r\n \r\n }\r\n closeModal={() => setImage(null)}\r\n responsive\r\n >\r\n {!image && (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n {reportVisible && (\r\n \r\n dispatch({ type: \"CLOSE_REPORT\" })}\r\n >\r\n \r\n \r\n
\r\n \r\n }\r\n reporting\r\n responsive\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import Historical from './Historical';\r\n\r\nexport default Historical;","export default function reducer(state, action) {\r\n switch (action.type) {\r\n case \"SET_READING\":\r\n return {\r\n ...state,\r\n reading: action.payload,\r\n };\r\n case \"SET_FILETYPE\":\r\n return {\r\n ...state,\r\n fileType: action.payload,\r\n };\r\n case \"SET_SECTOR\":\r\n return {\r\n ...state,\r\n sector: action.payload,\r\n };\r\n case \"SET_DATE_FROM\":\r\n return {\r\n ...state,\r\n dateFrom: action.payload,\r\n };\r\n case \"SET_DATE_TO\":\r\n return {\r\n ...state,\r\n dateTo: action.payload,\r\n };\r\n case \"SET_USER\":\r\n return {\r\n ...state,\r\n user: action.payload,\r\n };\r\n case \"SET_INCUBATOR\":\r\n return {\r\n ...state,\r\n incubator: action.payload,\r\n };\r\n case \"SET_COLUMNS\":\r\n return {\r\n ...state,\r\n columns: action.payload,\r\n };\r\n case \"SET_CSVSEPARATOR\":\r\n return {\r\n ...state,\r\n CSVSeparator: action.payload,\r\n };\r\n case \"CLEAR_FIELDS\":\r\n return {\r\n ...state,\r\n sector: \"\",\r\n dateFrom: null,\r\n dateTo: null,\r\n incubator: \"\",\r\n user: \"\",\r\n columns: [],\r\n };\r\n default:\r\n return new Error();\r\n }\r\n };\r\n ","import React, { useState, useReducer, useEffect, useContext } from \"react\";\r\nimport { getUserCompany, getSession } from \"../../utils/sessionHandler\";\r\nimport request from \"../../utils/request\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport t from \"../../utils/translation\";\r\n\r\nimport Select from \"../../components/Select\";\r\nimport DateInput from \"../../components/DateInput\";\r\nimport Autocomplete from \"../../components/Autocomplete\";\r\nimport Input from \"../../components/Input\";\r\nimport Button from \"../../components/Button\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport { ProductType } from \"../../dictionaries/productType\";\r\nimport reducer from './ExporterReducer'\r\nimport moment from \"moment-timezone\";\r\n\r\nconst formatSelectObject = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([object.id, object.description || object.toString]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\n\r\nconst mapIndicatorSelected = (value) => {\r\n switch (value) {\r\n case \"ReadingPRO\":\r\n return \"PRO\";\r\n case \"ReadingBI\":\r\n return \"BI\";\r\n case \"ReadingBIDisinfection\":\r\n return \"BI_DISINFECTION\";\r\n case \"readingchesterilizer\":\r\n return \"CHESTERILIZER\"\r\n case \"readingchewasher\":\r\n return \"CHEWASHER\"\r\n default: return \"\";\r\n }\r\n}\r\n\r\nexport default function Exporter({ indicatorSelected }) {\r\n const locale = useContext(LocalizationContext);\r\n const initialState = {\r\n reading: mapIndicatorSelected(indicatorSelected),\r\n fileType: \"excel\",\r\n sector: null,\r\n dateFrom: null,\r\n dateTo: null,\r\n incubator: null,\r\n user: null,\r\n columns: [],\r\n CSVSeparator: \",\",\r\n };\r\n\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n const [contentLoading, setContentLoading] = useState(false);\r\n const [sectorOptions, setSectorOptions] = useState([]);\r\n const [userOptions, setUserOptions] = useState([]);\r\n const [incubatorOptions, setIncubatorOptions] = useState([]);\r\n const [columnOptions, setColumnOptions] = useState([]);\r\n const [loadingColumns, setLoadingColumns] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const {\r\n reading,\r\n fileType,\r\n sector,\r\n dateFrom,\r\n user,\r\n incubator,\r\n dateTo,\r\n columns,\r\n CSVSeparator,\r\n } = state;\r\n\r\n useEffect(() => {\r\n getColumns(reading);\r\n }, [])\r\n\r\n const readingOptions = [\r\n [null, t(\"ChooseAReadingText\", locale)],\r\n [\"BI\", t(\"BiologicalIndicatorSterilizationText\", locale) || \"Biological Indicator Sterilization\"],\r\n [\"BI_DISINFECTION\", t(\"BiologicalIndicatorDisinfectionText\", locale) || \"Biological Indicator Disinfection\"],\r\n [\"PRO\", t(\"ProteinIndicatorText\", locale)],\r\n [\"CHEWASHER\", t(\"ChemicalIndicatorWasherText\", locale)],\r\n [\"CHESTERILIZER\", t(\"ChemicalIndicatorSterilizerText\", locale)],\r\n ];\r\n\r\n useEffect(() => {\r\n if (reading) {\r\n const params = setParamsName();\r\n if (params.controller)\r\n request().get(`/api/${params.controller}/GetIncubatorsFromReadings?productType=${params.productType}`).then((resp) => {\r\n setIncubatorOptions(formatSelectObject(resp.data));\r\n })\r\n }\r\n }, [reading])\r\n\r\n const setParamsName = () => {\r\n let controller, productType = 1\r\n if (reading == \"BI\") {\r\n productType = ProductType.BiologicalSterilizer\r\n controller = \"ReadingBI\"\r\n }\r\n if (reading == \"BI_DISINFECTION\") {\r\n productType = ProductType.BiologicalDisinfection\r\n controller = \"ReadingBIDisinfection\"\r\n }\r\n if (reading == \"PRO\") {\r\n controller = \"ReadingPRO\"\r\n }\r\n return {\r\n productType: productType,\r\n controller: controller\r\n }\r\n }\r\n\r\n const fileTypes = [\r\n [\"excel\", \"Excel\"],\r\n [\"csv\", \"CSV\"],\r\n [\"xml\", \"XML\"],\r\n ];\r\n\r\n useEffect(() => {\r\n setContentLoading(true);\r\n Promise.all([\r\n request().get(`/api/Sector?companyid=${getUserCompany().Id}`),\r\n request().get(`/api/appuser/getbycompany?companyId=${getUserCompany().Id}`)\r\n ]).then(([sectorsData, usersData]) => {\r\n setSectorOptions(\r\n formatSelectObject(sectorsData.data, t(\"ChooseASectorText\", locale))\r\n );\r\n setUserOptions(usersData.data);\r\n setContentLoading(false);\r\n });\r\n }, [locale]);\r\n\r\n const getColumns = (selectedRead) => {\r\n setLoadingColumns(true);\r\n setColumnOptions([]);\r\n request()\r\n .post(\"/api/export/getexportcols\", {\r\n UserLogged: getSession(),\r\n Read: selectedRead,\r\n })\r\n .then((response) => {\r\n setColumnOptions(response.data);\r\n setLoadingColumns(false);\r\n })\r\n .catch((error) => console.log(error.response));\r\n };\r\n\r\n const handleReadingChange = (selectedRead) => {\r\n dispatch({ type: \"SET_READING\", payload: selectedRead });\r\n dispatch({ type: \"CLEAR_FIELDS\" });\r\n getColumns(selectedRead);\r\n };\r\n\r\n const handleFileTypeChange = (selectedFileType) => {\r\n dispatch({ type: \"SET_FILETYPE\", payload: selectedFileType });\r\n dispatch({ type: \"SET_CSVSEPARATOR\", payload: \",\" });\r\n };\r\n\r\n const handleFileExport = () => {\r\n setLoading(true);\r\n request()\r\n .post(\r\n `/api/export/${fileType}`,\r\n {\r\n UserLogged: getSession(),\r\n Read: reading,\r\n Filter: {\r\n SectorId: sector,\r\n DateFrom: dateFrom,\r\n DateTo: dateTo,\r\n IncubatorId: incubator,\r\n EditUserId: user?.id,\r\n ClientDateTimeNow: moment().toISOString(true),\r\n ClientTimeZoneId: moment.tz.guess(true),\r\n },\r\n CSVSeparator: CSVSeparator,\r\n Cols: columns,\r\n },\r\n { responseType: \"blob\" }\r\n )\r\n .then((response) => {\r\n const extension =\r\n fileType === \"excel\"\r\n ? \".xlsx\"\r\n : fileType === \"csv\"\r\n ? \".csv\"\r\n : fileType === \"xml\"\r\n ? \".xml\"\r\n : \"\";\r\n const exportDateTime = new Date();\r\n const fileName = `Exporter${reading}-${exportDateTime.toLocaleDateString()} ${exportDateTime.getHours()}:${exportDateTime.getMinutes()}:${exportDateTime.getSeconds()}${extension}`;\r\n\r\n if (window.navigator.msSaveOrOpenBlob) {\r\n navigator.msSaveBlob(response.data, fileName);\r\n } else {\r\n const a = document.createElement(\"a\");\r\n document.body.appendChild(a);\r\n a.href = window.URL.createObjectURL(response.data);\r\n a.download = fileName;\r\n a.target = \"_blank\";\r\n a.click();\r\n a.remove();\r\n window.URL.revokeObjectURL(response.data);\r\n }\r\n setLoading(false);\r\n });\r\n };\r\n\r\n if (contentLoading) return \r\n
\r\n \r\n \r\n handleFileTypeChange(val)}\r\n variant={\"outlined\"}\r\n disabled={loading}\r\n />\r\n
\r\n {fileType === \"csv\" && (\r\n \r\n \r\n handleFileTypeChange(val)}\r\n variant={\"outlined\"}\r\n disabled={loading}\r\n />\r\n
\r\n {fileType === \"csv\" && (\r\n \r\n handleReadingChange(val)}\r\n variant={\"outlined\"}\r\n disabled={loading}\r\n />\r\n
\r\n {(reading === \"BI\" || reading === \"BI_DISINFECTION\" || reading === \"PRO\") && (\r\n <>\r\n \r\n \r\n dispatch({ type: \"SET_CSVSEPARATOR\", payload: val })\r\n }\r\n variant={\"outlined\"}\r\n gutter={\"14px 0\"}\r\n disabled={loading}\r\n isRequired={true}\r\n error={CSVSeparator === \"\" ? t(\"RequiredFieldError\") : \"\"}\r\n />\r\n
\r\n )}\r\n \r\n \r\n dispatch({ type: \"SET_SECTOR\", payload: val })\r\n }\r\n variant={\"outlined\"}\r\n nullable\r\n disabled={loading}\r\n />\r\n
\r\n \r\n \r\n dispatch({ type: \"SET_INCUBATOR\", payload: val })\r\n }\r\n variant={\"outlined\"}\r\n nullable\r\n disabled={loading}\r\n />\r\n
\r\n \r\n dispatch({ type: \"SET_USER\", payload: val })}\r\n disabled={loading}\r\n />\r\n
\r\n \r\n \r\n dispatch({\r\n type: \"SET_DATE_FROM\",\r\n payload: val ? val.startOf('day').toISOString(true) : null,\r\n })\r\n }\r\n variant={\"outlined\"}\r\n clearable\r\n gutter={\"14px 0\"}\r\n noError={true}\r\n disabled={loading}\r\n />\r\n
\r\n \r\n \r\n dispatch({\r\n type: \"SET_DATE_TO\",\r\n payload: val ? val.endOf('day').toISOString(true) : null,\r\n })\r\n }\r\n variant={\"outlined\"}\r\n clearable\r\n gutter={\"14px 0\"}\r\n noError={true}\r\n disabled={loading}\r\n />\r\n
\r\n \r\n \r\n dispatch({ type: \"SET_COLUMNS\", payload: val })\r\n }\r\n loading={loadingColumns}\r\n disabled={loading}\r\n error={\r\n columns.length === 0 && loadingColumns === false\r\n ? t(\"ColumnsErrorText\", locale)\r\n : \"\"\r\n }\r\n />\r\n
\r\n \r\n )}\r\n {(reading === \"CHEWASHER\" || reading === \"CHESTERILIZER\") && (\r\n <>\r\n \r\n \r\n dispatch({ type: \"SET_CSVSEPARATOR\", payload: val })\r\n }\r\n variant={\"outlined\"}\r\n gutter={\"14px 0\"}\r\n disabled={loading}\r\n isRequired={true}\r\n error={CSVSeparator === \"\" ? t(\"RequiredFieldError\") : \"\"}\r\n />\r\n
\r\n )}\r\n \r\n dispatch({ type: \"SET_USER\", payload: val })}\r\n disabled={loading}\r\n />\r\n
\r\n \r\n \r\n dispatch({\r\n type: \"SET_DATE_FROM\",\r\n payload: val ? val.startOf('day').toISOString(true) : null,\r\n })\r\n }\r\n variant={\"outlined\"}\r\n clearable\r\n gutter={\"14px 0\"}\r\n noError={true}\r\n disabled={loading}\r\n />\r\n
\r\n \r\n \r\n dispatch({\r\n type: \"SET_DATE_TO\",\r\n payload: val ? val.endOf('day').toISOString(true) : null,\r\n })\r\n }\r\n variant={\"outlined\"}\r\n clearable\r\n gutter={\"14px 0\"}\r\n noError={true}\r\n disabled={loading}\r\n />\r\n
\r\n \r\n \r\n dispatch({ type: \"SET_COLUMNS\", payload: val })\r\n }\r\n loading={loadingColumns}\r\n disabled={loading}\r\n error={\r\n columns.length === 0 && loadingColumns === false\r\n ? t(\"ColumnsErrorText\", locale)\r\n : \"\"\r\n }\r\n />\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\n","import Exporter from './Exporter';\r\n\r\nexport default Exporter;","import React, { useState } from 'react';\r\nimport { Checkbox, CircularProgress, FormControlLabel, TextField } from '@material-ui/core';\r\nimport Button from '../Button';\r\nimport t from \"../../utils/translation\";\r\nimport request from '../../utils/request';\r\nimport FixedAlert from '../FixedAlert/FixedAlert';\r\n\r\nconst Suscription = ({ suscription, dispatch, locale }) => {\r\n\r\n const [alertState, setAlertState] = useState({});\r\n const [loadingRequest, setLoadingRequest] = useState(false);\r\n\r\n const sendRequest = () => {\r\n setLoadingRequest(true)\r\n request().post(`/api/Suscriptions/TestRequest`, suscription).then((resp) => {\r\n setAlertState({\r\n type: 'info',\r\n text: resp.data\r\n })\r\n }).catch((err) => {\r\n setAlertState({\r\n type: 'error',\r\n text: err?.response?.data?.Message\r\n })\r\n }).finally(() => {\r\n setLoadingRequest(false)\r\n })\r\n }\r\n\r\n const closeAlert = () => {\r\n setAlertState({\r\n ...alertState,\r\n text: ''\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n {\r\n suscription.suscribed = event.target.checked\r\n dispatch({ type: 'onChange', payload: suscription })\r\n }}>}\r\n label={suscription.indicatorType.name}\r\n />\r\n
\r\n \r\n {\r\n suscription.url = event.target.value\r\n dispatch({ type: 'onChange', payload: suscription })\r\n }}> \r\n
\r\n {\r\n suscription.buttonTest === true || suscription.buttonTest === undefined &&\r\n \r\n \r\n {loadingRequest &&
\r\n }\r\n \r\n { state.NormalSuscription.Suscriptions && state.NormalSuscription.Suscriptions.length > 0 &&\r\n <>\r\n
\r\n );\r\n};\r\n\r\nexport default Suscriptions;","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles({\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n modalCloseButton: {\r\n color: \"#9e9e9e\",\r\n borderRadius: \"50%\",\r\n cursor: \"pointer\",\r\n userSelect: \"none\",\r\n\r\n '&:hover': {\r\n color: '#5a5a5d'\r\n },\r\n\r\n \"& svg\": {\r\n fill: \"currentcolor\",\r\n width: \"1em\",\r\n height: \"1em\",\r\n fontSize: \"1.5rem\",\r\n userSelect: \"none\"\r\n }\r\n },\r\n\r\n footerAction: {\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'flex-end'\r\n },\r\n\r\n detailLoading: {\r\n display: 'flex',\r\n justifyContent: 'center'\r\n }\r\n})","export default function reducer(state, action) {\r\n switch (action.type) {\r\n case \"SET_CONTENT\":\r\n return {\r\n ...state,\r\n programs: action.payload.programs,\r\n processes: action.payload.processes,\r\n conditionSCIB: action.payload.conditionSCIB,\r\n sterilizers: action.payload.sterilizers,\r\n disinfectors: action.payload.disinfectors,\r\n requiredFields: action.payload.requiredFields,\r\n productsStatic: action.payload.products,\r\n unit: action.payload.unit,\r\n loadingContent: false\r\n };\r\n case \"TOGGLE_LOADING_DATA\":\r\n return {\r\n ...state,\r\n loadingData: !state.loadingData\r\n };\r\n case \"SET_PAGINATION\":\r\n return {\r\n ...state,\r\n pagination: action.payload.pagination\r\n };\r\n case \"SET_UNIQUE_FIELDS\":\r\n return {\r\n ...state,\r\n formUniqueFields: []\r\n }\r\n case \"SET_DATA\":\r\n return {\r\n ...state,\r\n data: action.payload.data\r\n }\r\n case \"SET_DETAIL_OBJECT\":\r\n return {\r\n ...state,\r\n detailObject: action.payload.detailObject,\r\n data: action.payload.data ?? state.data,\r\n loadingDetail: action.payload.loadingDetail\r\n }\r\n case \"SET_HISTORICAL\":\r\n return {\r\n ...state,\r\n historical: {\r\n toHistoricalObject: 'toHistoricalObject' in action.payload ? action.payload.toHistoricalObject : state.historical.toHistoricalObject,\r\n toHistoricalLoading: 'toHistoricalLoading' in action.payload ? action.payload.toHistoricalLoading : state.historical.toHistoricalLoading,\r\n toHistoricalMessage: 'toHistoricalMessage' in action.payload ? action.payload.toHistoricalMessage : state.historical.toHistoricalMessage\r\n }\r\n }\r\n case \"FORMAT_ARRAY_FORM_FIELD\": {\r\n return {\r\n ...state,\r\n formFields: [...action.payload.commonFormFields, ...action.payload.extraFormFields],\r\n commonFormFields: action.payload.commonFormFields,\r\n detailFields: [...action.payload.detailCommonFields, ...action.payload.extraDetailsFields],\r\n productType: action.payload.productType\r\n }\r\n }\r\n case \"ADD_STERILIZER\":\r\n return {\r\n ...state,\r\n formFields: [...state.commonFormFields, ...action.payload.extraFormFields],\r\n sterilizers: action.payload.Sterilizers,\r\n abmSterilizerVisible: false\r\n };\r\n case \"SHOW_ABM_STERILIZER\":\r\n return {\r\n ...state,\r\n abmSterilizerVisible: true\r\n };\r\n case \"HIDE_ABM_STERILIZER\":\r\n return {\r\n ...state,\r\n abmSterilizerVisible: false\r\n };\r\n case \"ADD_DISINFECTOR\":\r\n return {\r\n ...state,\r\n formFields: [...state.commonFormFields, ...action.payload.extraFormFields],\r\n disinfectors: action.payload.Disinfectors,\r\n abmDisinfectorVisible: false\r\n };\r\n case \"SHOW_ABM_DISINFECTOR\":\r\n return {\r\n ...state,\r\n abmDisinfectorVisible: true\r\n };\r\n case \"HIDE_ABM_DISINFECTOR\":\r\n return {\r\n ...state,\r\n abmDisinfectorVisible: false\r\n };\r\n default:\r\n throw new Error();\r\n }\r\n}\r\n","import React, {\r\n useContext,\r\n useReducer,\r\n useEffect,\r\n useMemo,\r\n useRef,\r\n} from \"react\";\r\nimport CRUD from \"../../components/CRUD/CRUD\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport useStyles from \"./BIFinishedStyles\";\r\nimport t from \"../../utils/translation\";\r\nimport request from \"../../utils/request\";\r\nimport {\r\n getDist,\r\n getSession,\r\n getUserCompany,\r\n getUserId,\r\n getUserType,\r\n} from \"../../utils/sessionHandler\";\r\nimport { IndicatorType } from \"../../dictionaries/indicatorTypes\";\r\nimport df from \"../../utils/dateFormater\";\r\nimport _ from \"lodash\";\r\nimport CircularProgress from \"../../components/CircularProgress\";\r\nimport Modal from \"../../components/Modal\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport { flatten, unflatten } from \"flat\";\r\nimport Progress from \"../../components/Progress\";\r\nimport Button from \"../../components/Button\";\r\nimport { ProductType } from \"../../dictionaries/productType\";\r\nimport QuickSterilizer from \"../../components/QuickSterilizer\";\r\nimport QuickDisinfector from \"../../components/QuickDisinfector/QuickDisinfector\";\r\nimport GroupedDetail from \"../../components/GroupedDetail/GroupedDetail\";\r\nimport { SCBICondition } from \"../../dictionaries/SCBIConditions\";\r\nimport reducer from \"./BIFinishedReducer\";\r\n\r\nconst formatSelectObject = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([\r\n object.id,\r\n object.description || object.toString,\r\n object?.sectorid,\r\n ]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\nconst formatSelectObjectSte = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([\r\n object.id,\r\n object.description || object.toString,\r\n object.sectorId,\r\n ]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\nconst formatSelectObjectProd = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([\r\n object.id,\r\n object.description || object.toString,\r\n object.productModel,\r\n ]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\nconst formatNombreProgram = (objectData, emptyText) => {\r\n return objectData.reduce(\r\n (objectsList, object) => {\r\n objectsList.push([\r\n object.id,\r\n object.nombre || object.toString,\r\n parseFloat(object.time),\r\n ]);\r\n return objectsList;\r\n },\r\n [[null, emptyText]]\r\n );\r\n};\r\n\r\nconst initialState = {\r\n programs: [],\r\n processes: [],\r\n conditionSCIB: [],\r\n sterilizers: [],\r\n disinfectors: [],\r\n products: [],\r\n loadingContent: true,\r\n loadingData: false,\r\n pagination: { Page: 1, PageSize: 10 },\r\n requiredFields: [],\r\n data: [],\r\n detailObject: null,\r\n loadingDetail: false,\r\n formFields: [],\r\n detailFields: [],\r\n historical: {\r\n toHistoricalObject: null,\r\n toHistoricalLoading: false,\r\n toHistoricalMessage: {\r\n type: \"none\",\r\n },\r\n },\r\n abmSterilizerVisible: false,\r\n abmDisinfectorVisible: false,\r\n groups: [\r\n { Description: t(\"ProductGroup\"), position: 1, Index: 0, visible: true },\r\n { Description: t(\"ProcessGroup\"), position: 2, Index: 1, visible: true },\r\n { Description: t(\"OtherGroup\"), position: 3, Index: 2, visible: true },\r\n { Description: t(\"IncubationGroup\"), position: 0, Index: 3, visible: true },\r\n ],\r\n indexProductGroup: 0,\r\n indexProcessGroup: 1,\r\n indexOtherGroup: 2,\r\n indexIncubationGroup: 3,\r\n};\r\n\r\nconst BIFinished = () => {\r\n const [state, dispatch] = useReducer(reducer, initialState);\r\n const classes = useStyles();\r\n const locale = useContext(LocalizationContext);\r\n const CRUDRef = useRef(null);\r\n const baseObject = useMemo(\r\n () => ({\r\n UserLogged: getSession(),\r\n unit: \"1\",\r\n }),\r\n [locale]\r\n );\r\n const sterilizerFormFields = (sterilizers, defaultValue) => {\r\n return [\r\n {\r\n position: 2,\r\n groupIndex: state.indexProductGroup,\r\n label: t(\"ProcessLabel\", locale),\r\n propOnObject: \"ReadingBI.process\",\r\n propOnMassiveObject: \"ReadBIMasive.process\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields\r\n ? state.requiredFields.find((x) => x.objectName === 1250)\r\n ? true\r\n : false\r\n : false,\r\n type: \"select\",\r\n options: state.processes,\r\n },\r\n {\r\n position: 3,\r\n groupIndex: state.indexProductGroup,\r\n label: t(\"ValueDLabel\", locale),\r\n propOnObject: \"ReadingBI.valueD\",\r\n propOnMassiveObject: \"ReadBIMasive.valueD\",\r\n class: \"col-12 col-md-3 px-0\",\r\n required: state.requiredFields\r\n ? state.requiredFields.find((x) => x.objectName === 1260)\r\n ? true\r\n : false\r\n : false,\r\n type: \"number\",\r\n },\r\n {\r\n position: 4,\r\n groupIndex: state.indexProductGroup,\r\n label: t(\"DValueUnitLabel\", locale) || \"Units\",\r\n propOnObject: \"unit\",\r\n propOnMassiveObject: \"unit\",\r\n class: \"col-12 col-md-3 px-0\",\r\n required: state.requiredFields\r\n ? state.requiredFields.find((x) => x.objectName === 1261)\r\n ? true\r\n : false\r\n : false,\r\n type: \"select\",\r\n options: state.unit,\r\n },\r\n {\r\n position: 1,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"CycleLabel\", locale),\r\n propOnObject: \"ReadingBI.cycle\",\r\n propOnMassiveObject: \"ReadBIMasive.cycle\",\r\n class: \"col-12 col-md-6 px-0\",\r\n required: state.requiredFields\r\n ? state.requiredFields.find((x) => x.objectName === 1305)\r\n ? true\r\n : false\r\n : false,\r\n type: \"specialInput\",\r\n },\r\n {\r\n position: 0,\r\n groupIndex: state.indexProcessGroup,\r\n label: t(\"SterilizerLabel\", locale),\r\n propOnObject: \"ReadingBI.sterilizerId\",\r\n propOnMassiveObject: \"ReadBIMasive.sterilizerId\",\r\n component: (\r\n \r\n \r\n {state.NormalSuscription.LicenseProduct}\r\n \r\n
\r\n \r\n {\r\n state.NormalSuscription && state.NormalSuscription.Suscriptions.length > 0 && state.NormalSuscription.Suscriptions.map((suscription) => {\r\n return (\r\n
\r\n \r\n }\r\n { state.PlusSuscription.Suscriptions && state.PlusSuscription.Suscriptions.length > 0 &&\r\n <>\r\n \r\n \r\n {state.PlusSuscription.LicenseProduct}\r\n \r\n
\r\n \r\n {\r\n state.PlusSuscription.Suscriptions && state.PlusSuscription.Suscriptions.length > 0 && state.PlusSuscription.Suscriptions.map((suscription) => {\r\n return (\r\n
\r\n \r\n }\r\n {\r\n ((state.PlusSuscription.Suscriptions && state.PlusSuscription.Suscriptions.length > 0) ||\r\n (state.NormalSuscription.Suscriptions && state.NormalSuscription.Suscriptions.length > 0)) &&\r\n \r\n
\r\n }\r\n { state.PlusSuscription.Suscriptions && state.PlusSuscription.Suscriptions.length === 0 &&\r\n state.NormalSuscription.Suscriptions && state.NormalSuscription.Suscriptions.length === 0 &&\r\n {e}
),\r\n },\r\n },\r\n });\r\n }, 500);\r\n } else {\r\n setTimeout(() => {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: {\r\n toHistoricalLoading: false,\r\n toHistoricalObject: false,\r\n toHistoricalMessage: {\r\n type: \"success\",\r\n message: response.data.message,\r\n },\r\n },\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n setTimeout(() => {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: { toHistoricalMessage: { type: \"none\" } },\r\n });\r\n }, 3000);\r\n }\r\n })\r\n .catch((error) => {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: {\r\n toHistoricalLoading: false,\r\n toHistoricalObject: false,\r\n toHistoricalMessage: {\r\n type: \"error\",\r\n message: error.response?.data?.message || error.response?.data,\r\n },\r\n },\r\n });\r\n });\r\n };\r\n const toHistoricalMassive = (readings, ids) => {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: { toHistoricalLoading: true },\r\n });\r\n request()\r\n .post(\"/api/ReadingBI/masiveToHistorical\", {\r\n ReadBIMasive: { ReadIds: ids, ...unflatten(readings[0]) },\r\n UserLogged: getSession(),\r\n })\r\n .then((response) => {\r\n if (response.data.result === \"ERRORS\") {\r\n setTimeout(() => {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: {\r\n toHistoricalLoading: false,\r\n toHistoricalObject: false,\r\n toHistoricalMessage: {\r\n type: \"error\",\r\n message: response.data.errors.map((e) =>{e}
),\r\n },\r\n },\r\n });\r\n }, 500);\r\n } else {\r\n setTimeout(() => {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: {\r\n toHistoricalLoading: false,\r\n toHistoricalObject: false,\r\n toHistoricalMessage: {\r\n type: \"success\",\r\n message: response.data.message,\r\n },\r\n },\r\n });\r\n CRUDRef.current.api({ type: \"clearSelected\" });\r\n updateData();\r\n }, 500);\r\n setTimeout(() => {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: { toHistoricalMessage: { type: \"none\" } },\r\n });\r\n }, 3000);\r\n }\r\n })\r\n .catch((error) => {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: {\r\n toHistoricalLoading: false,\r\n toHistoricalObject: false,\r\n toHistoricalMessage: {\r\n type: \"error\",\r\n message: error.response?.data?.message || error.response?.data,\r\n },\r\n },\r\n });\r\n });\r\n };\r\n const massiveBaseObject = useMemo(\r\n () => ({\r\n ReadBIMasive: {\r\n ReadIds: [],\r\n productId: null,\r\n loteProduct: \"\",\r\n process: null,\r\n valueD: \"\",\r\n conditionSCIB: null,\r\n bookNumber: \"\",\r\n pageNumber: \"\",\r\n programNumber: \"\",\r\n cycle: \"\",\r\n sterilizerId: null,\r\n disinfectorId: null,\r\n terms: \"\",\r\n notes: \"\",\r\n loadNumber: null,\r\n },\r\n UserLogged: getSession(),\r\n unit: \"1\",\r\n }),\r\n [locale]\r\n );\r\n const setFieldsByProductType = (product, productType, products = []) => {\r\n if (products.length === 1 || products.length === 0) {\r\n //si la longitud es 1, solo viene el registro de la traducción del placeholder.\r\n products = state.productsStatic;\r\n }\r\n if (product && productType == ProductType.BiologicalSterilizer) {\r\n dispatch({\r\n type: \"FORMAT_ARRAY_FORM_FIELD\",\r\n payload: {\r\n commonFormFields: commonFieldsMap(products, product.id),\r\n detailCommonFields: detailCommonFields,\r\n extraFormFields: sterilizerFormFields(),\r\n extraDetailsFields: detailSterilizerFields,\r\n productType: productType,\r\n },\r\n });\r\n }\r\n if (product && productType == ProductType.BiologicalDisinfection) {\r\n dispatch({\r\n type: \"FORMAT_ARRAY_FORM_FIELD\",\r\n payload: {\r\n commonFormFields: commonFieldsMap(products, product.id),\r\n detailCommonFields: detailCommonFields,\r\n extraFormFields: disinfectionFormFields(),\r\n extraDetailsFields: detailDisinfectorFields,\r\n productType: productType,\r\n },\r\n });\r\n }\r\n if (!product) {\r\n dispatch({\r\n type: \"FORMAT_ARRAY_FORM_FIELD\",\r\n payload: {\r\n commonFormFields: commonFieldsMap(\r\n products,\r\n products.length === 2 ? products[1][0] : null\r\n ),\r\n detailCommonFields: detailCommonFields,\r\n extraFormFields:\r\n products.length === 2\r\n ? products[1][2].type === ProductType.BiologicalSterilizer\r\n ? sterilizerFormFields()\r\n : disinfectionFormFields()\r\n : [],\r\n extraDetailsFields: [],\r\n productType: products.length === 2 ? products[1][2].type : undefined,\r\n },\r\n });\r\n }\r\n };\r\n const clasifyProductsByProgram = (programId) => {\r\n const programTime = state.programs.filter((x) => x[0] === programId)[0][2]; //RECUPERO EL TIEMPO.\r\n const similarTimeProducts = [[null, t(\"ChooseAProductText\", locale)]]; //AGREGO EL ELEMENTO VACÍO\r\n const products = state.productsStatic.filter(\r\n (x) => x[2]?.program?.time == programTime\r\n );\r\n products.forEach((element) => {\r\n similarTimeProducts.push(element);\r\n });\r\n return similarTimeProducts;\r\n };\r\n const setRecentlyAddedSterilizer = (defaultSterilizerId, sterilizers) => {\r\n dispatch({\r\n type: \"ADD_STERILIZER\",\r\n payload: {\r\n Sterilizers: sterilizers,\r\n extraFormFields: sterilizerFormFields(sterilizers, defaultSterilizerId),\r\n },\r\n });\r\n };\r\n const setRecentlyAddedDisinfector = (defaultDisinfectorId, disinfectors) => {\r\n dispatch({\r\n type: \"ADD_DISINFECTOR\",\r\n payload: {\r\n Disinfectors: disinfectors,\r\n extraFormFields: disinfectionFormFields(\r\n disinfectors,\r\n defaultDisinfectorId\r\n ),\r\n },\r\n });\r\n };\r\n\r\n if (state.loadingContent) return\r\n {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: {\r\n toHistoricalObject: {\r\n object: a,\r\n action: () => toHistoricalMassive(a, b),\r\n },\r\n },\r\n });\r\n },\r\n },\r\n ]}\r\n onEditClick={(rowSelected) => {\r\n let product = rowSelected[\"ReadingBI.product\"];\r\n setFieldsByProductType(\r\n product,\r\n product?.productModel?.type,\r\n clasifyProductsByProgram(rowSelected[\"ReadingBI.programId\"])\r\n );\r\n }}\r\n onEditMassiveButtonClick={() => {\r\n setFieldsByProductType();\r\n }}\r\n resultStatus={true}\r\n editedInfo={{ IndicatorType: IndicatorType.Biological, enabled: true }}\r\n data={state.data}\r\n order={{ dir: \"desc\", orderBy: \"ReadingBI.readNumber\" }}\r\n updateData={() => getFinishedReadings(state.pagination)}\r\n loadingData={state.loadingData}\r\n url={\"/api/ReadingBI\"}\r\n massiveURL={\"/api/ReadingBI/masiveModify\"}\r\n title={t(\"Title\", locale)}\r\n tableHeader={t(\"ProTitle\", locale)}\r\n tableActions={[\r\n {\r\n icon: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\",\r\n tooltip: t(\"DetailTooltip\"),\r\n action: getDetail,\r\n },\r\n {\r\n icon: \"M21 10.12h-6.78l2.74-2.82c-2.73-2.7-7.15-2.8-9.88-.1-2.73 2.71-2.73 7.08 0 9.79s7.15 2.71 9.88 0C18.32 15.65 19 14.08 19 12.1h2c0 1.98-.88 4.55-2.64 6.29-3.51 3.48-9.21 3.48-12.72 0-3.5-3.47-3.53-9.11-.02-12.58s9.14-3.47 12.65 0L21 3v7.12zM12.5 8v4.25l3.5 2.08-.72 1.21L11 13V8h1.5z\",\r\n tooltip: t(\"ToHistoricalTooltip\"),\r\n action: (r) => {\r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: {\r\n toHistoricalObject: {\r\n object: r,\r\n action: () => toHistorical(r),\r\n },\r\n },\r\n });\r\n },\r\n },\r\n ]}\r\n columns={[\r\n \"ReadingBI.readNumber\",\r\n \"ReadingBI.positionNumber\",\r\n \"ReadingBI.startTimeFormatted\",\r\n \"ReadingBI.endTimeFormatted\",\r\n \"ReadingBI.programName\",\r\n \"ReadingBI.resultDescription\",\r\n \"ReadingBI.averageTemperatureFormat\",\r\n \"ReadingBI.ticketNumber\",\r\n \"ReadingBI.incubatorName\",\r\n ]}\r\n headers={[\r\n t(\"ReadNumberLabel\", locale),\r\n t(\"PositionNumberLabel\", locale),\r\n t(\"StartTimeLabel\", locale),\r\n t(\"EndTimeLabel\", locale),\r\n t(\"ProgramLabel\", locale),\r\n t(\"ResultLabel\", locale),\r\n t(\"AverageTemperatureLabel\", locale),\r\n t(\"TicketNumber\", locale),\r\n t(\"IncubatorLabel\", locale),\r\n ]}\r\n idField={\"ReadingBI.id\"}\r\n splitButtonExtraOptions={[\r\n {\r\n text: t(\"ConfirmAndSave\"),\r\n onClickOption: undefined,\r\n disabled: false,\r\n moveToSaved: true,\r\n useCommonFunction: true,\r\n },\r\n ]}\r\n grouped={state.groups}\r\n useFieldMap={false}\r\n formFields={state.formFields}\r\n formFieldsMachine={\r\n state.productType === ProductType.BiologicalSterilizer\r\n ? [state.sterilizers]\r\n : [state.disinfectors]\r\n }\r\n baseObject={baseObject}\r\n massiveBaseObject={massiveBaseObject}\r\n method={\"put\"}\r\n />\r\n {(state.loadingDetail || state.detailObject) && (\r\n \r\n \r\n dispatch({\r\n type: \"SET_DETAIL_OBJECT\",\r\n payload: { detailObject: null },\r\n })\r\n }\r\n >\r\n \r\n \r\n
\r\n }\r\n closeModal={() =>\r\n dispatch({\r\n type: \"SET_DETAIL_OBJECT\",\r\n payload: { detailObject: null },\r\n })\r\n }\r\n responsive\r\n >\r\n {!state.detailObject && (\r\n {`${t(\"Title\", locale)} ${\r\n state.detailObject ? `(${state.detailObject.readNumber})` : \"\"\r\n }`}
\r\n \r\n
\r\n )}\r\n {state.detailObject && (\r\n \r\n \r\n {t(\"ToHistoricalHeader\", locale)}{\" \"}\r\n {state.historical.toHistoricalObject.object.length > 0\r\n ? \"(\" +\r\n state.historical.toHistoricalObject.object.reduce(\r\n (name, item, index) => {\r\n return (\r\n name +\r\n item[\"ReadingBI.toString\"] +\r\n (index ===\r\n state.historical.toHistoricalObject.object.length -\r\n 1\r\n ? \"\"\r\n : \", \")\r\n );\r\n },\r\n \"\"\r\n ) +\r\n \")\"\r\n : \"(\" +\r\n state.historical.toHistoricalObject.object[\r\n \"ReadingBI.toString\"\r\n ] +\r\n \")\"}\r\n \r\n
\r\n \r\n \r\n \r\n dispatch({\r\n type: \"SET_HISTORICAL\",\r\n payload: {\r\n toHistoricalObject: null,\r\n toHistoricalLoading: false,\r\n },\r\n })\r\n }\r\n variant={\"text\"}\r\n color={\"error\"}\r\n disabled={state.historical.toHistoricalLoading}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n\r\n {state.historical.toHistoricalMessage.type === \"error\" && (\r\n \r\n
\r\n \r\n {t(\"ToHistoricalConfirmationText\", locale)}\r\n
\r\n \r\n {state.historical.toHistoricalMessage.message}\r\n
\r\n \r\n )}\r\n {state.abmSterilizerVisible && (\r\n \r\n {t(\"AddSterilizer\", locale)}\r\n
\r\n \r\n {t(\"AddDisinfector\", locale)}\r\n
\r\n \r\n dispatch({ type: 'SET_MODAL', payload: { openModal: false } })}>\r\n \r\n \r\n
\r\n \r\n {t(\"WarningMigrationTitle\", locale)}\r\n
\r\n \r\n save(state.sectorSelected)}\r\n />\r\n
\r\n );\r\n\r\n if (state.loadingContent) return \r\n
\r\n \r\n
\r\n \r\n onChangeSectors(val)}\r\n noError={true}\r\n variant={\"outlined\"}\r\n disabled={state.disableSave}\r\n />\r\n dispatch({ type: 'SET_MODAL', payload: { openModal: true } })}\r\n disabled={state.disableSave}\r\n />\r\n
\r\n \r\n\r\n
\r\n\r\n {state.openModal &&\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - {t(\"QuestionConfirmMigration\", locale)}
\r\n
\r\n - \r\n
- {t(\"WarningMigrationTextDatabaseCanOnlyBeImportedOnce\", locale)} \r\n
- {t(\"WarningMigrationTextProcessIrreversible\", locale)} \r\n
- {t(\"WarningMigrationTextReadingsAssignedToTheSector\", locale)} \r\n
\r\n
\r\n );\r\n}","import AppEula from './AppEula';\r\n\r\nexport default AppEula;","import React from \"react\";\r\nimport LocalizationContext from \"../utils/LocalizationContext\";\r\nimport AppEula from \"../pages/AppEula\";\r\n\r\nconst locale = {\r\n\tform: {\r\n\t\tinput: {\r\n\t\t\temail: 'Email',\r\n\t\t\tusername: 'User Name',\r\n\t\t\tpassword: 'Password',\r\n\t\t\tnewPassword: 'New Password',\r\n\t\t\trepeatNewPassword: 'Repeat New Password',\r\n\t\t\tname: 'Name',\r\n\t\t\tlastName: 'Last Name',\r\n\t\t\tcompany: 'Company',\r\n\t\t\tsectorName: 'Sector'\r\n\t\t},\r\n\t\tsubmit: {\r\n\t\t\tlogin: 'Login',\r\n\t\t\tchangePassword: 'Change Password',\r\n\t\t\tresetPassword: 'Reset Password',\r\n\t\t}\r\n\t},\r\n\theader: {\r\n\t\tsignup: 'New Company - Sign up',\r\n\t\tlogin: 'Login',\r\n\t\tforgotPassword: 'Reset Password',\r\n\t\tchangePassword: 'Change Password',\r\n\t},\r\n\tlink: {\r\n\t\tforgotPassword: 'Forgot Your Password?',\r\n\t\tsignup: \"New Company\"\r\n\t},\r\n\tcompanyForm: {\r\n\t\tname: 'Company name',\r\n\t\tcountry: 'Country',\r\n\t\tcity: 'City',\r\n\t\taddress: 'Address',\r\n\t\tconfirm: 'Confirm',\r\n\t\teulaText: \"I've read and accept the terms and conditions\",\r\n\t\tseeEulaText: \"See terms and conditions\",\r\n\t\tprovince: 'State / Province / Region',\r\n\t\tpostalCode: 'Postal Code',\r\n\t\tphone: 'Phone',\r\n\t\tcompanyRepresentative: 'Contact / Representative',\r\n\t\tlanguage: 'Company Language'\r\n\t},\r\n\teulaForm: {\r\n\t\tacceptButton: 'Accept',\r\n\t\tcancelButton: 'Cancel',\r\n\t\ttitle: 'Terms and conditions'\r\n\t}\r\n}\r\n\r\nexport default () => {\r\n return (\r\n \r\n
\r\n \r\n {\r\n !eulaTxt ? \r\n
\r\n \r\n
\r\n :\r\n <>\r\n {locale.eulaForm.title}
\r\n\r\n {/*
\r\n \r\n } \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n handleAceptEula()} /> \r\n
\r\n \r\n handleCancelEula()} />\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import UserResetPassword from './UserResetPassword';\r\n\r\nexport default UserResetPassword;","import React from \"react\";\r\nimport LocalizationContext from \"../utils/LocalizationContext\";\r\nimport NavBar from \"../components/NavBar\";\r\nimport useMenu from \"../utils/Hooks/useMenu\";\r\nimport useLocale from \"../utils/Hooks/useLocale\";\r\nimport ValidateURL from \"../utils/ValidateURL\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport UserResetPassword from \"../components/Form/UserResetPassword\";\r\n\r\nexport default () => {\r\n const menu = useMenu();\r\n const currentPage = {\r\n menuGroup: menu?.Configuration,\r\n key: \"\",\r\n };\r\n const screenName = 320\r\n // const locale = useLocale(screenName);\r\n const params = useParams();\r\n\r\n const locale = {\r\n form: {\r\n input: {\r\n email: 'Email',\r\n username: 'User Name',\r\n password: 'Password',\r\n newPassword: 'New Password',\r\n repeatNewPassword: 'Repeat New Password',\r\n name: 'Name',\r\n lastName: 'Last Name',\r\n company: 'Company',\r\n sectorName: 'Sector'\r\n },\r\n submit: {\r\n login: 'Login',\r\n changePassword: 'Change Password',\r\n resetPassword: 'Reset Password',\r\n }\r\n },\r\n header: {\r\n signup: 'New Company - Sign up',\r\n login: 'Login',\r\n forgotPassword: 'Reset Password',\r\n changePassword: 'Change Password',\r\n },\r\n link: {\r\n forgotPassword: 'Forgot Your Password?',\r\n signup: \"New Company\"\r\n },\r\n companyForm: {\r\n name: 'Company name',\r\n country: 'Country',\r\n city: 'City',\r\n address: 'Address',\r\n confirm: 'Confirm',\r\n eulaText: \"I've read and accept the terms and conditions\",\r\n seeEulaText: \"See terms and conditions\",\r\n province: 'State / Province / Region',\r\n postalCode: 'Postal Code',\r\n phone: 'Phone',\r\n companyRepresentative: 'Contact / Representative',\r\n language: 'Company Language'\r\n },\r\n eulaForm: {\r\n acceptButton: 'Accept',\r\n cancelButton: 'Cancel',\r\n title: 'Terms and conditions'\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n {error.message}\r\n
\r\n )}\r\n {!success && (\r\n \r\n )}\r\n\r\n \r\n {success && (\r\n \r\n )}\r\n\r\n \r\n {theme === \"aspTheme\" ? (\r\n 
\r\n ) : (\r\n ![\"\"]({\"/../../images/bionovanuevo.png\"})
\r\n )}\r\n
\r\n \r\n )}\r\n {locale.form.submit.resetPassword}
\r\n {(error.type === \"error\" || error.type === \"success\") && (\r\n\r\n {theme === \"aspTheme\" ? (\r\n null\r\n ) : (\r\n ![\"\"]({\"/../../images/logotipoblanco.png\"})
\r\n )}\r\n
\r\n \r\n )}\r\n {notification.notificationDetail}
\r\n \r\n \r\n )}\r\n >\r\n \r\n
\r\n );\r\n}\r\n","import Program from './Program';\r\n\r\nexport default Program;","import React, { useState } from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport _ from \"lodash\";\r\n\r\nimport CRUD from \"../../components/CRUD\";\r\n\r\nexport default function Program() {\r\n const [loadingData, setLoadingData] = useState(false);\r\n const [data, setData] = useState([]);\r\n\r\n React.useEffect(() => {\r\n updateData();\r\n }, []);\r\n\r\n const updateData = () => {\r\n setLoadingData(true);\r\n request()\r\n .get(\"/api/program\")\r\n .then(response => {\r\n setData(\r\n response.data\r\n .map(x => {return {...x, programIndex: parseInt(x.programIndex)} })\r\n .map(x =>\r\n _.mapKeys(x, (value, key) => {\r\n return \"program.\" + key;\r\n })\r\n )\r\n );\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n {selectedDistributor && (\r\n \r\n
\r\n \r\n setSelectedDistributor(val)}\r\n />\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import Gtin from './Gtin';\r\n\r\nexport default Gtin;","import React, { useState, useEffect } from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport _ from \"lodash\";\r\n\r\nimport Select from \"../../components/Select\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport Select2 from \"../../components/Select2\";\r\n\r\nconst useQuery = () => {\r\n return new URLSearchParams(useLocation().search);\r\n};\r\n\r\nexport default function Gtin() {\r\n const query = useQuery();\r\n\r\n const [loadingContent, setLoadingContent] = useState(true);\r\n const [data, setData] = useState([]);\r\n const [loadingData, setLoadingData] = useState(false);\r\n const [distributors, setDistributors] = useState([]);\r\n const [products, setproducts] = useState([]);\r\n const [selectedDistributor, setSelectedDistributor] = useState(\r\n query.get(\"distributorId\") || \"\"\r\n );\r\n\r\n useEffect(() => {\r\n request()\r\n .get(`/api/distributor`)\r\n .then((response) => {\r\n setTimeout(() => {\r\n setDistributors(\r\n response.data.reduce((distributorOptions, distributor) => {\r\n distributorOptions.push([distributor.id, distributor.name]);\r\n return distributorOptions;\r\n }, [])\r\n );\r\n setLoadingContent(false);\r\n }, 250);\r\n })\r\n .catch((error) => console.log(error));\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (selectedDistributor) {\r\n request()\r\n .get(`/api/product/GetByDistributor?distributorId=${selectedDistributor}`)\r\n .then((types) => {\r\n setproducts(\r\n types.data.reduce((productList, prods) => {\r\n productList.push([prods.id, '[' + prods.productModel.typeDescription.toUpperCase() + '] ' + prods.brand.toUpperCase() + ' - ' + prods.name.toUpperCase()]);\r\n return productList;\r\n }, [[null, 'Choose a Product']])\r\n );\r\n\r\n setLoadingContent(false);\r\n })\r\n .catch(error => console.log(error.response));\r\n }\r\n }, [selectedDistributor]);\r\n\r\n products.sort(function (a, b) {\r\n if (a[0] == null || b[0] == null) {\r\n return 0;\r\n }\r\n\r\n if (a[1] > b[1]) {\r\n return 1;\r\n }\r\n if (a[1] < b[1]) {\r\n return -1;\r\n }\r\n // a must be equal to b\r\n return 0;\r\n });\r\n\r\n useEffect(() => {\r\n if (selectedDistributor) {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/gtin/GetByDistributor?distributorId=${selectedDistributor}`)\r\n .then(response => {\r\n setData(\r\n response.data.reduce((readingsList, reading) => {\r\n let productNameFromArr = \"\";\r\n\r\n for (let i = 0; i < products.length; i++) {\r\n if (products[i][0] === reading.productId) {\r\n productNameFromArr = products[i][1];\r\n }\r\n }\r\n\r\n readingsList.push({\r\n ...reading,\r\n productName: productNameFromArr,\r\n });\r\n return readingsList;\r\n }, [])\r\n .map(x =>\r\n _.mapKeys(x, (value, key) => {\r\n return \"gtin.\" + key;\r\n })\r\n )\r\n );\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n }).catch((error) => console.log(error.response));\r\n }\r\n }, [loadingContent, products, selectedDistributor]);\r\n\r\n const updateData = () => {\r\n if (selectedDistributor) {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/gtin/GetByDistributor?distributorId=${selectedDistributor}`)\r\n .then(response => {\r\n setData(\r\n response.data.reduce((readingsList, reading) => {\r\n let productNameFromArr = \"\";\r\n\r\n for (let i = 0; i < products.length; i++) {\r\n if (products[i][0] === reading.productId) {\r\n productNameFromArr = products[i][1];\r\n }\r\n }\r\n\r\n readingsList.push({\r\n ...reading,\r\n productName: productNameFromArr,\r\n });\r\n return readingsList;\r\n }, [])\r\n .map(x =>\r\n _.mapKeys(x, (value, key) => {\r\n return \"gtin.\" + key;\r\n })\r\n )\r\n );\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n });\r\n }\r\n };\r\n\r\n if (loadingContent) return \r\n
\r\n {selectedDistributor && (\r\n \r\n
\r\n \r\n setSelectedDistributor(val)}\r\n />\r\n
\r\n \r\n
\r\n );\r\n}\r\n","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles({\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n footerAction: {\r\n position: 'absolute',\r\n right: 20,\r\n '& *': {\r\n margin: '0 8px'\r\n }\r\n }\r\n})","import Company from './Company';\r\n\r\nexport default Company;","import React, { useEffect, useState } from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport { getDist, getSession } from \"../../utils/sessionHandler\";\r\nimport _ from \"lodash\";\r\nimport { unflatten, flatten } from \"flat\";\r\n\r\nimport useStyles from \"./CompanyStyles\";\r\n\r\nimport CRUD from \"../../components/CRUD\";\r\nimport Modal from \"../../components/Modal\";\r\nimport Button from \"../../components/Button\";\r\nimport Progress from \"../../components/Progress\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport Input from \"../../components/Input\";\r\nimport Select from \"../../components/Select\";\r\nimport { sortByStringField } from '../../utils/functions/Sorter'\r\nimport Select2 from \"../../components/Select2\";\r\n\r\nexport default function Company() {\r\n const classes = useStyles();\r\n\r\n const [loadingContent, setLoadingContent] = useState(true);\r\n const [data, setData] = useState([]);\r\n const [openResetPassword, setOpenResetPassword] = useState(false);\r\n const [userToResetPassword, setUserToResetPassword] = useState(null);\r\n const [loading, setloading] = useState(false);\r\n\r\n const [newAdministratorLastName, setNewAdministratorLastName] = useState('');\r\n const [newAdministratorName, setNewAdministratorName] = useState('');\r\n const [newAdministratorMail, setNewAdministratorMail] = useState('');\r\n const [companyToChangeAdmin, setCompanyToChangeAdmin] = useState(null);\r\n const [openChangeAdminConfirmation, setOpenChangeAdminConfirmation] = useState(false);\r\n const [changeAdminErrorMsg, setChangeAdminErrorMsg] = useState('');\r\n const [changeAdminSuccessMsg, setChangeAdminSuccessMsg] = useState('')\r\n const [countries, setCountries] = useState([]);\r\n\r\n const [selectedDistributor, setSelectedDistributor] = useState(\"\")\r\n\r\n const [distributors, setDistributors] = useState([]);\r\n useEffect(() => {\r\n request().get(`/api/distributor`).then((response) => {\r\n setDistributors(\r\n response.data.reduce((distributorOptions, distr) => {\r\n distributorOptions.push([distr.id, distr.name]);\r\n return distributorOptions;\r\n }, [])\r\n );\r\n setLoadingContent(false);\r\n })\r\n }, []);\r\n\r\n useEffect(() => {\r\n request()\r\n .get(`/api/Country/`)\r\n .then((response) => {\r\n setCountries(sortByStringField(response.data, 'name')\r\n .reduce((countriesOptions, country) => {\r\n countriesOptions.push([country.id, country.name]);\r\n return countriesOptions;\r\n }, []))\r\n })\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (selectedDistributor) {\r\n setLoadingContent(true);\r\n updateData()\r\n }\r\n }, [selectedDistributor]);\r\n\r\n const updateData = () => {\r\n request().get(\"/api/company/GetByDistributor?distributorId=\" + selectedDistributor)\r\n .then(response => {\r\n const comp = response.data.map(x =>\r\n _.mapKeys(flatten(x), (value, key) => {\r\n return key.match(/^\\w+\\.\\w+$/) ? key : \"company.\" + key;\r\n })\r\n )\r\n setData(comp);\r\n setLoadingContent(false);\r\n });\r\n };\r\n\r\n const handleResetPassowrd = () => {\r\n setloading(true);\r\n request()\r\n .post(\"/api/appuser/resetpassword\", {\r\n AppUser: unflatten(userToResetPassword).administrator,\r\n UserLogged: getSession(),\r\n DistributorId: getDist().id\r\n })\r\n .then(response => {\r\n setOpenResetPassword(false);\r\n setloading(false);\r\n setChangeAdminSuccessMsg(response.data)\r\n setTimeout(() => {\r\n setChangeAdminSuccessMsg('')\r\n }, 7000);\r\n\r\n })\r\n .catch(error => {\r\n console.log(error.response);\r\n setloading(false);\r\n });\r\n };\r\n\r\n const clearNewAdministratorFields = () => {\r\n setNewAdministratorLastName('')\r\n setNewAdministratorName('')\r\n setNewAdministratorMail('')\r\n\r\n setChangeAdminErrorMsg('')\r\n setloading(false)\r\n setCompanyToChangeAdmin(null)\r\n }\r\n\r\n const handleChangeAdmin = () => {\r\n setloading(true)\r\n request().post(\r\n '/api/Company/setadministrator',\r\n {\r\n Company: unflatten(companyToChangeAdmin).company,\r\n UserLogged: getSession(),\r\n DistributorId: getDist().id,\r\n Administrator: {\r\n \"lastName\": newAdministratorLastName,\r\n \"name\": newAdministratorName,\r\n \"email\": newAdministratorMail\r\n }\r\n }\r\n )\r\n .then(response => {\r\n setOpenChangeAdminConfirmation(false)\r\n setChangeAdminSuccessMsg(response.data)\r\n clearNewAdministratorFields()\r\n updateData()\r\n setTimeout(() => {\r\n setChangeAdminSuccessMsg('')\r\n }, 3000);\r\n })\r\n .catch(error => {\r\n setOpenChangeAdminConfirmation(false)\r\n setChangeAdminErrorMsg(error.response?.data?.message)\r\n setloading(false)\r\n })\r\n }\r\n\r\n if (loadingContent) return \r\n
\r\n {selectedDistributor && (\r\n \r\n
\r\n \r\n setSelectedDistributor(val)}\r\n />\r\n
\r\n {changeAdminSuccessMsg}
}\r\n \r\n
\r\n {\r\n selectedDistributor &&\r\n \r\n
\r\n \r\n {\r\n setSelectedDistributor(val)\r\n }}\r\n />\r\n
\r\n \r\n Reset password\r\n
\r\n \r\n \r\n setOpenResetPassword(false)}\r\n variant={\"text\"}\r\n color={\"error\"}\r\n disabled={loading}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n {(companyToChangeAdmin && !openChangeAdminConfirmation) && (\r\n \r\n
\r\n \r\n Are you sure you want to reset the password for the user{\" \"}\r\n \r\n {userToResetPassword[\"administrator.name\"]}{\" \"}\r\n {userToResetPassword[\"administrator.lastName\"]}\r\n \r\n ?\r\n
\r\n \r\n Change Administrator\r\n
\r\n \r\n setOpenChangeAdminConfirmation(true)}\r\n disabled={loading || newAdministratorLastName === '' || newAdministratorName === '' || newAdministratorMail === ''}\r\n />\r\n
\r\n }\r\n >\r\n \r\n {changeAdminErrorMsg &&
\r\n \r\n )}\r\n {openChangeAdminConfirmation && (\r\n {changeAdminErrorMsg}
}\r\n \r\n
\r\n \r\n setNewAdministratorLastName(val)} />\r\n
\r\n \r\n setNewAdministratorName(val)} />\r\n
\r\n \r\n setNewAdministratorMail(val)} />\r\n
\r\n \r\n Change Administrator\r\n
\r\n \r\n \r\n handleChangeAdmin()}\r\n loading={loading}\r\n loadingText={'Saving'}\r\n />\r\n {\r\n clearNewAdministratorFields()\r\n setOpenChangeAdminConfirmation(false)\r\n }}\r\n variant={\"text\"}\r\n color={\"error\"}\r\n disabled={loading}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\n\r\n\r\n","import { isNull, isUndefined } from 'lodash'\r\nimport { getSysUserLanguage } from './sessionHandler'\r\nconst languagePermitted = getSysUserLanguage()\r\n\r\nexport const verifyForm = (languages) => {\r\n const fieldsForm = []\r\n languages.forEach((language, index) => {\r\n if (!isUndefined(languagePermitted) && !isNull(languagePermitted)) {\r\n if (languagePermitted === language.id)\r\n fieldsForm.push({ label: language.description, class: \"col-12 px-0\", required: false })\r\n } else {\r\n fieldsForm.push({ label: language.description, class: \"col-12 px-0\", required: false })\r\n }\r\n })\r\n return fieldsForm\r\n}\r\n\r\nexport const verifyColumns = (columns, keyEntity, languages) => {\r\n languages.forEach((language, index) => {\r\n if (!isUndefined(languagePermitted) && !isNull(languagePermitted)) {\r\n if (languagePermitted === language.id) {\r\n columns.push(keyEntity + `Translations.0.translation`)\r\n columns.push(keyEntity + `Translations.` + index + `.translation`)\r\n }\r\n } else {\r\n columns.push(keyEntity + `Translations.` + index + `.translation`)\r\n }\r\n })\r\n return columns\r\n}\r\n\r\nexport const verifyHeaders = (headers, languages) => {\r\n languages.forEach((language) => {\r\n if (!isUndefined(languagePermitted) && !isNull(languagePermitted)) {\r\n if (languagePermitted === language.id) {\r\n headers.push(\"Base language (English)\")\r\n headers.push(language.description)\r\n }\r\n } else {\r\n headers.push(language.description)\r\n }\r\n })\r\n return headers\r\n};\r\n\r\nexport const verifyFieldsMap = (keyEntity, languages) => {\r\n const fieldsMap = []\r\n languages.forEach((language, index) => {\r\n if (!isUndefined(languagePermitted) && !isNull(languagePermitted)) {\r\n if (languagePermitted === language.id) {\r\n fieldsMap.push(keyEntity + `Translations.` + index + `.translation`)\r\n }\r\n } else {\r\n fieldsMap.push(keyEntity + `Translations.` + index + `.translation`)\r\n }\r\n })\r\n return fieldsMap\r\n}\r\n\r\nexport const verifyDetailFields = (visibleFields, keyEntity, languages) => {\r\n languages.forEach((language, index) => {\r\n // if (languagePermitted) {\r\n // if (languagePermitted === language.id) {\r\n // visibleFields.push({ label: language.description, name: (keyEntity + `Translations.` + index + `.translation`) })\r\n // }\r\n // } else {\r\n visibleFields.push({ label: language.description, name: (keyEntity + `Translations.` + index + `.translation`) })\r\n // }\r\n })\r\n return visibleFields\r\n}","import GeneralObjects from './GeneralObjects';\r\n\r\nexport default GeneralObjects;","import React, { useState, useEffect } from 'react';\r\nimport request from '../../utils/request';\r\nimport { flatten } from 'flat';\r\n\r\nimport CRUD from '../../components/CRUD';\r\nimport { verifyColumns, verifyForm, verifyHeaders, verifyFieldsMap, verifyDetailFields } from '../../utils/languagePermittedHandler'\r\nimport FixedAlert from '../../components/FixedAlert/FixedAlert';\r\n\r\nexport default function GeneralObjects() {\r\n const [loadingData, setLoadingData] = useState(true)\r\n const [listGeneralObjects, setlistGeneralObjects] = useState([])\r\n\r\n const [languages, setLanguages] = useState([])\r\n const [columns, setColumns] = useState([]);\r\n const [headers, setHeaders] = useState([]);\r\n const [fieldForm, setFieldForm] = useState([]);\r\n const [fieldsMap, setFieldMap] = useState([]);\r\n const [detailFields, setDetailFields] = useState([]);\r\n const [error, setError] = useState();\r\n\r\n useEffect(() => {\r\n async function fetchData() {\r\n request().get(`/api/Language`)\r\n .then((languages) => {\r\n setLanguages(languages.data)\r\n })\r\n .catch(error => console.log(error));\r\n }\r\n fetchData()\r\n }, [])\r\n\r\n useEffect(() => {\r\n updateData()\r\n }, [languages])\r\n\r\n const updateData = () => {\r\n const headers = [\"ID\"]\r\n const columns = [\"generalObjectName\"]\r\n const visibleFields = []\r\n setHeaders(verifyHeaders(headers, languages))\r\n setFieldForm(verifyForm(languages))\r\n setColumns(verifyColumns(columns, \"generalObject\", languages))\r\n setFieldMap(verifyFieldsMap(\"generalObject\", languages))\r\n setDetailFields(verifyDetailFields(visibleFields, \"generalObject\", languages))\r\n setLoadingData(true)\r\n request().get('/api/generalobject')\r\n .then(response => {\r\n setlistGeneralObjects(response.data.map(x => flatten(x)))\r\n setTimeout(() => { setLoadingData(false) }, 250);\r\n })\r\n .catch(error => console.log(error))\r\n }\r\n\r\n const resetValue = (row) => {\r\n request().get(`/api/GeneralObject/resetGeneralObject?generalObject=${row.generalObjectName}`).then(() => {\r\n updateData();\r\n }).catch(err => {\r\n setError(err?.response?.data?.message)\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n The user {companyToChangeAdmin['administrator.toString']} for the company {companyToChangeAdmin['company.toString']} will be deleted and a new one will be created.\r\n Are you sure you want to continue?\r\n
\r\n Mail Subject has some missing parameters:
\" + resultMessage,\r\n });\r\n window.scrollTo(0, 0);\r\n setTimeout(() => {\r\n setResponseMessage();\r\n }, 3000);\r\n return;\r\n }\r\n\r\n [missingParameter, resultMessage] = validateParameters(\r\n bodyState,\r\n bodyParameters\r\n );\r\n\r\n if (missingParameter) {\r\n setResponseMessage({\r\n type: \"danger\",\r\n message:\r\n \"Mail Body has some missing parameters:
\" + resultMessage,\r\n });\r\n window.scrollTo(0, 0);\r\n setTimeout(() => {\r\n setResponseMessage();\r\n }, 3000);\r\n return;\r\n }\r\n console.log(convertToRaw(subjectState.getCurrentContent()));\r\n setSaving(true);\r\n request()\r\n .post(\"/api/mail/save\", {\r\n subject: convertToRaw(\r\n subjectState.getCurrentContent()\r\n ).blocks[0].text.replace(/<.*?>/gm, \"\"),\r\n body: draftToHtml(convertToRaw(bodyState.getCurrentContent())),\r\n mailName: selectedMailName,\r\n language: selectedLanguage,\r\n id: mailId,\r\n })\r\n .then((response) => {\r\n setTimeout(() => {\r\n setSaving(false);\r\n setResponseMessage({ type: \"success\", message: response.data });\r\n window.scrollTo(0, 0);\r\n setTimeout(() => {\r\n setResponseMessage();\r\n }, 3000);\r\n }, 500);\r\n });\r\n };\r\n\r\n const validateParameters = (mailState, parameters) => {\r\n const htmlValue = draftToHtml(convertToRaw(mailState.getCurrentContent()));\r\n\r\n let missingParameter = false;\r\n let resultMessage = `- `;\r\n\r\n for (let i = 0; i < parameters.length; i++) {\r\n if (!htmlValue.match(parameters[i])) {\r\n resultMessage += `
- ${parameters[i]} `;\r\n missingParameter = true;\r\n }\r\n }\r\n\r\n resultMessage += `
\r\n setSelectedLanguage(val)}\r\n disabled={saving}\r\n />\r\n setSelectedMailName(val)}\r\n disabled={saving}\r\n />\r\n
\r\n {responseMessage && (\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n setSubjectState(newState)}\r\n readOnly={saving || selectedLanguage === 0}\r\n />\r\n
\r\n Subject
\r\n\r\n {subjectParameters.map((p) => (\r\n
\r\n setBodyState(newState)}\r\n readOnly={saving || selectedLanguage === 0}\r\n />\r\n
\r\n Body
\r\n\r\n {bodyParameters.map((p) => (\r\n
\r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles({\r\n selectBlock: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n '& div': { width: '48%' }\r\n }\r\n})","import MenuConfiguration from \"./MenuConfiguration\";\r\n\r\nexport default MenuConfiguration;\r\n\r\n","import React, { useState, useEffect } from \"react\";\r\n\r\nimport useStyles from \"./MenuConfigurationStyles\";\r\nimport request from \"../../utils/request\";\r\nimport { flatten } from \"flat\";\r\n\r\nimport Select from \"../../components/Select\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport { verifyForm, verifyColumns, verifyHeaders, verifyFieldsMap, verifyDetailFields } from '../../utils/languagePermittedHandler'\r\nimport FixedAlert from \"../../components/FixedAlert/FixedAlert\";\r\nimport Select2 from \"../../components/Select2\";\r\n\r\nexport default function MenuConfiguration() {\r\n const classes = useStyles();\r\n\r\n const [loadingContent, setLoadingContent] = useState(true);\r\n const [loadingData, setLoadingData] = useState(false);\r\n const [menuTypes, setMenuTypes] = useState([]);\r\n const [selectedMenuType, setSelectedMenuType] = useState(\"\");\r\n const [menuGroups, setMenuGroups] = useState([]);\r\n const [selectedGroup, setSelectedGroup] = useState(\"\");\r\n\r\n const [languages, setLanguages] = useState([])\r\n const [data, setData] = useState([]);\r\n const [columns, setColumns] = useState();\r\n const [headers, setHeaders] = useState();\r\n const [fieldForm, setFieldForm] = useState();\r\n const [fieldsMap, setFieldMap] = useState([]);\r\n const [detailFields, setDetailFields] = useState([]);\r\n const [error, setError] = useState();\r\n\r\n useEffect(() => {\r\n async function fetchData() {\r\n Promise.all([\r\n request().get(`/api/menu`),\r\n request().get(`/api/Language`),\r\n ])\r\n .then(([response, languages]) => {\r\n setMenuTypes(\r\n response.data\r\n .filter((x) => x.menuNameDescription !== \"System\")\r\n .reduce((menuTypes, item) => {\r\n menuTypes.push([item.id, item.toString]);\r\n return menuTypes;\r\n }, [])\r\n );\r\n setLanguages(languages.data)\r\n setLoadingContent(false);\r\n })\r\n }\r\n fetchData()\r\n }, []);\r\n\r\n const updateData = React.useCallback(() => {\r\n const type = selectedGroup === \"\" ? \"group\" : \"item\"\r\n const headers = [type + \" ID\"]\r\n const columns = [type + \"Name\"]\r\n const visibleFields = [\r\n { label: \"Name\", name: \"toString\" }\r\n ]\r\n setColumns(verifyColumns(columns, type, languages))\r\n setHeaders(verifyHeaders(headers, languages))\r\n setFieldForm(verifyForm(languages))\r\n setFieldMap(verifyFieldsMap(type, languages))\r\n setDetailFields(verifyDetailFields(visibleFields, type, languages))\r\n if (selectedGroup !== \"\") {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/item?GroupId=${selectedGroup}`)\r\n .then((response) => {\r\n setData(response.data.map((x) => flatten(x)));\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n });\r\n } else if (selectedMenuType) {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/group?MenuId=${selectedMenuType}`)\r\n .then((response) => {\r\n setData(response.data.map((x) => flatten(x)));\r\n setMenuGroups(\r\n response.data.reduce((menuGroups, group) => {\r\n menuGroups.push([\r\n group.id,\r\n group.groupTranslations[0].translation,\r\n ]);\r\n return menuGroups;\r\n }, [])\r\n );\r\n setSelectedGroup(\"\");\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n });\r\n }\r\n }, [selectedMenuType, selectedGroup]);\r\n\r\n useEffect(() => {\r\n updateData();\r\n }, [updateData]);\r\n\r\n const resetValue = (row) => {\r\n if(row.itemName)\r\n request().get(`/api/Item/resetMenuItem?item=${row.itemName}`).then(() => {\r\n updateData();\r\n }).catch(err => {\r\n setError(err?.response?.data?.message)\r\n })\r\n if(row.groupName)\r\n request().get(`/api/Group/resetMenuGroup?group=${row.groupName}`).then(() => {\r\n updateData();\r\n }).catch(err => {\r\n setError(err?.response?.data?.message)\r\n })\r\n }\r\n\r\n if (loadingContent) return \r\n
\r\n \r\n
\r\n \r\n { setError(\"\") }}> \r\n
\r\n );\r\n}\r\n","import Message from './Message';\r\n\r\nexport default Message;","import React, { useState, useEffect } from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport { flatten } from \"flat\";\r\n\r\n// import useStyles from './MessageStyles';\r\n\r\nimport Select from \"../../components/Select\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport { verifyColumns, verifyForm, verifyHeaders, verifyFieldsMap, verifyDetailFields } from '../../utils/languagePermittedHandler'\r\nimport FixedAlert from \"../../components/FixedAlert/FixedAlert\";\r\nimport Select2 from \"../../components/Select2\";\r\n\r\nexport default function Message() {\r\n const [loadingContent, setLoadingContent] = useState(true);\r\n const [loadingData, setLoadingData] = useState(false);\r\n const [modules, setModules] = useState([]);\r\n const [selectedModule, setSelectedModule] = useState(\"\");\r\n const [messages, setMessages] = useState([]);\r\n const [languages, setLanguages] = useState([])\r\n\r\n const [columns, setColumns] = useState([]);\r\n const [headers, setHeaders] = useState([]);\r\n const [fieldForm, setFieldForm] = useState([]);\r\n const [fieldsMap, setFieldMap] = useState([]);\r\n const [detailFields, setDetailFields] = useState([]);\r\n const [error, setError] = useState(); \r\n\r\n useEffect(() => {\r\n\r\n async function fetchData() {\r\n Promise.all([\r\n request().get(`/api/module`),\r\n request().get(`/api/Language`),\r\n ])\r\n .then(([response, languages]) => {\r\n setModules(\r\n response.data.reduce((modulesOptions, module) => {\r\n modulesOptions.push([module.id, module.description]);\r\n return modulesOptions;\r\n }, [])\r\n );\r\n setLoadingContent(false);\r\n setLanguages(languages.data)\r\n })\r\n .catch(error => console.log(error));\r\n }\r\n\r\n fetchData()\r\n }, []);\r\n\r\n useEffect(() => {\r\n const headers = [\"Type\", \"ID\"]\r\n const columns = [\"messageTypeDescription\", \"messageName\"]\r\n const visibleFields = [\r\n { label: \"Module\", name: \"moduleDescription\" },\r\n { label: \"Message Type\", name: \"messageTypeDescription\" }\r\n ]\r\n setHeaders(verifyHeaders(headers, languages))\r\n setFieldForm(verifyForm(languages))\r\n setColumns(verifyColumns(columns, \"message\", languages))\r\n setFieldMap(verifyFieldsMap(\"message\", languages))\r\n setDetailFields(verifyDetailFields(visibleFields, \"message\", languages))\r\n if (selectedModule !== \"\") {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/message?ModuleId=${selectedModule}`)\r\n .then(response => {\r\n setMessages(response.data.map(x => flatten(x)));\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n .catch(error => console.log(error));\r\n }\r\n }, [selectedModule]);\r\n\r\n const updateData = () => {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/message?ModuleId=${selectedModule}`)\r\n .then(response => {\r\n setMessages(response.data.map(x => flatten(x)));\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n .catch(error => console.log(error));\r\n };\r\n\r\n const resetValue = (row) => {\r\n request().get(`/api/Message/resetMessage?message=${row.messageName}`).then(() => {\r\n updateData();\r\n }).catch(err => {\r\n setError(err?.response?.data?.message)\r\n })\r\n }\r\n\r\n if (loadingContent) return \r\n setSelectedMenuType(val)}\r\n />\r\n setSelectedGroup(val)}\r\n nullable={true}\r\n />\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\n","import { makeStyles } from \"@material-ui/styles\";\r\n\r\nexport default makeStyles({\r\n buttonContianer: {\r\n margin: \"25px 25px\"\r\n },\r\n\r\n importExportContainer: {\r\n '& button': { margin: '10px 30px' }\r\n },\r\n\r\n progressContainer: {\r\n position: 'absolute',\r\n top:0,\r\n left:0,\r\n width:'100%',\r\n height:'100%',\r\n backgroundColor:'rgba(0,0,0,0.7)',\r\n zIndex:1000,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n },\r\n\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n \r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n footerAction: {\r\n position: 'absolute',\r\n right: 20,\r\n '& *': {\r\n margin: '0 8px'\r\n }\r\n }\r\n});\r\n\r\n","import Module from './Module';\r\n\r\nexport default Module;","import React, { useState, useEffect, useRef } from \"react\";\r\nimport Table from \"../../components/Table\";\r\nimport request from \"../../utils/request\";\r\nimport Button from \"../../components/Button\";\r\nimport CircularProgress from \"../../components/CircularProgress\";\r\nimport Modal from \"../../components/Modal\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\n\r\nimport { getSysUserLanguage } from '../../utils/sessionHandler'\r\nimport useStyles from \"./ModuleStyles\";\r\n\r\nexport default function Module() {\r\n const languagePermitted = getSysUserLanguage()\r\n const classes = useStyles();\r\n\r\n const [loadingContent, setLoadingContent] = useState(true);\r\n const [data, setData] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const [alert, setAlert] = useState({ type: \"\", message: \"\" });\r\n const [confirmationModal, setConfirmationModal] = useState({ open: false });\r\n const [permittedSetDefault, setPermittedSetDefault] = useState(false);\r\n\r\n const inputRef = useRef(null);\r\n const inputRefGO = useRef(null);\r\n\r\n useEffect(() => {\r\n if (languagePermitted) {\r\n setPermittedSetDefault(true)\r\n }\r\n request()\r\n .get(\"/api/module\")\r\n .then((response) => {\r\n setData(response.data);\r\n setLoadingContent(false);\r\n })\r\n .catch((error) => console.log(error.response));\r\n }, []);\r\n\r\n const setDefaultData = () => {\r\n setLoading(true);\r\n request()\r\n .post(\"/api/defaultvalues\")\r\n .then((response) => {\r\n setLoading(false);\r\n setAlert({ type: \"success\", message: response.data });\r\n setTimeout(() => {\r\n setAlert({ type: \"\", message: \"\" });\r\n }, 7000);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n error.response &&\r\n setAlert({ type: \"danger\", message: error.response?.data?.message });\r\n setTimeout(() => {\r\n setAlert({ type: \"\", message: \"\" });\r\n }, 7000);\r\n });\r\n };\r\n\r\n const setDefaultObjectsData = () => {\r\n setLoading(true);\r\n request()\r\n .post(\"/api/DefaultValues/DefaultObjectsValues\")\r\n .then((response) => {\r\n setLoading(false);\r\n setAlert({ type: \"success\", message: response.data });\r\n setTimeout(() => {\r\n setAlert({ type: \"\", message: \"\" });\r\n }, 7000);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n error.response &&\r\n setAlert({ type: \"danger\", message: error.response?.data?.message });\r\n setTimeout(() => {\r\n setAlert({ type: \"\", message: \"\" });\r\n }, 7000);\r\n });\r\n };\r\n\r\n const exportConfiguration = () => {\r\n setLoading(true);\r\n request()\r\n .post(\"/api/migration/export\")\r\n .then((response) => {\r\n const url = window.URL.createObjectURL(\r\n new Blob([JSON.stringify(response.data.JsonDataFile)])\r\n );\r\n const link = document.createElement(\"a\");\r\n link.href = url;\r\n link.setAttribute(\"download\", response.data.FileName);\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n console.log(error);\r\n });\r\n };\r\n\r\n const handleFileImport = async () => {\r\n setLoading(true);\r\n\r\n let File = new FormData();\r\n File.append(\"File\", inputRef.current.files[0]);\r\n\r\n request()\r\n .post(\"/api/migration/import\", File, {\r\n \"Content-Type\": \"multipart/form-data\",\r\n })\r\n .then(async (response) => {\r\n let statusResponse = await request().get(\"/api/migration/importstatus\");\r\n while(statusResponse.data.status === \"running\") {\r\n await new Promise(resolve => setTimeout(resolve, 15000));\r\n statusResponse = await request().get(\"/api/migration/importstatus\");\r\n }\r\n setLoading(false);\r\n setAlert({ type: \"success\", message: statusResponse.data.detail });\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n if(error.response)\r\n setAlert({ type: \"danger\", message: error.response?.data?.message });\r\n else\r\n setAlert({ type: \"danger\", message: \"Unknown error (error.response == null)\" });\r\n });\r\n };\r\n\r\n const handleFileImportGeneralObject = () => {\r\n setLoading(true);\r\n\r\n let File = new FormData();\r\n File.append(\"File\", inputRefGO.current.files[0]);\r\n\r\n request()\r\n .post(\"/api/migration/importGeneralObjects\", File, {\r\n \"Content-Type\": \"multipart/form-data\",\r\n })\r\n .then((response) => {\r\n setLoading(false);\r\n setAlert({ type: \"success\", message: response.data });\r\n setTimeout(() => {\r\n setAlert({ type: \"\", message: \"\" });\r\n }, 7000);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n error.response &&\r\n setAlert({ type: \"danger\", message: error.response?.data?.message });\r\n setTimeout(() => {\r\n setAlert({ type: \"\", message: \"\" });\r\n }, 7000);\r\n });\r\n };\r\n\r\n\r\n if (loadingContent) return \r\n { setError(\"\") }}> \r\n
\r\n {messages && (\r\n \r\n
\r\n \r\n setSelectedModule(val)}\r\n />\r\n
\r\n \r\n {loading && (\r\n \r\n setConfirmationModal({\r\n open: true,\r\n header: \"Import Configuration\",\r\n text:\r\n \"Are you sure you want to import the configuration from this file? The Current configuration will be lost\",\r\n action: handleFileImport,\r\n })\r\n }\r\n ref={inputRef}\r\n style={{ display: \"none\" }}\r\n />\r\n\r\n \r\n setConfirmationModal({\r\n open: true,\r\n header: \"Import General Objects\",\r\n text:\r\n \"Are you sure you want to import the configuration from this file? The Current configuration will be lost\",\r\n action: handleFileImportGeneralObject,\r\n })\r\n }\r\n ref={inputRefGO}\r\n style={{ display: \"none\" }}\r\n />\r\n\r\n {alert.message && (\r\n \r\n {alert.message}\r\n
\r\n )}\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n setConfirmationModal({\r\n open: true,\r\n header: \"Set Default Values\",\r\n text:\r\n \"Are you sure you want to set all the default values? The Current configuration will be lost\",\r\n action: setDefaultData,\r\n })\r\n }\r\n />\r\n \r\n setConfirmationModal({\r\n open: true,\r\n header: \"Set Default Values\",\r\n text:\r\n \"Are you sure you want to set all the default objects values? The Current configuration will be lost\",\r\n action: setDefaultObjectsData,\r\n })\r\n }\r\n />\r\n
\r\n \r\n inputRef.current.click()}\r\n />\r\n inputRefGO.current.click()}\r\n />\r\n
\r\n \r\n \r\n {confirmationModal.header}\r\n \r\n
\r\n }\r\n footer={\r\n \r\n {\r\n confirmationModal.action();\r\n setConfirmationModal({ open: false });\r\n }}\r\n />\r\n setConfirmationModal({ open: false })}\r\n variant={\"text\"}\r\n color={\"error\"}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles({\r\n root: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n margin: '10px 0 20px'\r\n },\r\n\r\n actionRoot: {\r\n display: 'flex',\r\n paddingLeft: 14,\r\n\r\n '& button': {\r\n margin: '0 5px'\r\n }\r\n },\r\n\r\n header: {\r\n display: 'flex',\r\n flexDirection: 'row-reverse',\r\n padding: '16px 24px',\r\n },\r\n\r\n modalCloseButton: {\r\n color: \"#9e9e9e\",\r\n borderRadius: \"50%\",\r\n cursor: \"pointer\",\r\n userSelect: \"none\",\r\n\r\n '&:hover': {\r\n color: '#5a5a5d'\r\n },\r\n\r\n \"& svg\": {\r\n fill: \"currentcolor\",\r\n width: \"1em\",\r\n height: \"1em\",\r\n fontSize: \"1.5rem\",\r\n userSelect: \"none\"\r\n }\r\n },\r\n\r\n footerAction: {\r\n position: 'absolute',\r\n right: 20,\r\n '& *': {\r\n margin: '0 8px'\r\n }\r\n }\r\n})","import Parameter from './ParameterInput';\r\n\r\nexport default Parameter;","import React, { useState, useEffect } from 'react';\r\nimport request from '../../utils/request';\r\n\r\nimport Input from '../Input';\r\nimport Select from \"../Select\";\r\nimport Button from '../Button';\r\nimport Modal from '../Modal';\t\r\n\r\nimport useStyles from './ParameterInputStyles';\r\n\r\nexport default function ParameterInput(props) {\r\n\tconst classes = useStyles();\r\n\tconst { label, parameter, setsuccess, refreshParameters } = props;\r\n\tconst [languages, setLanguages] = useState([]);\r\n\r\n\tconst [value, setValue] = useState(props.value)\r\n\tconst [error, setError] = useState('')\r\n\tconst [loading, setLoading] = useState(false)\r\n\tconst [fetching, setFetching] = useState('')\r\n\tconst [openModal, setOpenModal] = useState(false)\r\n\r\n\tconst parameterType = ['text', 'email', 'number', 'float', 'float2', 'password', 'enum']\r\n\r\n\tuseEffect(() => {\r\n\t\tPromise.all([\r\n\t\t request().get(`/api/language`)\r\n\t\t])\r\n\t\t.then(([languagesData]) => {\r\n\t\t setLanguages(\r\n\t\t\tlanguagesData.data.reduce((languagesList, lang) => {\r\n\t\t\t languagesList.push([lang.id, lang.description]);\r\n\t\t\t return languagesList;\r\n\t\t\t}, [])\r\n\t\t );\r\n\t\t})\r\n\t\t.catch(error => console.log(error.response))\r\n\t }, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetValue(props.value)\r\n\t}, [props])\r\n\r\n\tconst handleSave = () => {\r\n\t\tsetLoading(true)\r\n\t\tsetFetching('save')\r\n\t\tsetError('')\r\n\t\tsetsuccess('')\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\trequest().put('/api/sysparameter', { ...parameter, value: value })\r\n\t\t\t.then(respose => {\r\n\t\t\t\tsetLoading(false)\r\n\t\t\t\tsetFetching('')\r\n\t\t\t\tsetsuccess(`Parameter ${parameter.sysParameterTypeDescription} successfully updated.`)\r\n\t\t\t\trefreshParameters()\r\n\t\t\t})\r\n\t\t\t.catch(error => {\r\n\t\t\t\tsetLoading(false);\r\n\t\t\t\tsetFetching('')\r\n\t\t\t\tsetError(error.response.data.message || error.response.data.title);\r\n\t\t\t})\r\n\t\t}, 500);\r\n\t}\r\n\t\r\n\tconst handleSetDefaultValue = () => {\r\n\t\tsetOpenModal(false)\r\n\t\tsetLoading(true)\r\n\t\tsetFetching('reset')\r\n\t\tsetError('')\r\n\t\tsetsuccess('')\r\n\t\t\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\trequest().post('/api/sysparameter/defaultvalue', parameter)\r\n\t\t\t.then(respose => {\r\n\t\t\t\tsetLoading(false)\r\n\t\t\t\tsetFetching('')\r\n\t\t\t\tsetsuccess(`Parameter ${parameter.sysParameterTypeDescription} successfully updated.`)\r\n\t\t\t\trefreshParameters()\r\n\t\t\t})\r\n\t\t\t.catch(error => {error.respone && \r\n\t\t\t\tsetLoading(false)\r\n\t\t\t\tsetFetching('')\r\n\t\t\t\tsetError(error.response.data.message || error.response.data.title) \r\n\t\t\t})\r\n\t\t}, 500);\r\n\t}\r\n\r\n\tconst header = (\r\n\t\t\r\n
\r\n \r\n {confirmationModal.text}\r\n
\r\n \r\n\t\t\tsetOpenModal(false)}>\r\n\t\t\t \r\n\t\t\t\r\n\t\t
\r\n\t\t\r\n\t\t
\r\n\t );\r\n\tif (parameter.fieldType === 7){\r\n\treturn (\r\n\t\t<>\r\n\t\t\r\n\t\t\t setValue(val)}\r\n\t\t\t\tdisabled={loading}\r\n\t\t\t\tnoError={error.length === 0}\r\n\t\t\t\toptions={languages}\r\n\t\t\t/>\r\n\t\t\t\r\n\t\t\t
\r\n\r\n\t\t{openModal &&\r\n\t\t\t\r\n\t\t\t\t
\r\n\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\r\n\t\t\t\t\t\tAre you sure you want to set the default value for the parameter {parameter.sysParameterTypeDescription}?\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t setValue(val)}\r\n\t\t\t\tdisabled={loading}\r\n\t\t\t\tnoError={error.length === 0}\r\n\t\t\t\ttype={parameterType[parameter.fieldType - 1]}\r\n\t\t\t/>\r\n\t\t\t
\r\n\r\n\t\t{openModal &&\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t\r\n \t \t
\r\n\t\t\t\r\n \t \t
\r\n \t \t\r\n \t \t Are you sure you want to set the default value for the parameter {parameter.sysParameterTypeDescription}?\r\n \t \t
\r\n \t \t\r\n\t\t\tsetOpenModal(false)}>\r\n\t\t\t \r\n\t\t\t\r\n\t\t
\r\n\t\t\r\n\t\t
\r\n\t);\r\n\t\r\n\tif(loadingContente) return \r\n setOpenModal(false)} >\r\n\t\t\t\t \r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t)}\r\n
\r\n\t)\r\n} \r\n ","import { makeStyles, createStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n screenOptions: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n\r\n '& div': {\r\n width: '48%'\r\n }\r\n },\r\n\r\n tabsRoot: {\r\n display: 'flex',\r\n height: 40,\r\n\r\n '&>div:nth-child(1)': {\r\n borderRadius: '6px 0 0 0'\r\n },\r\n\r\n '&>div:nth-last-child(1)': {\r\n borderRadius: '0 6px 0 0'\r\n }\r\n },\r\n\r\n tabItem: {\r\n boxShadow: '0 0.125rem 0.25rem rgba(0,0,0,.075) inset',\r\n padding: '0 15px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n cursor: 'pointer',\r\n marginLeft:\"25px\",\r\n\r\n '&$active': {\r\n boxShadow: '0 2px 3px rgba(0,0,0,.25)',\r\n backgroundColor: theme.palette.terragene.darkSecondary,\r\n color: 'white'\r\n }\r\n },\r\n\r\n active: {}\r\n}))","import Screen from './Screen';\r\n\r\nexport default Screen;","import React, { useState, useEffect, useRef, useCallback } from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport { flatten } from \"flat\";\r\n\r\nimport useStyles from \"./ScreenStyles\";\r\n\r\nimport Select from \"../../components/Select\";\r\nimport CRUD from \"../../components/CRUD\";\r\nimport PageContentLoading from \"../../components/PageContentLoading\";\r\nimport classnames from \"classnames\";\r\nimport { verifyColumns, verifyForm, verifyHeaders, verifyFieldsMap, verifyDetailFields } from '../../utils/languagePermittedHandler'\r\nimport FixedAlert from \"../../components/FixedAlert/FixedAlert\";\r\nimport Select2 from \"../../components/Select2\";\r\n\r\nexport default function Screen(props) {\r\n const classes = useStyles();\r\n\r\n const [loadingContent, setLoadingContent] = useState(true);\r\n const [loadingData, setLoadingData] = useState(false);\r\n\r\n const [modules, setModules] = useState([]);\r\n const [selectedModule, setSelectedModule] = useState(\r\n window.location.search.substr(4) || props?.location?.state?.moduleId || \"\"\r\n );\r\n\r\n const [screens, setScreens] = useState([]);\r\n const [selectedScreen, setSelectedScreen] = useState(\"\");\r\n\r\n const [objects, setObjects] = useState([]);\r\n\r\n const [selectedTabIndex, setSelectedTabIndex] = useState(0);\r\n const [successMessage, setSuccessMessage] = useState();\r\n\r\n const [languages, setLanguages] = useState([])\r\n const [columns, setColumns] = useState([]);\r\n const [headers, setHeaders] = useState([]);\r\n const [formFields, setFieldForm] = useState([]);\r\n const [fieldsMap, setFieldMap] = useState([]);\r\n const [detailFields, setDetailFields] = useState([]);\r\n const [error, setError] = useState();\r\n\r\n const hasMount = useRef(false);\r\n\r\n useEffect(() => {\r\n async function fetchData() {\r\n Promise.all([\r\n request().get(`/api/module`),\r\n request().get(`/api/Language`),\r\n ])\r\n .then(([response, languages]) => {\r\n setModules(\r\n response.data.reduce((modulesOptions, module) => {\r\n modulesOptions.push([module.id, module.description]);\r\n return modulesOptions;\r\n }, [])\r\n );\r\n setLoadingContent(false);\r\n setLanguages(languages.data)\r\n })\r\n .catch(error => console.log(error));\r\n }\r\n fetchData()\r\n\r\n setSelectedScreen(\"\");\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (selectedModule !== \"\") {\r\n request()\r\n .get(`/api/screen?ModuleId=${selectedModule}`)\r\n .then(response => {\r\n setScreens(\r\n response.data.reduce((screensOptions, screen) => {\r\n screensOptions.push([screen.screenName, screen.screenNameDescription]);\r\n return screensOptions;\r\n }, [])\r\n );\r\n if (hasMount.current === true) {\r\n setObjects([]);\r\n setSelectedScreen(\"\");\r\n } else {\r\n hasMount.current = true;\r\n setSelectedScreen(props?.location?.state?.screenId || selectedScreen);\r\n }\r\n })\r\n .catch(error => console.log(error));\r\n }\r\n }, [selectedModule]);\r\n\r\n const updateData = useCallback(() => {\r\n if (selectedScreen !== \"\") {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/object?screenName=${selectedScreen}`)\r\n .then(response => {\r\n setObjects(response.data.map(x => {\r\n return {\r\n ...x,\r\n objectTranslations: x.objectTranslations.sort((a, b) => (a.language > b.language) ? 1 : -1)\r\n }\r\n })\r\n .map(x => flatten(x)))\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n .catch(error => console.log(error));\r\n }\r\n }, [selectedScreen]);\r\n\r\n useEffect(() => {\r\n updateData();\r\n }, [updateData]);\r\n\r\n const customSuccessHandler = message => {\r\n setSuccessMessage(message);\r\n setTimeout(() => {\r\n setSuccessMessage();\r\n }, 3000);\r\n updateData();\r\n };\r\n\r\n useEffect(() => {\r\n const headers = [\"ID\"]\r\n const columns = [\"objectName\"]\r\n const visibleFields = [\r\n { label: \"Module\", name: \"screen.moduleDescription\" },\r\n { label: \"Screen\", name: \"screen.screenNameDescription\" },\r\n { label: \"Object Name\", name: \"objectNameDescription\" }\r\n ]\r\n setHeaders(verifyHeaders(headers, languages))\r\n setFieldForm(verifyForm(languages))\r\n setColumns(verifyColumns(columns, \"object\", languages))\r\n setFieldMap(verifyFieldsMap(\"object\", languages))\r\n setDetailFields(verifyDetailFields(visibleFields, \"object\", languages))\r\n }, [languages])\r\n\r\n if (loadingContent) return \r\n
\r\n {selectedDistributor && (\r\n\t\t<>\r\n\t\t\r\n
\r\n \r\n setSelectedDistributor(val)}\r\n />\r\n
\r\n \r\n\t\t\t{success &&\r\n\t\t\t\t
\r\n\r\n\t\t{openModal && \r\n\t\t\t\r\n \t\t
\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t\t\t\t
\r\n \t\t\r\n \t\t\t\t\t\t\t{success}\r\n\t\t\t\t\t\t
\r\n \t\t \r\n \t
\r\n \r\n\t\t\t\t\t
\r\n \t\r\n
\r\n\t\t\r\n\t\t\t\t{data.map(parameter => \r\n\t\t\t\t\t
\r\n \r\n\t\t\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\t\t\tAre you sure you want to set the default value for all the parameters?\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n { setError(\"\") }}> \r\n setSelectedTabIndex(1)}\r\n >\r\n Security\r\n
\r\n \r\n\r\n {selectedTabIndex === 0 && (\r\n \r\n setSelectedModule(val)}\r\n />\r\n {selectedModule && (\r\n setSelectedScreen(val)}\r\n />\r\n )}\r\n
\r\n\r\n {successMessage && (\r\n \r\n {successMessage}\r\n
\r\n )}\r\n\r\n \r\n setSelectedTabIndex(0)}\r\n >\r\n Translations\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\n","import LicenseProduct from './LicenseProduct';\r\n\r\nexport default LicenseProduct;","import React, { useEffect, useState } from \"react\";\r\nimport request from \"../../utils/request\";\r\n\r\nimport CRUD from \"../../components/CRUD\";\r\n\r\nexport default function LicenseProduct() {\r\n const [data, setData] = useState([]);\r\n const [loadingData, setLoadingData] = useState(true);\r\n\r\n useEffect(() => {\r\n updateData()\r\n }, [])\r\n\r\n const updateData = () => {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/LicenseProduct/`)\r\n .then((response) => {\r\n setData(response.data);\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n .catch((error) => {\r\n console.log(error.response);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n { setError(\"\") }}> \r\n
\r\n {specialObjects && (\r\n \r\n
\r\n \r\n setSelectedModule(val)}\r\n />\r\n
\r\n \r\n \r\n {confirmationObject.header}\r\n \r\n
\r\n \r\n clearFields()}\r\n disabled={loadingConfirm}\r\n color={\"error\"}\r\n />\r\n \r\n confirmationObject.action(\r\n confirmationObject.object,\r\n invoiceNumber,\r\n observation\r\n )\r\n : () =>\r\n confirmationObject.action(\r\n confirmationObject.object,\r\n observation\r\n )\r\n }\r\n disabled={loadingConfirm}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import SysLog from './SysLog';\r\n\r\nexport default SysLog;","import React, { useState, useEffect } from \"react\";\r\nimport request from \"../../utils/request\";\r\nimport df from \"../../utils/dateFormater\";\r\nimport CRUD from \"../../components/CRUD\";\r\nexport default function SysLog() {\r\n const [data, setData] = useState([]);\r\n const [loadingData, setLoadingData] = useState(true);\r\n\r\n useEffect(() => {\r\n updateData();\r\n }, []);\r\n\r\n const updateData = () => {\r\n setLoadingData(true);\r\n request()\r\n .get(`/api/syslog`)\r\n .then((response) => {\r\n setData(\r\n response.data.map((l) => {\r\n return { ...l, logDate: df(l.logDate, \"dateTime\") };\r\n })\r\n );\r\n setTimeout(() => {\r\n setLoadingData(false);\r\n }, 250);\r\n })\r\n\r\n .catch((error) => {\r\n console.log(error.response);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {confirmationObject.body === \"activationBody\" ? (\r\n <>\r\n setInvoiceNumber(val)}\r\n isRequired\r\n />\r\n setObservation(val)}\r\n isRequired\r\n />\r\n \r\n ) : (\r\n <>\r\n {confirmationObject.body}\r\n setObservation(val)}\r\n isRequired\r\n />\r\n \r\n )}\r\n
\r\n {changeAdminSuccessMsg}
}\r\n \r\n Reset password\r\n
\r\n \r\n \r\n setOpenResetPassword(false)}\r\n variant={\"text\"}\r\n color={\"error\"}\r\n disabled={loadingData}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport LocalizationContext from \"../utils/LocalizationContext\";\r\nimport NavBar from \"../components/NavBar\";\r\nimport Distributor from \"../pages/Distributor/Distributor\";\r\nimport useMenu from \"../utils/Hooks/useMenu\";\r\nimport ValidateURL from \"../utils/ValidateURL\";\r\n\r\nexport default () => {\r\n const menu = useMenu();\r\n const currentPage = {\r\n menuGroup: menu?.Distributor,\r\n key: \"Distributor\",\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n Are you sure you want to reset the password for the distributor{\" \"}\r\n \r\n {userToResetPassword[\"distributor.name\"]}\r\n \r\n ?\r\n
\r\n \r\n User{\" \"}\r\n \r\n {userToResetPassword[\"administrator.name\"]}{\" \"}\r\n {userToResetPassword[\"administrator.lastName\"]}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n\r\n {viewUsers && companyUsers.length > 0 ? (\r\n \r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n\r\n {viewLicenses && companyLicenses.length > 0 ? (\r\n \r\n \r\n \r\n {dist.map((distOption) => (\r\n \r\n ))}\r\n \r\n {companies.length > 0 && (\r\n <>\r\n handleCompanyFilter(e.target.value)}\r\n placeholder=\"Buscar compañía\"\r\n className={styles.input}\r\n />\r\n \r\n \r\n {filteredCompanies.map((company) => (\r\n \r\n {company.name}\r\n \r\n ))}\r\n \r\n \r\n )}\r\n
\r\n {companySelected && (\r\n \r\n handleViews(\"licenses\")}\r\n className={styles.button}\r\n >\r\n Ver licencias de la compañía\r\n \r\n handleViews(\"users\")}\r\n className={styles.button}\r\n >\r\n Ver usuarios de la compañía\r\n \r\n
\r\n )}\r\n | License ID | \r\nCode | \r\nStart Date | \r\nEnd Date | \r\nLicense Status | \r\nObservations | \r\nLicense Product Name | \r\nBionova Cloud License | \r\nPeriod Name | \r\nTrial | \r\nActions | \r\n|
|---|---|---|---|---|---|---|---|---|---|---|---|
| {license.licenseId} | \r\n{license.code} | \r\n {license.licenseDetails.map((detail) => (\r\n\r\n {/* {isEditing &&\r\n selectedLicense.LicenseId === license.licenseId ? (\r\n <>\r\n \r\n Fecha a modificar:\r\n {moment(detail.startDate).format(\r\n \"DD/MM/YYYY\"\r\n )}\r\n \r\n | \r\n \r\n {isEditing &&\r\n selectedLicense.LicenseId === license.licenseId ? (\r\n <>\r\n \r\n {\" \"}\r\n Fecha a modificar:\r\n {moment(detail.endDate).format(\"DD/MM/YYYY\")}\r\n \r\n \r\n Días a modificar:\r\n \r\n \r\n ) : (\r\n moment(detail.endDate).format(\"DD/MM/YYYY\")\r\n )}\r\n | \r\n \r\n {isEditing &&\r\n selectedLicense.LicenseId === license.licenseId ? (\r\n | \r\n \r\n {isEditing &&\r\n selectedLicense.LicenseId === license.licenseId ? (\r\n | \r\n {detail.licenseProductName} | \r\n{detail.isBionovaCloudLicense ? \"Yes\" : \"No\"} | \r\n{detail.licensePeriodObject.periodName} | \r\n {/*{detail.licensePeriodObject.days} | */}\r\n\r\n {detail.licensePeriodObject.trial ? \"Yes\" : \"No\"}\r\n | \r\n\r\n {isEditing &&\r\n selectedLicense.LicenseId === license.licenseId ? (\r\n <>\r\n \r\n \r\n \r\n ) : (\r\n | \r\n
| User ID | \r\nName | \r\nLastname | \r\nSector ID | \r\nSector name | \r\nUser Type | \r\nActions | \r\n|
|---|---|---|---|---|---|---|---|
| {user.userId} | \r\n{user.name} | \r\n{user.lastname} | \r\n{user.email} | \r\n{user.sectorId} | \r\n{user.sectorName} | \r\n{user.userTypeDescription} | \r\n\r\n {user.userTypeDescription !== \"ADMINISTRATOR\" ? (\r\n | \r\n
{notification.notificationDetail}
\r\n \r\n \r\n )}\r\n >\r\n \r\n \r\n {confirmationObject.header}\r\n \r\n
\r\n \r\n \r\n setConfirmationObject(null)}\r\n disabled={loadingConfirm}\r\n color={\"error\"}\r\n />\r\n \r\n confirmationObject.action(\r\n confirmationObject.object,\r\n activationKey\r\n )\r\n }\r\n disabled={loadingConfirm}\r\n />\r\n
\r\n }\r\n >\r\n \r\n
\r\n \r\n )} \r\n \r\n );\r\n}\r\n\r\nexport default DistLicenseCodes;","import { makeStyles } from '@material-ui/styles';\r\n\r\nexport default makeStyles({\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '16px 24px',\r\n },\r\n\r\n headerText: {\r\n fontSize: 16,\r\n fontWeight: 500,\r\n lineHeight: '1.5rem',\r\n color: '#5a5a5d'\r\n },\r\n\r\n modalCloseButton: {\r\n color: \"#9e9e9e\",\r\n borderRadius: \"50%\",\r\n cursor: \"pointer\",\r\n userSelect: \"none\",\r\n\r\n '&:hover': {\r\n color: '#5a5a5d'\r\n },\r\n\r\n \"& svg\": {\r\n fill: \"currentcolor\",\r\n width: \"1em\",\r\n height: \"1em\",\r\n fontSize: \"1.5rem\",\r\n userSelect: \"none\"\r\n }\r\n },\r\n\r\n footerAction: {\r\n position: 'absolute',\r\n right: 20,\r\n '& *': {\r\n margin: '0 8px'\r\n }\r\n },\r\n\r\n parameterRoot: {\r\n margin: '8px 0 16px',\r\n },\r\n\r\n parameterActionsRoot: {\r\n '& button': {\r\n margin: '0 16px 0 0'\r\n }\r\n }\r\n})","import DistParameter from './DistParameter';\r\n\r\nexport default DistParameter;","import React, { useState, useEffect, useContext } from 'react';\r\nimport request from '../../utils/request';\r\nimport { getDist } from \"../../utils/sessionHandler\";\r\nimport t from \"../../utils/translation\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\n\r\nimport Select from \"../../components/Select\";\r\nimport Button from '../../components/Button';\t\r\nimport Modal from '../../components/Modal';\t\r\nimport PageContentLoading from '../../components/PageContentLoading';\t\r\n\r\nimport useStyles from './DistParameterStyles';\r\n\r\nexport default function DistParameter() {\r\n\tconst classes = useStyles();\r\n\tconst locale = useContext(LocalizationContext);\r\n\r\n\tconst [loadingContente, setLoadingContente] = useState(true)\r\n\tconst [loading, setLoading] = useState(false)\r\n\tconst [fetching, setFetching] = useState('')\t\r\n\tconst [parameters, setParameters] = useState([]);\r\n\tconst [error, setError] = useState('')\r\n\tconst [languages, setLanguages] = useState([]);\r\n\tconst [success, setsuccess] = useState('')\r\n\tconst [openModal, setOpenModal] = useState(false)\r\n\r\n\t useEffect(() => {\r\n\t\tPromise.all([\r\n\t\t request().get(`/api/language`),\r\n\t\t request().get(\"/api/sysparameter/GetByDistributorStr?distributorId=\" + getDist().id)\r\n\t\t])\r\n\t\t.then(([languagesData, parametersData]) => {\r\n\t\t setLanguages(\r\n\t\t\tlanguagesData.data.reduce((languagesList, lang) => {\r\n\t\t\t languagesList.push([lang.id, lang.description]);\r\n\t\t\t return languagesList;\r\n\t\t\t}, [])\r\n\t\t );\r\n\t\r\n\t\t setParameters(parametersData.data);\r\n\t\r\n\t\t setLoadingContente(false);\r\n\t\t})\r\n\t\t.catch(error => console.log(error.response))\r\n\t }, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tPromise.all([\r\n\t\t request().get(`/api/language`)\r\n\t\t])\r\n\t\t.then(([languagesData]) => {\r\n\t\t setLanguages(\r\n\t\t\tlanguagesData.data.reduce((languagesList, lang) => {\r\n\t\t\t languagesList.push([lang.id, lang.description]);\r\n\t\t\t return languagesList;\r\n\t\t\t}, [])\r\n\t\t );\r\n\t\t})\r\n\t\t.catch(error => console.log(error.response))\r\n\t }, []);\r\n\r\n\tconst refreshParameters = () => {\t\t\t\t\r\n\t\t\trequest().get(\"/api/sysparameter/GetByDistributorStr?distributorId=\" + getDist().id)\r\n\t\t\t.then(response => setParameters(response.data))\r\n\t\t\t.catch(error => console.log(error.response))\r\n\t\t\t\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tsetsuccess('')\r\n\t\t\t}, 3000);\t\t\r\n\t}\r\n\r\n\tconst handleSave = (parameter) => {\r\n\tsetLoading(true)\r\n\tsetFetching('save')\r\n\tsetError('')\r\n\tsetsuccess('')\r\n\r\n\tsetTimeout(() => {\r\n\t\trequest().put('/api/sysparameter', { ...parameter, value: parameter.value })\r\n\t\t.then(respose => {\r\n\t\t\tsetLoading(false)\r\n\t\t\tsetFetching('')\r\n\t\t\tsetsuccess(`${t(\"ParameterUpdated\", locale)}: ${parameter.sysParameterTypeDescription}.`)\r\n\t\t\trefreshParameters()\r\n\t\t})\r\n\t\t.catch(error => {\r\n\t\t\tsetLoading(false);\r\n\t\t\tsetFetching('')\r\n\t\t\tsetError(error.response.data.message || error.response.data.title);\r\n\t\t})\r\n\t}, 500);\r\n\t}\r\n\t\r\n\tconst updateParameterValue = (val, id) => {\r\n\t\tlet newParameters = parameters;\r\n\t\tfor (let i = 0; i < newParameters.length; i++) {\r\n\t\t if (newParameters[i].id === id && !isNaN(val)) newParameters[i].value = val;\r\n\t\t}\r\n\t\tsetParameters([...newParameters]);\r\n\t };\r\n\t\r\n\tconst handleSetDefaultValue = (parameter) => {\r\n\t\tsetOpenModal(false)\r\n\t\tsetLoading(true)\r\n\t\tsetFetching('reset')\r\n\t\tsetError('')\r\n\t\tsetsuccess('')\r\n\t\t\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\trequest().post('/api/sysparameter/defaultvalue', parameter)\r\n\t\t\t.then(respose => {\r\n\t\t\t\tsetLoading(false)\r\n\t\t\t\tsetFetching('')\r\n\t\t\t\tsetsuccess(`${t(\"ParameterUpdated\", locale)}: ${parameter.sysParameterTypeDescription}.`)\r\n\t\t\t\trefreshParameters()\r\n\t\t\t})\r\n\t\t\t.catch(error => {error.respone && \r\n\t\t\t\tsetLoading(false)\r\n\t\t\t\tsetFetching('')\r\n\t\t\t\tsetError(error.response.data.message || error.response.data.title) \r\n\t\t\t})\r\n\t\t}, 500);\r\n\t}\r\n\t\r\n\r\n\tconst header = (\r\n\t\t\r\n
\r\n \r\n setActivationKey(value)}\r\n error={error}\r\n isRequired\r\n />\r\n
\r\n \r\n\t\t\tsetOpenModal(false)}>\r\n\t\t\t \r\n\t\t\t\r\n\t\t
\r\n\t\t\r\n\t\t
\r\n\t);\r\n\t\r\n\tif(loadingContente) return \r\n\t\t\t{success &&\r\n\t\t\t\t
\r\n\t\t\r\n\t)\r\n} ","import DistMain from \"../routes/DistMain\";\r\nimport DistCompany from \"../routes/DistCompany\";\r\nimport DistLicenseCodes from \"../routes/DistLicenseCodes\";\r\nimport DistParameter from \"../routes/DistParameter\";\r\n\r\nconst Dist = [\r\n { path: \"/distmain\", component: DistMain },\r\n { path: \"/distcompany\", component: DistCompany },\r\n { path: \"/distlicenseCodes\", component: DistLicenseCodes }, \r\n { path: \"/distparameter\", component: DistParameter },\r\n];\r\n\r\nexport default Dist;\r\n\r\n","import React from \"react\";\r\nimport LocalizationContext from \"../utils/LocalizationContext\";\r\nimport DistMain from \"../pages/DistMain\";\r\nimport NavBar from \"../components/NavBar\";\r\nimport useMenu from \"../utils/Hooks/useMenu\";\r\nimport ValidateURL from \"../utils/ValidateURL\";\r\n\r\nexport default () => {\r\n const menu = useMenu();\r\n const currentPage = {\r\n menuGroup: menu?.DHome,\r\n key: \"\",\r\n };\r\n\r\n return (\r\n \r\n \t\t
\r\n\t\t\t}\r\n\t\t\t\r\n \r\n\t\t\t\t\t\t
\r\n \t\t\r\n \t\t\t\t\t\t\t{success}\r\n\t\t\t\t\t\t
\r\n \t\t \r\n
\r\n\t\t\r\n\t\t\t\t{parameters.map(parameter => {\r\n\t\t\t\t\tif (parameter.fieldType === 7) {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\tsetOpenModal(false)} >\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);\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)}\r\n
\r\n \r\n\t\t\t\t\t\t\t updateParameterValue(val, parameter.id)}\r\n\t\t\t\t\t\t\t\tdisabled={loading}\r\n\t\t\t\t\t\t\t\tnoError={error.length === 0}\r\n\t\t\t\t\t\t\t\toptions={languages}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t{openModal &&\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\t\t\t
\r\n\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\t\t\t{t(\"ResetDefaultValueConfirmation\", locale)} {parameter.sysParameterTypeDescription}?\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
\r\n\t)\r\n} \r\n","import InvalidUrl from \"../routes/InvalidUrl\";\r\n\r\nconst Common = [{ path: \"/invalidUrl\", component: InvalidUrl }];\r\n\r\nexport default Common;\r\n","import React from 'react';\r\nimport InvalidUrl from '../pages/InvalidUrl';\r\n\r\nexport default (props) => {\r\n\tif(!props.location.state) {\r\n\t\twindow.history.back()\r\n\t\treturn null\r\n\t}\r\n\r\n\tconst message = props.location.state.message\r\n\r\n\treturn(\r\n\t\t\r\n\t\t
\r\n\t\t\r\n\t\t\t \t
\r\n\t\t\t Error: {message}
\r\n\t\t \r\n\t\t\t \t
\r\n\t\t \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\n\r\nimport SessionExpired from \"../pages/SessionExpired\";\r\n\r\nexport default () => {\r\n return \r\n
\r\n \r\n {t(\"SessionExpiredText\") ||\r\n \"Your session has expired, please login again.\"}\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default PageDownloader;","import { makeStyles, createStyles } from \"@material-ui/styles\";\r\n\r\nexport default makeStyles((theme) => createStyles({\r\n root: {\r\n maxHeight: window.screen.height - 10,\r\n width: '100%',\r\n \"& .MuiInputBase-root\": {\r\n color: 'white'\r\n },\r\n textAlign: 'center'\r\n },\r\n loginCard: {\r\n display: 'inline-grid',\r\n marginTop: 50,\r\n root: {\r\n backgroundColor: 'red'\r\n }\r\n },\r\n \r\n title:{\r\n color: theme.palette.terragene.lightThird,\r\n textTransform: 'uppercase'\r\n }, \r\n \r\n subTitle:{\r\n color: theme.palette.terragene.lightThird,\r\n fontSize: \"1rem\",\r\n lineHeight: \"1.33\",\r\n letterSpacing: \"0em\",\r\n fontWeight: 400,\r\n alignSelf: \"center\",\r\n marginBottom: 8,\r\n marginLeft: 10\r\n },\r\n \r\n loginCardSignUp: {\r\n display: 'inline-grid',\r\n },\r\n \r\n loginForm: {\r\n display: \"flex\",\r\n flexDirection: \"column\"\r\n },\r\n \r\n \"@media (min-width: 448px)\": {\r\n loginCard: {\r\n width: 400\r\n },\r\n loginCardSignUp: {\r\n width: 800\r\n }\r\n },\r\n \r\n loading: {\r\n margin: \"0!important\",\r\n position: \"absolute!important\",\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n borderTopLeftRadius: 4,\r\n borderTopRightRadius: 4\r\n },\r\n}))","import PrivacyPolicy from './PrivacyPolicy';\r\n\r\nexport default PrivacyPolicy;","import React, { useEffect, useState, useContext } from 'react';\r\nimport { TextField, makeStyles } from '@material-ui/core';\r\nimport useStyles from \"./PrivacyPolicyStyles\";\r\nimport LocalizationContext from \"../../utils/LocalizationContext\";\r\nimport request from '../../utils/request';\r\nimport CircularProgress from '../../components/CircularProgress/CircularProgress';\r\nimport Paper from '../../components/Paper/Paper';\r\n\r\nexport default function PrivacyPolicy() {\r\n const classes = useStyles();\r\n const locale = useContext(LocalizationContext);\r\n const [privacyPolicy, setPrivacyPolicy] = useState(\"\")\r\n\r\n useEffect(() => {\r\n request().get(`/api/PrivacyPolicy`).then((response) => {\r\n setPrivacyPolicy(response.data.text)\r\n })\r\n }, [])\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n \r\n Download manager\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n}","import React from 'react';\r\nimport LocalizationContext from '../utils/LocalizationContext';\r\nimport PrivacyPolicy from '../pages/PrivacyPolicy';\r\nimport {useParams} from 'react-router-dom'\r\n\r\nconst locale = {\r\n\tprivacyPolicyForm: {\r\n\t\ttitle: 'Privacy policy'\r\n\t}\r\n}\r\n\r\nexport default () => {\r\n\tconst params = useParams();\r\n\treturn (\r\n\t\t\r\n \r\n \r\n
\r\n \r\n
\r\n {locale.privacyPolicyForm.title}
\r\n {\r\n !privacyPolicy &&\r\n\r\n
\r\n }\r\n \r\n
\r\n Resources
\r\n )\r\n}\r\n\r\nexport default Resources","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { Router, Route, Redirect, Switch } from \"react-router-dom\";\r\nimport history from \"./utils/history\";\r\nimport { checkToken, getDist, saveDist, sessionExpired } from \"./utils/sessionHandler\";\r\nimport * as serviceWorker from \"./utils/serviceWorker\";\r\n\r\nimport \"./index.css\";\r\nimport Login from \"./routes/Login\";\r\nimport Home from \"./routes/Home\";\r\n\r\nimport App from \"./Modules/App\";\r\nimport Sys from \"./Modules/Sys\";\r\nimport Dist from \"./Modules/Dist\";\r\nimport Common from \"./Modules/Common\";\r\nimport SessionExpired from \"./routes/SessionExpired\";\r\nimport Test from \"./pages/Test/Test\";\r\nimport { CircularProgress, createMuiTheme, ThemeProvider } from \"@material-ui/core\";\r\nimport request from \"./utils/request\";\r\nimport FixedAlert from \"./components/FixedAlert/FixedAlert\";\r\nimport Screen from \"./pages/Screen\";\r\nimport {getSysUserLanguage} from './utils/sessionHandler'\r\nimport PageDownloader from \"./pages/Downloader/PageDownloader\";\r\nimport { isUndefined } from \"lodash\";\r\nimport PrivacyPolicy from \"./routes/PrivacyPolicy\";\r\nimport Resources from \"./pages/Resources/Resources\";\r\nimport UserResetPassword from \"./routes/UserResetPassword\";\r\n\r\nconst getThemeDomain = (theme) => {\r\n return createMuiTheme(theme);\r\n}\r\n\r\nconst loadDynamicTheme = (distributor) => {\r\n import(`./assets/Theme/${distributor.themeFileName}`).then(theme => {\r\n document.title = theme.default.title ? theme.default.title : 'Bionova Cloud - Terragene';\r\n const favicon = document.getElementById(\"favicon\"); \r\n favicon.href = theme.default.favicon ? `/${theme.default.favicon}` : \"/favicon.ico\"\r\n ReactDOM.render(