\r\n {userService.getUserType() !== \"PSC\" ? (\r\n \r\n \r\n Paciente\r\n \r\n {\r\n this.setPatient(e.currentTarget.value);\r\n }}\r\n />\r\n
\r\n ) : null}\r\n \r\n \r\n Pedido\r\n \r\n {\r\n this.setOrder(e.currentTarget.value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n {\r\n this.setExam(e.currentTarget.value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n Previsão de resultado
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n De\r\n \r\n {\r\n this.setDateBegin(value);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n Até\r\n \r\n {\r\n this.setDateEnd(value);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n Prioridades
\r\n\r\n
\r\n \r\n
\r\n \r\n {\r\n this.setPriority(1);\r\n }}\r\n />\r\n \r\n Urgentes\r\n \r\n
\r\n \r\n
\r\n {this.state.hasFilter ? (\r\n Situação
\r\n\r\n {\r\n this.setSituation(0);\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setSituation(6);\r\n }}\r\n />\r\n \r\n Cadastrado\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setSituation(1);\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setSituation(5);\r\n }}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setSituation(2);\r\n }}\r\n />\r\n \r\n Em Processamento\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setSituation(3);\r\n }}\r\n />\r\n \r\n Análise Técnica\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setSituation(4);\r\n }}\r\n />\r\n \r\n Liberado\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setSituation(7);\r\n }}\r\n />\r\n \r\n Pendente\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setSituation(8);\r\n }}\r\n />\r\n \r\n Recoleta\r\n \r\n
\r\n {this.mapFilters(searchIndex)}
\r\n ) : null}\r\n\r\n \r\n
\r\n )\r\n }\r\n }\r\n render() {\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Data/Hora\r\n
\r\n \r\n {moment(data.dateHourAction).format(\"DD/MM/YYYY HH:mm\") || '-'}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Situação\r\n
\r\n \r\n {STAGE_SHORT[stageName.toUpperCase()]}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Requerido\r\n
\r\n \r\n {data.userAction || '-'}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Descrição\r\n
\r\n \r\n {data.descriptionAction || '-'}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Detalhes\r\n
\r\n \r\n {data.fullDetail || '-'}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Observações\r\n
\r\n \r\n {data.note || '-'}\r\n
\r\n \r\n
\r\n \r\n {this.state.loading ? (\r\n \r\n this.props.backListExam()}\r\n >\r\n Voltar\r\n
\r\n \r\n
\r\n\r\n \r\n {\r\n e.stopPropagation();\r\n this.getExamResult(this.props.exam);\r\n }}\r\n >\r\n Download\r\n
\r\n )}\r\n \r\n \r\n {this.props.exam.examDescription}\r\n
\r\n {this.props.exam.urgency && !this.props.exam.urgency !== \"\" ? (\r\n Urgente
\r\n ) : null}\r\n {this.props.exam.sampleStored.toUpperCase()==\"SIM\" ? (\r\n Armazenado
\r\n ):(\r\n <>\r\n {this.props.exam.discardedSample !== \"\" && (\r\n Descartado
\r\n )}\r\n \r\n )}\r\n {this.props.exam.eventStage === \"Resultado Liberado\" && (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {`${this.props.exam.orderId} (${this.props.exam.orderAlphaNumeric})`}\r\n
\r\n Pedido
\r\n \r\n \r\n
\r\n \r\n \r\n Paciente
\r\n \r\n {this.props.exam.patientName}\r\n
\r\n \r\n {UserService.getUserType() !== \"PSC\" ? (\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n Unidade
\r\n \r\n {this.props.exam.aliasProdUnit}\r\n
\r\n \r\n
\r\n \r\n
\r\n Previsão
\r\n \r\n {this.props.exam.estimatedResultDate\r\n ? moment(this.props.exam.estimatedResultDate).format(\r\n \"DD/MM/YY HH:mm\"\r\n )\r\n : \"Pendente\"}\r\n
\r\n \r\n
\r\n \r\n \r\n {STAGE_SHORT[this.props.exam.eventStage.toUpperCase()]}\r\n
\r\n Situação
\r\n \r\n {this.state.examHistory &&\r\n this.state.examHistory.map((phase, index) => {\r\n let pendencies = phase.pendency || phase.sampleRecall || null;\r\n return <>\r\n 0) ?\r\n `accordion exam-info-step exam-info-step-status-${\r\n STAGE_ICONS[phase.stageName.toUpperCase()]}`:\r\n `exam-info-step exam-info-step-status-${\r\n STAGE_ICONS[phase.stageName.toUpperCase()]}`\r\n }\r\n onClick={pendencies ? ()=> this.openAccordion(phase.stageName): ()=>{}}\r\n id={phase.stageName}\r\n >\r\n
\r\n {pendencies ? \r\n \r\n
\r\n \r\n \r\n {(index+1)+\" - \"+STAGE_SHORT[phase.stageName.toUpperCase()]}\r\n \r\n
\r\n \r\n {!phase.dateHour ? (\r\n \r\n Pendente\r\n \r\n ) : (\r\n \r\n {moment(phase.dateHour).format(\"DD/MM/YYYY HH:mm\")}\r\n \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 \r\n );\r\n }\r\n}\r\n\r\nexport default History;\r\n","import {Component} from \"react\";\r\nimport Chart from 'chart.js';\r\nimport 'chartjs-plugin-labels';\r\n\r\nclass Graph extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { \r\n array: this.props.graphData,\r\n chart: null,\r\n }\r\n this.config = {\r\n type: 'doughnut',\r\n data: {\r\n datasets: [{\r\n data: this.state.array[1],\r\n backgroundColor: this.state.array[2],\r\n }],\r\n labels: this.state.array[0]\r\n },\r\n options: {\r\n legend: { display: false },\r\n responsive: true,\r\n plugins: {\r\n \r\n labels:{\r\n render: 'percentage',\r\n precision: 0,\r\n overlap: false,\r\n fontSize: 13,\r\n fontStyle: 600,\r\n fontColor: '#fff',\r\n fontFamily: 'Titillium Web'\r\n },\r\n },\r\n tooltips: {\r\n backgroundColor: 'rgba(84, 87, 114,.95)',\r\n bodyFontFamily: 'Titillium Web',\r\n bodyFontColor: '#fff',\r\n bodyFontSize: 14,\r\n bodyFontStyle: 400,\r\n xPadding: 12,\r\n yPadding: 12,\r\n displayColors: false,\r\n cornerRadius: 6,\r\n caretSize: 6\r\n },\r\n cutoutPercentage: 50,\r\n elements: {\r\n arc: {\r\n borderWidth: 0\r\n }\r\n },\r\n }\r\n };\r\n }\r\n\r\n componentDidMount(){\r\n let chart = new Chart(document.getElementById('myChart').getContext('2d'), this.config);\r\n this.setState({chart: chart});\r\n }\r\n\r\n render() { \r\n \r\n return ( \r\n - \r\n {pendencies.map((pendency)=>(\r\n
\r\n
\r\n ))}\r\n \r\n
\r\n sendEvent('show-dialog', {\r\n title: pendency.reason,\r\n child: this.renderDialogBody(pendency, phase.stageName), \r\n show: true,\r\n confirmation: () => {\r\n sendEvent(\"show-dialog\", { show: false });\r\n },\r\n })}\r\n >\r\n \r\n \r\n \r\n {pendency.reason}\r\n \r\n
\r\n \r\n \r\n {moment(pendency.dateHourAction).format(\"DD/MM/YYYY HH:mm\")}\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n \r\nexport default Graph;","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router\";\r\nimport Graph from \"./Graph\";\r\nimport {STAGE_SHORT, STAGE_COLOR_CODE, STAGE_ICONS } from \"../../constants\";\r\nimport { sendEvent } from \"../../util/utils\";\r\n\r\nclass Status extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n hasGraph: true,\r\n };\r\n }\r\n \r\n processName(name) {\r\n if (name.length > 17) {\r\n return name.substring(0, 16) + \"...\";\r\n } else {\r\n return name;\r\n }\r\n }\r\n\r\n mapObject() {\r\n const examStyle = {\r\n backgroundImage: \"none\",\r\n };\r\n\r\n const examTextStyle = {\r\n margin: \"0 0 0 0\",\r\n };\r\n\r\n let array = [],\r\n arrayLeft = [],\r\n arrayRight = [];\r\n\r\n let counter = 0;\r\n\r\n if (this.state.hasGraph && this.props.status) {\r\n Object.keys(this.props.status).forEach((index) => {\r\n if (STAGE_SHORT[index]) {\r\n if (counter % 2 == 0) {\r\n arrayLeft.push(\r\n \r\n {\r\n this.props.filterBy(e.currentTarget.value)\r\n }\r\n }\r\n onMouseOver={()=> sendEvent(\"highlight-stage\",index)}\r\n onMouseOut={()=> sendEvent(\"reset-markers\",index)}\r\n style={\r\n (examStyle, { backgroundColor: STAGE_COLOR_CODE[index] || STAGE_COLOR_CODE['Default'], border: 'none' })\r\n }\r\n >\r\n \r\n
\r\n );\r\n counter++;\r\n }\r\n });\r\n }\r\n return array;\r\n }\r\n\r\n createDataArray() {\r\n let response = [],\r\n values = [],\r\n colors = [],\r\n label = [];\r\n\r\n let statusArray = []\r\n Object.keys(this.props.status).forEach((index) => {\r\n if(index !== 'TOTAL'){\r\n statusArray.push([index, this.props.status[index]])\r\n }\r\n });\r\n \r\n statusArray = statusArray.sort((a,b)=> {\r\n if(a[1]\r\n {this.processName(STAGE_SHORT[index] || \"\")}\r\n
\r\n \r\n {this.props.status[index]}\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(Status);\r\n","class UserAuth {\r\n\r\n constructor(userId, userType, userName, authkeyType, token, tokenExpirationDate, clientName, clientId) {\r\n this.userId = userId;\r\n this.userType = userType;\r\n this.userName = userName;\r\n this.authkeyType = authkeyType;\r\n this.token = token;\r\n this.tokenExpirationDate = tokenExpirationDate;\r\n this.clientName = clientName;\r\n this.clientId = clientId;\r\n }\r\n}\r\n\r\nexport default UserAuth;","import { parseDate } from \"../util/utils\";\r\nimport UserAuth from \"./../models/UserAuth\";\r\nimport { apiRequest } from \"./APIService\";\r\nimport examsService from \"./ExamsService\";\r\n\r\nconst USER_TYPES = [\"L2L\", \"HOSP\", \"PSC\"];\r\n\r\nclass AuthenticationService {\r\n constructor() {\r\n this.userAuth = null;\r\n \r\n }\r\n\r\n async login(userId, password, userType) {\r\n try {\r\n if (userId != null && password != null && userType != null) {\r\n if (USER_TYPES.indexOf(userType) <= -1) {\r\n console.error(\r\n `Wrong user type: ${userType}, valid types: ${USER_TYPES}`\r\n );\r\n\r\n return {\r\n status: false,\r\n };\r\n } else {\r\n let userLoginRequest = {\r\n userId: userId,\r\n password: password,\r\n userType: userType,\r\n };\r\n\r\n let userAuth = await apiRequest(\"POST\", \"/Autenticar\", userLoginRequest);\r\n\r\n if (userAuth) {\r\n this.userAuth = userAuth;\r\n }\r\n\r\n if (\r\n userAuth &&\r\n userAuth.relatedClients &&\r\n userAuth.relatedClients.length &&\r\n userAuth.relatedClients.length == 1\r\n ) {\r\n let clientAuth = await this.requestClientToken(\r\n userAuth.relatedClients[0].code\r\n );\r\n\r\n if (clientAuth) {\r\n userAuth = clientAuth;\r\n } else {\r\n return {\r\n status: false,\r\n };\r\n }\r\n }\r\n\r\n if (\r\n userAuth &&\r\n userAuth.relatedClients &&\r\n userAuth.relatedClients.length &&\r\n userAuth.relatedClients.length > 1\r\n ) {\r\n return {\r\n status: true,\r\n relatedClients: userAuth.relatedClients,\r\n };\r\n }\r\n\r\n if (userAuth) {\r\n await this.setAuthorizationDataOnLocalStorage(userAuth);\r\n this.userAuth = null;\r\n return {\r\n status: true,\r\n relatedClients: null,\r\n };\r\n }\r\n\r\n return {\r\n status: false,\r\n };\r\n }\r\n } else {\r\n console.error(\r\n \"Missing or invalid required login parameter: user, password or type\"\r\n );\r\n return {\r\n status: false,\r\n };\r\n }\r\n } catch (error) {\r\n console.error(\"Authentication error:\", error.message);\r\n return {\r\n status: false,\r\n };\r\n }\r\n }\r\n\r\n async requestClientToken(clientId) {\r\n try {\r\n let userAuth = this.userAuth || this.retrieveUserDataFromLocalStorage();\r\n\r\n if (userAuth) {\r\n userAuth.clientId = clientId;\r\n userAuth.renew = 1;\r\n userAuth.contextRoot = \"\";\r\n userAuth.siglaUsuario = \"\";\r\n }\r\n\r\n let clientAuth = await apiRequest(\"POST\", \"/SelecionarCodigoLc\", userAuth);\r\n\r\n if (clientAuth) {\r\n userAuth.token = clientAuth.token;\r\n userAuth.tokenExpirationDate = clientAuth.tokenExpirationDate;\r\n userAuth.tokenExpirationInMinutes = clientAuth.tokenExpirationInMinutes;\r\n userAuth.clientId = clientAuth.clientId;\r\n userAuth.clientName = clientAuth.clientName;\r\n } else {\r\n this.userAuth = null;\r\n return this.userAuth;\r\n }\r\n\r\n return userAuth;\r\n } catch (error) {\r\n console.error(\r\n `Error when trying to request client token: ${error.message}`\r\n );\r\n return null;\r\n }\r\n }\r\n\r\n async logout() {\r\n try {\r\n let userAuth = this.retrieveUserDataFromLocalStorage();\r\n \r\n if (userAuth && userAuth.token) {\r\n examsService.stopGettingAllData();\r\n let logOut = await apiRequest(\"POST\", \"/InvalidarToken\", { token: userAuth.token });\r\n\r\n if(!logOut || logOut.status == 200 ){\r\n localStorage.removeItem(\"userAuth\");\r\n return true;\r\n } else {\r\n localStorage.removeItem(\"userAuth\");\r\n }\r\n }\r\n return null;\r\n } catch (error) {\r\n console.error(\r\n `Error when trying to log user out: ${error.message}`\r\n );\r\n return null;\r\n }\r\n }\r\n\r\n endSession(){\r\n localStorage.removeItem(\"userAuth\");\r\n }\r\n\r\n registerSession(session){\r\n try {\r\n let userAuth = this.retrieveUserDataFromLocalStorage();\r\n\r\n if (userAuth) {\r\n userAuth[`${session}Session`] = true;\r\n }\r\n\r\n localStorage.setItem(\"userAuth\", JSON.stringify(userAuth));\r\n\r\n return true;\r\n\r\n } catch (error) {\r\n console.error(\r\n `Error when trying to register my pardini call: ${error.message}`\r\n );\r\n return false;\r\n }\r\n }\r\n\r\n setUserAuthorizationDataOnRequest(request) {\r\n try {\r\n let userAuth = this.retrieveUserDataFromLocalStorage();\r\n\r\n if (!userAuth) {\r\n return null;\r\n }\r\n\r\n if (typeof request === \"object\") {\r\n request = { ...request, ...userAuth };\r\n\r\n return request;\r\n } else {\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(\r\n `Error when trying to save authorization data: ${error.message}`\r\n );\r\n return null;\r\n }\r\n }\r\n\r\n async setAuthorizationDataOnLocalStorage(authData) {\r\n new Promise((resolve, reject) => {\r\n if (authData) {\r\n let parsedDate = parseDate(authData.tokenExpirationDate);\r\n \r\n let userAuth = new UserAuth(\r\n authData.userId,\r\n authData.userType,\r\n authData.userName,\r\n authData.authkeyType,\r\n authData.token,\r\n parsedDate || Date.parse(authData.tokenExpirationDate)\r\n );\r\n\r\n if (authData.relatedClients) {\r\n userAuth.relatedClients = authData.relatedClients;\r\n userAuth.clientId = authData.clientId;\r\n userAuth.clientName = authData.clientName;\r\n }\r\n\r\n if (authData.myPardiniSession) {\r\n userAuth.myPardiniSession = authData.myPardiniSession;\r\n }\r\n \r\n localStorage.setItem(\"userAuth\", JSON.stringify(userAuth));\r\n\r\n const verifyLocalStorage = () => {\r\n setTimeout(() => {\r\n if (localStorage.getItem(\"userAuth\")) {\r\n return resolve();\r\n } else {\r\n verifyLocalStorage();\r\n }\r\n }, 100);\r\n };\r\n\r\n verifyLocalStorage();\r\n } else {\r\n resolve();\r\n }\r\n });\r\n }\r\n\r\n async setUserClient(clientId, clientName) {\r\n try {\r\n let userAuth = this.userAuth || this.retrieveUserDataFromLocalStorage();\r\n let myPardiniSession = userAuth && userAuth.myPardiniSession;\r\n\r\n if (userAuth && clientId != null && clientName != null) {\r\n let clientAuth = await this.requestClientToken(clientId);\r\n\r\n if (clientAuth) {\r\n userAuth = clientAuth;\r\n\r\n if(myPardiniSession){\r\n userAuth.myPardiniSession = myPardiniSession;\r\n }\r\n\r\n await this.setAuthorizationDataOnLocalStorage(userAuth);\r\n\r\n this.userAuth = null;\r\n\r\n return {\r\n status: true,\r\n relatedClients: null,\r\n };\r\n } else {\r\n return {\r\n status: false,\r\n };\r\n }\r\n } else {\r\n return {\r\n status: false,\r\n };\r\n }\r\n } catch (error) {\r\n console.error(\r\n `Error when trying to select user client: ${error.message}`\r\n );\r\n return {\r\n status: false,\r\n };\r\n }\r\n }\r\n\r\n checkIfUserAuthenticated() {\r\n try {\r\n let userAuth = localStorage.getItem(\"userAuth\");\r\n\r\n userAuth = userAuth ? JSON.parse(userAuth) : false;\r\n\r\n if (\r\n !(\r\n userAuth &&\r\n userAuth.tokenExpirationDate &&\r\n !this.checkIfTokenExpired(userAuth.tokenExpirationDate)\r\n )\r\n ) {\r\n return null;\r\n }\r\n return true;\r\n } catch (error) {\r\n console.error(\r\n `Error when trying to check user authentication: ${error.message}`\r\n );\r\n return null;\r\n }\r\n }\r\n\r\n retrieveUserDataFromLocalStorage() {\r\n try {\r\n let userAuth = localStorage.getItem(\"userAuth\");\r\n\r\n userAuth = userAuth ? JSON.parse(userAuth) : false;\r\n\r\n if (userAuth) {\r\n return userAuth;\r\n }\r\n\r\n return null;\r\n } catch (error) {\r\n console.error(\r\n `Error when trying to retrieve user data: ${error.message}`\r\n );\r\n return null;\r\n }\r\n }\r\n\r\n checkIfTokenExpired(expirationDate) {\r\n return !expirationDate || Date.now() >= expirationDate;\r\n }\r\n\r\n async checkIfTokenValidOnRemote(token) {\r\n try {\r\n if (token) {\r\n let userAuth = await apiRequest(\"POST\", \"/ConfirmarToken\", { token });\r\n\r\n if (userAuth) {\r\n await this.setAuthorizationDataOnLocalStorage(userAuth);\r\n return true;\r\n }\r\n }\r\n\r\n return null;\r\n } catch (error) {\r\n console.error(\r\n `Error when trying to check token on remote: ${error.message}`\r\n );\r\n return null;\r\n }\r\n }\r\n}\r\n\r\nexport default new AuthenticationService();","import authenticationService from \"./AuthenticationService\";\r\nimport { apiRequest } from \"./APIService\";\r\nimport { isAlphanumericOrderId } from \"../util/utils\";\r\n\r\nclass ExamsService {\r\n constructor() {\r\n this.runningFunctionsReference = {};\r\n if (!ExamsService._instance) {\r\n ExamsService._instance = this;\r\n }\r\n return ExamsService._instance;\r\n }\r\n\r\n async getTypes() {\r\n try {\r\n let request = {};\r\n\r\n request =\r\n authenticationService.setUserAuthorizationDataOnRequest(request);\r\n\r\n let response = await apiRequest(\"POST\", \"/ListarTipoExame\", request);\r\n\r\n if (response && response.exams) {\r\n let examsTypes = response.exams;\r\n\r\n return examsTypes.map(\r\n (item) => `${item.exam} : ${item.examDescription}`\r\n );\r\n } else {\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(`Error when trying to get exam types: ${error.message}`);\r\n return null;\r\n }\r\n }\r\n\r\n async get({ orderBy, filterBy, limit = 20, page = 1, lastId = null }) {\r\n try {\r\n let request = {\r\n orderBy,\r\n filterBy,\r\n page,\r\n limit,\r\n lastId,\r\n };\r\n\r\n let orderIdIndex = this.getExamFilterIndex(filterBy, \"OrderId\");\r\n \r\n if (\r\n orderIdIndex !== -1 &&\r\n orderIdIndex !== null &&\r\n orderIdIndex !== undefined &&\r\n isAlphanumericOrderId(filterBy[orderIdIndex].OrderId)\r\n ) {\r\n let orderId = await this.getOrderIdFromAlphanumericCode(\r\n filterBy[orderIdIndex].OrderId\r\n );\r\n\r\n orderId && (filterBy[orderIdIndex].OrderId = orderId);\r\n }\r\n\r\n request =\r\n authenticationService.setUserAuthorizationDataOnRequest(request);\r\n\r\n let response = await apiRequest(\"POST\", \"/ConsultarExame\", request);\r\n\r\n if (response && response.exams) {\r\n let exams = response;\r\n\r\n if (response.AggregatedData) {\r\n let statistics = this.buildStatus(response.AggregatedData);\r\n delete response.AggregatedData;\r\n response.statistics = statistics;\r\n }\r\n\r\n return exams;\r\n } else {\r\n return [];\r\n }\r\n } catch (error) {\r\n console.error(`Error when trying to get exams: ${error.message}`);\r\n return null;\r\n }\r\n }\r\n\r\n async getHistory({ examId, orderId }) {\r\n try {\r\n if (examId && orderId) {\r\n let request = { examId, orderId };\r\n\r\n request =\r\n authenticationService.setUserAuthorizationDataOnRequest(request);\r\n\r\n let response = await apiRequest(\r\n \"POST\",\r\n \"/ListarHistoricoExame\",\r\n request\r\n );\r\n\r\n if (response && response.events) {\r\n let examEvents = response.events;\r\n\r\n examEvents = this.removeHistoryDuplicatedStatus(examEvents);\r\n\r\n return examEvents;\r\n } else {\r\n return null;\r\n }\r\n } else {\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(`Error when trying to get exam history: ${error.message}`);\r\n return null;\r\n }\r\n }\r\n\r\n async getStatus() {\r\n try {\r\n let request = {};\r\n\r\n request =\r\n authenticationService.setUserAuthorizationDataOnRequest(request);\r\n\r\n let response = await apiRequest(\"POST\", \"/SituacaoExameCliente\", request);\r\n\r\n if (response && response.data) {\r\n let examsStatus = response.data;\r\n\r\n let buildedExamsStatus = this.buildStatus(examsStatus);\r\n\r\n return buildedExamsStatus;\r\n } else {\r\n return null;\r\n }\r\n } catch (error) {\r\n console.error(`Error when trying to get exam status: ${error.message}`);\r\n return null;\r\n }\r\n }\r\n\r\n async getResult(orderId, examId, year){\r\n try {\r\n let request = {};\r\n\r\n if(orderId && examId && year){\r\n request = {orderId,examId, year};\r\n\r\n request =\r\n authenticationService.setUserAuthorizationDataOnRequest(request);\r\n\r\n let response = await apiRequest(\"POST\", \"/GetResultadoExamePedido\", request, {\r\n responseType: 'arraybuffer',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'Accept': 'application/pdf'\r\n }\r\n });\r\n\r\n if (response){ \r\n return response;\r\n } else {\r\n return null;\r\n }\r\n }\r\n \r\n } catch (error) {\r\n console.error(`Error when trying to get the result: ${error.message}`);\r\n return null;\r\n }\r\n\r\n }\r\n\r\n async startGettingDataFrom(\r\n functionName = \"\",\r\n parameters = {},\r\n callback = () => {},\r\n every = 10000\r\n ) {\r\n let recurrentReference = setInterval(async () => {\r\n let result = await this[functionName]({ ...parameters });\r\n callback(result);\r\n }, every);\r\n\r\n if (!this.runningFunctionsReference[functionName]) {\r\n this.runningFunctionsReference[functionName] = {};\r\n }\r\n\r\n this.runningFunctionsReference[functionName][recurrentReference] =\r\n recurrentReference;\r\n\r\n let result = await this[functionName]({ ...parameters });\r\n\r\n if(\r\n this.runningFunctionsReference && \r\n this.runningFunctionsReference[functionName] &&\r\n this.runningFunctionsReference[functionName][recurrentReference]\r\n ){\r\n callback(result);\r\n }\r\n\r\n return recurrentReference;\r\n }\r\n\r\n stopGettingDataFrom(functionName, functionReference) {\r\n if (functionName && !functionReference) {\r\n if (\r\n this.runningFunctionsReference[functionName] &&\r\n Object.keys(\r\n this.runningFunctionsReference[functionName]\r\n ).length > 0\r\n ) {\r\n let functionReferences = Object.keys(\r\n this.runningFunctionsReference[functionName]\r\n );\r\n\r\n for (const referenceIndex of functionReferences) {\r\n clearInterval(\r\n this.runningFunctionsReference[functionName][referenceIndex]\r\n );\r\n delete this.runningFunctionsReference[functionName][referenceIndex];\r\n }\r\n }\r\n }\r\n\r\n if (functionName && functionReference) {\r\n if (\r\n this.runningFunctionsReference[functionName] &&\r\n this.runningFunctionsReference[functionName][functionReference]\r\n ) {\r\n clearInterval(\r\n this.runningFunctionsReference[functionName][functionReference]\r\n );\r\n delete this.runningFunctionsReference[functionName][functionReference];\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n stopGettingAllData() {\r\n if (\r\n this.runningFunctionsReference &&\r\n Object.keys(this.runningFunctionsReference).length > 0\r\n ) {\r\n for (const functionReference in this.runningFunctionsReference) {\r\n let functionReferences = Object.keys(\r\n this.runningFunctionsReference[functionReference]\r\n );\r\n\r\n if(functionReferences && functionReferences.length>0){\r\n for (const functionIndex of functionReferences) {\r\n clearInterval(\r\n this.runningFunctionsReference[functionReference][functionIndex]\r\n );\r\n delete this.runningFunctionsReference[functionReference][functionIndex];\r\n }\r\n }\r\n }\r\n }\r\n\r\n return true;\r\n }\r\n\r\n buildStatus(examsStatus) {\r\n let buildedExamsStatus = {};\r\n\r\n for (const status of examsStatus) {\r\n if (status && status.prodUnit) {\r\n if (!buildedExamsStatus[status.prodUnit]) {\r\n buildedExamsStatus[status.prodUnit] = {};\r\n buildedExamsStatus[status.prodUnit][\"TOTAL\"] = 0;\r\n buildedExamsStatus[status.prodUnit][\"aliasProdUnit\"] = status.aliasProdUnit;\r\n }\r\n if (!buildedExamsStatus[\"BR\"]) {\r\n buildedExamsStatus[\"BR\"] = {};\r\n buildedExamsStatus[\"BR\"][\"TOTAL\"] = 0;\r\n }\r\n if (\r\n buildedExamsStatus[\"BR\"] &&\r\n !buildedExamsStatus[\"BR\"][status.descEventStage]\r\n ) {\r\n buildedExamsStatus[\"BR\"][status.descEventStage] = 0;\r\n }\r\n\r\n if(status.clientState){\r\n buildedExamsStatus[\"BR\"][\"clientState\"]= status.clientState;\r\n }\r\n \r\n buildedExamsStatus[\"BR\"][status.descEventStage] += status.qtyEventStage;\r\n buildedExamsStatus[status.prodUnit][status.descEventStage] =\r\n status.qtyEventStage;\r\n\r\n \r\n buildedExamsStatus[\"BR\"][\"TOTAL\"] += status.qtyEventStage;\r\n buildedExamsStatus[status.prodUnit][\"TOTAL\"] += status.qtyEventStage;\r\n\r\n if(status.descEventStage === \"CADASTRADO\" || status.descEventStage === \"RECOLHIDO\"){\r\n buildedExamsStatus[status.prodUnit][`${status.descEventStage}-LOCATION`] = {};\r\n let eventLocation = buildedExamsStatus[status.prodUnit][`${status.descEventStage}-LOCATION`];\r\n\r\n if(status.codePardiniStore){\r\n eventLocation[\"codePardiniStore\"]= status.codePardiniStore;\r\n }\r\n if(status.namePardiniStore){\r\n eventLocation[\"namePardiniStore\"]= status.namePardiniStore;\r\n }\r\n if(status.stateStore){\r\n eventLocation[\"stateStore\"]= status.stateStore;\r\n }\r\n if(status.clientState){\r\n eventLocation[\"clientState\"]= status.clientState;\r\n }\r\n if(status.homeState){\r\n eventLocation[\"homeState\"]= status.homeState;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return buildedExamsStatus;\r\n }\r\n\r\n removeHistoryDuplicatedStatus(statusHistory) {\r\n let haveHistory = [];\r\n let newHistory = [];\r\n\r\n if (statusHistory) {\r\n for (const status of statusHistory) {\r\n if (status.stageName && haveHistory.indexOf(status.stageName) === -1) {\r\n haveHistory.push(status.stageName);\r\n newHistory.push(status);\r\n }\r\n }\r\n }\r\n return newHistory;\r\n }\r\n\r\n async getOrderIdFromAlphanumericCode(alphanumeric){\r\n\r\n if(alphanumeric!==null && alphanumeric!==undefined){\r\n\r\n let request = {orderIdAlphaNumeric: alphanumeric.toUpperCase()};\r\n\r\n request = authenticationService.setUserAuthorizationDataOnRequest(request);\r\n\r\n let response = await apiRequest(\"POST\", \"/ConverterBase36ToDecimal\", request);\r\n\r\n if (\r\n response &&\r\n response.base36ToDecimal &&\r\n response.base36ToDecimal.length &&\r\n response.base36ToDecimal[0].orderId &&\r\n response.base36ToDecimal[0].orderId !== \"\"\r\n ) {\r\n return response.base36ToDecimal[0].orderId ;\r\n } else {\r\n return null;\r\n }\r\n }\r\n }\r\n\r\n getExamFilterIndex(filters, filterName){\r\n if(filters && filters.length && filters.length > 0 && filterName){\r\n return filters.findIndex((filter)=> filter[filterName]);\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n static getInstance() {\r\n return this._instance;\r\n }\r\n}\r\n\r\nexport default new ExamsService();\r\n","var _g, _defs;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgIcoPartnerLab(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 44,\n height: 44,\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n clipPath: \"url(#clip0)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M42.7005 9.0692L22.9005.196a2.1998 2.1998 0 00-1.801 0l-19.8 8.8733A2.2 2.2 0 000 11.0742v30.7266c0 1.2151.985 2.2 2.2 2.2h39.6c1.215 0 2.2-.9849 2.2-2.2V11.0742a2.2 2.2 0 00-1.2995-2.005zM6.6 42.5342v-9.5334h1.4667v9.5334H6.6zm0-14.8654a.9346.9346 0 01.173-.5434l1.0421-1.4579h6.3698l1.0413 1.4571a.9336.9336 0 01-.7583 1.4762H7.5321a.9327.9327 0 01-.9321-.932zm3.6667-5.9026v-1.9654h1.4666v1.9654a1.4618 1.4618 0 00.2736.8521l1.1308 1.5825H8.8623l1.1316-1.5832a1.4627 1.4627 0 00.2728-.8514zm-2.7346 8.3013h31.3346a.7334.7334 0 010 1.4667H5.1333a.7334.7334 0 010-1.4667h2.3988zM22 20.301v-1.9668h1.4667v1.9316a1.4915 1.4915 0 00.8382 1.3581 3.6243 3.6243 0 011.3493 1.1103h-5.8491a3.6057 3.6057 0 011.3758-1.1184A1.4461 1.4461 0 0022 20.301zm-2.8439 3.8998h7.1603a3.5845 3.5845 0 01-1.2738 3.5794 3.7113 3.7113 0 01-3.102.7385 3.649 3.649 0 01-2.7962-2.8138 3.7584 3.7584 0 01.0117-1.5041zm8.7106.7334a5.11 5.11 0 00-.3029-1.6984.838.838 0 00-.0315-.0844 5.236 5.236 0 00-2.599-2.8856v-1.9316a.7335.7335 0 000-1.4667h-1.4666v-2.2c0-.81.6566-1.4667 1.4666-1.4667h.8683a2.1737 2.1737 0 00-.1349.7334c0 1.215.9849 2.2 2.2 2.2 1.215 0 2.2-.985 2.2-2.2a2.1763 2.1763 0 00-.135-.7334H30.8c.81 0 1.4667.6567 1.4667 1.4667v6.6H30.8c-.81 0-1.4667.6566-1.4667 1.4667v5.8666h-3.0162a5.1067 5.1067 0 001.5496-3.6666zm.7333-11a.7334.7334 0 11-1.4667-.0001.7334.7334 0 011.4667.0001zm2.2 12.4666h4.4v2.2h-4.4v-2.2zm4.4-1.4666h-4.4v-2.2h4.9273a4.4939 4.4939 0 00-.5273 2.2zm-.7333 8.0666v9.5334H9.5333v-9.5334h24.9334zm1.4666 9.5334v-9.5334H37.4v9.5334h-1.4667zm6.6-.7334a.7334.7334 0 01-.7333.7334h-2.9333v-9.5334c1.215 0 2.2-.9849 2.2-2.2 0-1.215-.985-2.2-2.2-2.2h-2.2v-3.6666a2.9152 2.9152 0 01.5016-1.7395 1.2138 1.2138 0 00-.982-1.9272h-2.453v-6.6c0-1.62-1.3133-2.9333-2.9333-2.9333h-5.8667c-1.62 0-2.9333 1.3133-2.9333 2.9333v2.2h-1.4667a.7334.7334 0 000 1.4667h.0081l.022 1.9514a5.0692 5.0692 0 00-2.6114 2.8299.6898.6898 0 00-.0638.1577 5.2064 5.2064 0 00-.1811 2.7221 5.072 5.072 0 001.4329 2.6055h-2.4618a2.4017 2.4017 0 00-.2581-2.3276L13.2 21.7662v-1.9654a.7333.7333 0 100-1.4666H8.8a.7333.7333 0 100 1.4666v1.9654L5.5792 26.274a2.4023 2.4023 0 00-.2574 2.3268h-.1885c-1.215 0-2.2.985-2.2 2.2 0 1.2151.985 2.2 2.2 2.2v9.5334H2.2a.7334.7334 0 01-.7333-.7334V11.0742a.7333.7333 0 01.4334-.6703l19.8-8.8733a.7332.7332 0 01.5998 0l19.8 8.8733a.733.733 0 01.4334.6703v30.7266z\",\n fill: \"url(#paint0_linear)\"\n }))), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"linearGradient\", {\n id: \"paint0_linear\",\n x1: 0,\n y1: 22.002,\n x2: 44,\n y2: 22.002,\n gradientUnits: \"userSpaceOnUse\"\n }, /*#__PURE__*/React.createElement(\"stop\", {\n stopColor: \"#0909C9\"\n }), /*#__PURE__*/React.createElement(\"stop\", {\n offset: 1,\n stopColor: \"#FF1FFF\"\n })), /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"clip0\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n fill: \"#fff\",\n d: \"M0 0h44v44H0z\"\n })))));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgIcoPartnerLab);\nexport default __webpack_public_path__ + \"static/media/ico-partner-lab.58b5b6d6.svg\";\nexport { ForwardRef as ReactComponent };","import React, { Component } from \"react\";\r\n\r\nimport authenticationService from \"../services/AuthenticationService\";\r\nimport userService from \"../services/UserService\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport AuthenticationService from \"../services/AuthenticationService\";\r\nimport { ReactComponent as PartnerLab } from \"../assets/img/ico-partner-lab.svg\";\r\nimport { setEmbeddedFromLocalStorage } from \"../util/utils\";\r\nimport { MY_PARDINI_URL } from \"../constants\";\r\nclass AppBar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n user: null,\r\n client: null,\r\n clientList: [],\r\n menuOpen: false,\r\n loading: false,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n let userData = userService.getUserData();\r\n if (userData) {\r\n let user = {\r\n name: userData.userName ? userData.userName : null,\r\n };\r\n\r\n let client = {\r\n name: userService.getClientName() || null,\r\n type: userService.getUserType() || null,\r\n };\r\n this.setState({ user, client });\r\n }\r\n\r\n if (userData.relatedClients) {\r\n this.setState({\r\n clientList: userData.relatedClients,\r\n });\r\n }\r\n }\r\n async logOut(e) {\r\n e.preventDefault();\r\n setEmbeddedFromLocalStorage(false);\r\n this.setState({ loading: true });\r\n let logOut = await authenticationService.logout();\r\n this.setState({ loading: false });\r\n if (logOut) {\r\n this.props.history.replace(\"/login\");\r\n console.info(\"user log out.\");\r\n } else {\r\n console.error(\"Failed to log user out: Server denied.\");\r\n }\r\n }\r\n\r\n async alterClient(client) {\r\n if (userService.getClientId() === client.code) {\r\n console.error(\r\n \"Failed to switch Clients: The requested client is already the selected one.\"\r\n );\r\n return false;\r\n }\r\n\r\n const auth = await AuthenticationService.setUserClient(\r\n client.code,\r\n client.name\r\n );\r\n\r\n if (!auth.status) {\r\n console.error(\"Failed to switch Clients: Server denied.\");\r\n return false;\r\n }\r\n\r\n const currentUser = userService.getCurrentUserClient();\r\n\r\n this.setState({\r\n client: currentUser,\r\n });\r\n\r\n this.props.history.replace(\"/\");\r\n\r\n return true;\r\n }\r\n\r\n closeDropDown() {\r\n let menu = document.querySelector(\".dropdown-menu\");\r\n if (menu.classList.contains(\"user-type-menu\")) {\r\n menu.classList.remove(\"user-type-menu\");\r\n }\r\n }\r\n\r\n openDropDown() {\r\n let menu = document.querySelector(\"#dropdown-menu-labs\");\r\n if (!menu.classList.contains(\"user-type-menu\")) {\r\n menu.classList.add(\"user-type-menu\");\r\n }\r\n }\r\n\r\n async toggleAlterLab(client) {\r\n let alterResult = await this.alterClient(client);\r\n\r\n if (!alterResult) {\r\n let active = document.getElementById(client.code);\r\n\r\n let menu = document.getElementById(\"dropdown-menu-labs\");\r\n let options = menu.getElementsByClassName(\"dropdown-item\");\r\n\r\n for (var c = 0; c < options.length; c++) {\r\n if (options[c].classList.contains(\"active\")) {\r\n options[c].classList.remove(\"active\");\r\n }\r\n }\r\n\r\n active.classList.add(\"active\");\r\n }\r\n this.closeDropDown();\r\n }\r\n\r\n renderDropBox() {\r\n const styleDropbox = {\r\n margin: \"0\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n minHeight: \"50px\",\r\n textAlign: \"end\",\r\n backgroundColor: \"transparent\",\r\n };\r\n\r\n return (\r\n \r\n {this.state.hasGraph ? (\r\n <>\r\n
\r\n \r\n
\r\n \r\n {arrayLeft}\r\n
\r\n \r\n {arrayRight}\r\n
\r\n \r\n ) : (\r\n this.mapObject()\r\n )}\r\n \r\n this.openDropDown()}\r\n >\r\n \r\n {this.state.client.type === \"L2L\" ? \"Laboratório\" : \"Hospital\"}{\" \"}\r\n Conveniado\r\n \r\n
\r\n \r\n {this.state.client && this.state.client.name}\r\n
\r\n\r\n
\r\n\r\n {client && client.name}
\r\n \r\n\r\n Enterprise Digital . Pardini Customer Experience\r\n
\r\n \r\n
\r\n Hermes Pardini
\r\n {this.state.clientList.length > 1 ? (\r\n this.renderDropBox()\r\n ) : this.state.client &&\r\n this.state.client.type &&\r\n this.state.client.type !== \"PSC\" ? (\r\n \r\n \r\n {this.state.client.type === \"L2L\" ? \"Laboratório\" : \"Hospital\"}{\" \"}\r\n Conveniado\r\n \r\n
\r\n ) : null}\r\n \r\n {this.state.client && this.state.client.name}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n {this.state.user && this.state.user.name}\r\n \r\n \r\n
\r\n \r\n {userService.checkForMyPardiniSession() ?\r\n ( {\r\n this.logOut(e);\r\n }}\r\n >\r\n Sair\r\n
\r\n this.backToMyPardini()}\r\n >\r\n Voltar ao MyPardini\r\n
): null}\r\n \r\n \r\n {props.children}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ContentLayout;\r\n","import HeaderLayout from \"./HeaderLayout\";\r\nimport LeftSideLayout from \"./LeftSideLayout\";\r\nimport ContentLayout from \"./ContentLayout\";\r\nimport react from \"react\";\r\nimport { useParams, useLocation } from \"react-router-dom\";\r\nimport { getEmbedded } from \"../../util/utils\";\r\n\r\nconst Layout = (props) => {\r\n let params = useParams();\r\n let query = useLocation();\r\n\r\n const isEmbedded = getEmbedded();\r\n let styleMain = {};\r\n let styleApp = {};\r\n if (isEmbedded) {\r\n styleMain = { gridRow: \"1 /span 2\" };\r\n styleApp = { paddingTop: \"0\" };\r\n }\r\n\r\n return (\r\n \r\n \r\n {react.cloneElement(props.header, { params: params, query: query })}\r\n \r\n \r\n \r\n {react.cloneElement(props.leftSide, { params: params })}\r\n \r\n \r\n {react.cloneElement(props.content, { params: params })}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Layout;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router\";\r\n\r\nclass Dialog extends Component {\r\n constructor(props) {\r\n super();\r\n\r\n this.state = {\r\n visible: false,\r\n };\r\n\r\n this.styles = { backgroundHeader: {}, widthModal: {}, heightModal: {} };\r\n }\r\n\r\n componentDidMount() {\r\n this.setState({\r\n visible: this.props.show || false,\r\n });\r\n }\r\n\r\n componentDidUpdate(previousProps) {\r\n if (previousProps.show !== this.props.show) {\r\n this.setState({\r\n visible: this.props.show || false,\r\n });\r\n }\r\n }\r\n\r\n closeModal() {\r\n this.setState({\r\n visible: false,\r\n });\r\n }\r\n\r\n setStyles(styles) {\r\n this.styles = { backgroundHeader: {}, widthModal: {}, heightModal: {} };\r\n switch (this.props.type) {\r\n case \"Error\":\r\n this.styles.backgroundHeader = {\r\n background: \"linear-gradient(90deg, #f16464 0%, #e23c3c 100%)\",\r\n };\r\n this.styles.widthModal = { width: \"20rem\" };\r\n break;\r\n case \"Info\":\r\n this.styles.widthModal = { width: \"20rem\" };\r\n break;\r\n case \"Video\":\r\n this.styles.widthModal = { width: \"45rem\" };\r\n break;\r\n default:\r\n this.styles.widthModal = {};\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.setStyles()}\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(Dialog);\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router\";\r\nimport { sendEvent} from '../util/utils'\r\nimport {PRODUCTION_UNIT_FEDERATIONS} from '../constants';\r\nclass Labs extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isLoading: true,\r\n };\r\n }\r\n\r\n\trenderUnits(){\r\n\t\tlet unitsList = []\r\n\t\tif(this.props.unitsStatus){\r\n\t\t\tObject.keys(this.props.unitsStatus).forEach(index => {\r\n\t\t\t\tlet unit = this.props.unitsStatus[index]\r\n\t\t\t\tunitsList.push((\r\n\t\t\t\t\t\t\r\n {\r\n if (this.props.closeInternal) {\r\n this.props.closeInternal();\r\n } else {\r\n this.closeModal();\r\n }\r\n }}\r\n >\r\n
\r\n {this.props.message ?\r\n {this.props.title}
\r\n\r\n
: null\r\n }\r\n\r\n {this.props.child ?\r\n this.props.child\r\n :\r\n null}\r\n \r\n {this.props.type !== \"Video\" ? (\r\n {this.props.message}
\r\n\r\n {this.props.deny ? (\r\n {\r\n this.props.deny();\r\n }}\r\n >\r\n Cancelar\r\n \r\n ) : null}\r\n\r\n {\r\n typeof this.props.confirmation === 'function'\r\n ? this.props.confirmation()\r\n : this.closeModal();\r\n }}\r\n >\r\n OK\r\n \r\n
\r\n ) : null}\r\n \r\n\t\t\t\t\t
\r\n\t\t\t\tExames por unidades
\r\n\t\t\t\t- sendEvent('highlight-unit',[])} >\r\n\t\t\t\t\t{this.renderUnits()}\r\n\t\t\t\t
\r\n
\r\n {!this.state.hasExams && !this.state.isFilterScreenOpen ?\r\n (\r\n \r\n
): null}\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nexport default withRouter(LeftSideBar)","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router\";\r\n\r\nimport AppBar from \"../components/AppBar\";\r\nimport Layout from \"../components/layout\";\r\nimport Map from \"../components/Map\";\r\nimport Dialog from \"../components/Dialog\";\r\n\r\nimport { FETCH_INTERVAL } from \"../constants\";\r\nimport examsService from \"../services/ExamsService\";\r\nimport authenticationService from \"../services/AuthenticationService\";\r\nimport LeftSideBar from \"../components/LeftSideBar\";\r\nimport { sendEvent } from \"../util/utils\";\r\n\r\nclass HomeView extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n status: null,\r\n exams: null,\r\n filters: [],\r\n dialog: {},\r\n stageUnitDistributionByStage: {},\r\n currentProductionUnit: \"HP\",\r\n loading: false,\r\n };\r\n\r\n this.showDialogFn = this.showDialog.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n this.startListingEvents();\r\n this.setState({loading: true});\r\n await this.startGettingStatusData();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.stopGettingData();\r\n this.stopListingEvents();\r\n }\r\n\r\n startListingEvents(){\r\n window.addEventListener(\"logUserOut\", this.logUserOut.bind(this));\r\n window.addEventListener(\"show-dialog\", this.showDialogFn);\r\n window.addEventListener(\"click\", this.closeAllDropDown.bind(this));\r\n window.addEventListener(\"setCurrentProductionUnit\", this.setCurrentProductionUnit.bind(this));\r\n }\r\n\r\n stopListingEvents(){\r\n window.removeEventListener(\"show-dialog\", this.showDialogFn);\r\n window.removeEventListener(\"click\", this.closeAllDropDown.bind(this));\r\n window.removeEventListener(\"logUserOut\", this.logUserOut.bind(this));\r\n window.removeEventListener(\"setCurrentProductionUnit\", this.setCurrentProductionUnit.bind(this));\r\n }\r\n\r\n async startGettingStatusData() {\r\n examsService.stopGettingDataFrom(\"getStatus\");\r\n await examsService.startGettingDataFrom(\r\n \"getStatus\",\r\n {},\r\n this.updateStatus.bind(this),\r\n FETCH_INTERVAL\r\n );\r\n }\r\n\r\n updateStatus(status) {\r\n this.setState({ status, loading: false },() =>{\r\n this.buildStageUnitDistributionByStage(status);\r\n sendEvent(\"reset-markers\", {update: true});\r\n }); \r\n }\r\n\r\n stopGettingData() {\r\n examsService.stopGettingDataFrom(\"getStatus\");\r\n }\r\n\r\n buildStageUnitDistributionByStage(status){\r\n if(status){\r\n let stageUnitDistributionByStage = {};\r\n\r\n for (const statusIndex in status) {\r\n if (Object.hasOwnProperty.call(status, statusIndex)) {\r\n const statusUnit = status[statusIndex];\r\n\r\n for (const stageIndex in statusUnit) {\r\n if (Object.hasOwnProperty.call(statusUnit, stageIndex) && statusIndex !== \"BR\") {\r\n const stageCount = statusUnit[stageIndex];\r\n stageUnitDistributionByStage[stageIndex] || (stageUnitDistributionByStage[stageIndex] = {});\r\n stageUnitDistributionByStage[stageIndex][statusIndex] = stageCount;\r\n }\r\n } \r\n }\r\n }\r\n\r\n this.setState({stageUnitDistributionByStage: stageUnitDistributionByStage});\r\n }\r\n }\r\n \r\n setCurrentProductionUnit(event){\r\n if(event && event.detail){\r\n this.setState({currentProductionUnit: event.detail});\r\n }\r\n }\r\n\r\n logUserOut() {\r\n try {\r\n authenticationService.logout();\r\n this.props.history.replace(\"/login\");\r\n } catch (error) {\r\n console.error(`Error when trying to log the user out: ${error.message}`);\r\n }\r\n }\r\n\r\n showDialog(dialogData) {\r\n if (dialogData && dialogData.detail) {\r\n this.setState({\r\n dialog: dialogData.detail,\r\n });\r\n }\r\n }\r\n\r\n defaultCloseDialog() {\r\n this.setState({\r\n dialog: {},\r\n });\r\n }\r\n\r\n closeAllDropDown(e) {\r\n let ignoreElement = null;\r\n\r\n if(e &&\r\n e.target &&\r\n e.target.dataset &&\r\n e.target.dataset.target){\r\n ignoreElement = document.getElementById(e.target.dataset.target);\r\n }\r\n\r\n let clickInside = ignoreElement ? ignoreElement.contains(e.target) : false;\r\n\r\n if (!clickInside) {\r\n let menu = document.getElementsByClassName(\"dropdown-menu\");\r\n for (let c = 0; c < menu.length; c++) {\r\n if (menu[c].classList && menu[c].classList.contains(\"user-type-menu\")) {\r\n menu[c].classList.remove(\"user-type-menu\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {\r\n return (\r\n this.state.dialog.confirmation() || this.defaultCloseDialog()\r\n );\r\n }}\r\n closeInternal={() => this.defaultCloseDialog()}\r\n {...this.state.dialog}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(HomeView);\r\n","import {} from \"react-router\";\r\n\r\nimport React, { Component } from \"react\";\r\n\r\nimport authenticationService from \"../services/AuthenticationService\";\r\nimport { withRouter, Redirect } from \"react-router-dom\";\r\nimport { setEmbeddedFromLocalStorage } from \"../util/utils\";\r\nimport { FOLDER_HOMOL } from \"../constants\";\r\n\r\nclass Login extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n userType: null,\r\n userTypeName: \"Tipo de Usuário\",\r\n login: null,\r\n password: null,\r\n loading: true,\r\n isUserAuthenticated: false,\r\n relatedClients: [],\r\n clientId: null,\r\n clientName: null,\r\n nextLoginPhase: false,\r\n errorMessage: null,\r\n };\r\n\r\n this.items = [\"Laboratório Conveniado\", \"Pessoa Física\"];\r\n //this.items = [\"Laboratório Conveniado\", \"Pessoa Física\", \"Hospital\"];\r\n this.showPasswordFn = this.showPassword.bind(this);\r\n\r\n window.addEventListener(\"showPassword\", this.showPasswordFn);\r\n }\r\n\r\n async componentDidMount() {\r\n this.getQuery(\"embedded\");\r\n let loading = false;\r\n this.setState({ loading });\r\n await this.checkForExternalLogin();\r\n let isUserAuthenticated = authenticationService.checkIfUserAuthenticated();\r\n this.setState({ isUserAuthenticated });\r\n }\r\n\r\n getQuery(queryName) {\r\n const query = new URLSearchParams(this.props.location.state && this.props.location.state.search);\r\n\r\n if (query.get(queryName)) {\r\n query.get(queryName).toLowerCase() === \"true\"\r\n ? setEmbeddedFromLocalStorage(true)\r\n : setEmbeddedFromLocalStorage(false);\r\n } else {\r\n setEmbeddedFromLocalStorage(false);\r\n }\r\n }\r\n\r\n async login(e) {\r\n e.preventDefault();\r\n\r\n this.setState({ loading: true });\r\n\r\n if (this.state.userType && this.state.login && this.state.password) {\r\n let authentication = await authenticationService.login(\r\n this.state.login,\r\n this.state.password,\r\n this.state.userType\r\n );\r\n this.setState({\r\n errorMessage: \"\"\r\n })\r\n if (\r\n authentication &&\r\n authentication.status &&\r\n authentication.relatedClients\r\n ) {\r\n this.setState({ relatedClients: authentication.relatedClients });\r\n this.setState({ loading: false });\r\n } else if (authentication && authentication.status) {\r\n this.setState({ loading: false, isAuthenticated: true });\r\n\r\n this.props.history.replace(\"/\");\r\n } else {\r\n this.setState({ loading: false });\r\n this.showErrorMessage(\"Login ou senha incorretos.\");\r\n }\r\n } else {\r\n this.setState({ loading: false });\r\n this.showErrorMessage(\"Preencha corretamente todos os campos.\");\r\n }\r\n }\r\n\r\n async checkForExternalLogin() {\r\n const query = new URLSearchParams(this.props.location.state && this.props.location.state.search);\r\n let externalToken = query.get('sessionId');\r\n \r\n if (externalToken) {\r\n this.setState({ loading: true });\r\n let authentication =\r\n await authenticationService.checkIfTokenValidOnRemote(externalToken);\r\n if (!authentication) {\r\n this.showErrorMessage(\"Login ou senha incorretos.\");\r\n authenticationService.endSession();\r\n } else {\r\n authenticationService.registerSession(\"myPardini\");\r\n }\r\n\r\n this.setState({ loading: false });\r\n return true;\r\n }\r\n }\r\n\r\n showPassword() {\r\n let showPassword = document.querySelector(\".show-password\");\r\n let inputPassword = document.getElementById(\"userPassword\");\r\n\r\n if (inputPassword.type === \"password\") {\r\n inputPassword.type = \"text\";\r\n inputPassword.focus();\r\n showPassword.classList.add(\"hide\");\r\n } else {\r\n inputPassword.type = \"password\";\r\n inputPassword.focus();\r\n showPassword.classList.remove(\"hide\");\r\n }\r\n }\r\n\r\n toggleList() {\r\n let menu = document.querySelector(\".type-list\");\r\n if (!menu.classList.contains(\"user-type-menu\")) {\r\n menu.classList.add(\"user-type-menu\");\r\n } else {\r\n menu.classList.remove(\"user-type-menu\");\r\n }\r\n }\r\n\r\n getString(id) {\r\n let tipo = \"\";\r\n if (id === \"L2L\") {\r\n tipo = \"Laboratório Conveniado\";\r\n } else if (id === \"PSC\") {\r\n tipo = \"Pessoa Física\";\r\n } else if (id === \"HOSP\") {\r\n tipo = \"Hospital\";\r\n } else {\r\n tipo = null;\r\n }\r\n return tipo;\r\n }\r\n\r\n toggleUserType(id) {\r\n let options = document.getElementsByClassName(\"dropdown-item\");\r\n\r\n for (var c = 0; c < options.length; c++) {\r\n if (options[c].classList.contains(\"active\")) {\r\n options[c].classList.remove(\"active\");\r\n }\r\n }\r\n\r\n let active = document.getElementById(id);\r\n\r\n active.classList.add(\"active\");\r\n\r\n document.querySelector(\".type-list\").classList.remove(\"user-type-menu\");\r\n this.setState({\r\n userType: id,\r\n userTypeName: this.getString(id),\r\n });\r\n }\r\n toggleClientType(id, name) {\r\n let options = document.getElementsByClassName(\"dropdown-item\");\r\n\r\n for (var c = 0; c < options.length; c++) {\r\n if (options[c].classList.contains(\"active\")) {\r\n options[c].classList.remove(\"active\");\r\n }\r\n }\r\n\r\n let active = document.getElementById(id);\r\n\r\n active.classList.add(\"active\");\r\n\r\n document.querySelector(\".type-list\").classList.remove(\"user-type-menu\");\r\n\r\n this.setState({\r\n clientId: id,\r\n clientName: name,\r\n });\r\n }\r\n\r\n async setClient(e) {\r\n e.preventDefault();\r\n\r\n if (this.state.clientId && this.state.clientName) {\r\n this.setState({ loading: true });\r\n let authentication = await authenticationService.setUserClient(\r\n this.state.clientId,\r\n this.state.clientName\r\n );\r\n\r\n if (authentication && authentication.status) {\r\n this.props.history.push(\"/\");\r\n } else {\r\n alert(\"erro\");\r\n }\r\n } else {\r\n this.showErrorMessage(\"Selecione um laboratório para prosseguir.\");\r\n }\r\n this.setState({ loading: false });\r\n }\r\n\r\n toggleForm(id, ctrl) {\r\n if (ctrl === 0) {\r\n document.getElementById(id).classList.add(\"focus\");\r\n document.getElementById(id).classList.add(\"filled\");\r\n } else if (\r\n ctrl === 1 &&\r\n document.getElementById(id).children[1].value === \"\"\r\n ) {\r\n document.getElementById(id).classList.remove(\"focus\");\r\n document.getElementById(id).classList.remove(\"filled\");\r\n }\r\n }\r\n\r\n attLogin() {\r\n let login = document.getElementById(\"userLogin\").value;\r\n this.setState({ login });\r\n }\r\n attPassword() {\r\n let password = document.getElementById(\"userPassword\").value;\r\n this.setState({ password });\r\n }\r\n\r\n showErrorMessage(message) {\r\n this.setState({ errorMessage: message });\r\n }\r\n\r\n render() {\r\n const ulStyle = {\r\n overflow: \"auto\",\r\n maxHeight: \"150px\",\r\n };\r\n const btDefaultStyle = {\r\n boxShadow: \"none\",\r\n width: \"100%\",\r\n position: \"absolute\",\r\n paddingLeft: \"15%\"\r\n };\r\n\r\n return !this.state.isUserAuthenticated ? (\r\n <>\r\n {this.state.loading ? : null}\r\n \r\n
\r\n \r\n
\r\n Enterprise Digital
\r\n {/* */}\r\n \r\n
\r\n \r\n Login\r\n
\r\n\r\n
\r\n ) : (\r\n \r\n )}\r\n {this.state.errorMessage}
\r\n \r\n
\r\n \r\n this.toggleList()}\r\n style={{ padding: \"0 0\" }}\r\n >\r\n
\r\n \r\n \r\n \r\n {this.state.clientName ||\r\n `Selecione o ${this.state.userTypeName}`}\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n )}\r\n {this.state.errorMessage}
\r\n Hermes Pardini
\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\nexport default withRouter(LoadDNA);\r\n","export function sendEvent(eventName, data) {\r\n var event = new CustomEvent(eventName, { detail: data });\r\n window.dispatchEvent(event);\r\n\r\n return true;\r\n}\r\nexport const searchIndex = [\r\n 'PatientName', \r\n 'OrderId',\r\n 'Exam',\r\n 'EstimatedResultDate',\r\n 'Urgency',\r\n 'EventStage',\r\n 'ProductionUnitName'\r\n ]\r\n\r\nexport function filterPois(pois, mapId, categoryId) {\r\n if (pois && mapId && Object.keys(pois).length > 0 && categoryId) {\r\n let reducedMapId = getFloorIdByPlaceId(mapId);\r\n for (const index in pois) {\r\n const poi = pois[index];\r\n\r\n if (poi.categoryId != categoryId || poi.floor != reducedMapId) {\r\n delete pois[index];\r\n }\r\n }\r\n return pois;\r\n } else {\r\n return null;\r\n }\r\n}\r\n\r\nexport function filterPoiByName(pois, poiName){\r\n if(pois && poiName && Object.keys(pois).length > 0){\r\n for(let index in pois){\r\n let poi = pois[index]\r\n if(poi.title === poiName){\r\n return poi;\r\n }\r\n }\r\n }\r\n return null;\r\n}\r\n\r\nexport function getFloorIdByPlaceId(fullId) {\r\n if (!fullId || fullId.indexOf(\"-floor\") < 0) {\r\n return null;\r\n }\r\n return fullId.replace(/.*-floor/g, \"\").replace(/_.*/g, \"\");\r\n}\r\n\r\nexport function getEmbedded() {\r\n const isEmbedded = localStorage.getItem(\"embedded\");\r\n if (isEmbedded === \"true\") {\r\n return true;\r\n }\r\n\r\n return false;\r\n}\r\n\r\nexport function setEmbeddedFromLocalStorage(isEmbedded) {\r\n localStorage.setItem(\"embedded\", isEmbedded);\r\n}\r\n\r\nexport function transformCoordinatesToLeaflet(coords){\r\n let x = coords[0];\r\n let y = global.imageObj.height - coords[1];\r\n let result = [y,x];\r\n\r\n if(coords.length>2){\r\n result.push(coords[2]);\r\n } else {\r\n result[2] = 0;\r\n }\r\n\r\n return result;\r\n}\r\n\r\nexport function getCoordinateDirection(lngOrigin, lngDestination){\r\n if(lngOrigin !== null && lngDestination!== null)\r\n {\r\n if(lngOrigin <= lngDestination){\r\n return 'back';\r\n }else{\r\n return 'go';\r\n }\r\n }\r\n}\r\n\r\nfunction calculateCurvePointControl (pInitial, pFinal, radius, flip=false){\r\n\r\n if(flip){\r\n let auxPoint = pFinal;\r\n pFinal = pInitial;\r\n pInitial = auxPoint;\r\n }\r\n\r\n let offsetX = pFinal.x - pInitial.x,\r\n offsetY = pFinal.y - pInitial.y;\r\n\r\n let phi = Math.asin(1/(2*radius));\r\n let h = radius*Math.cos(phi);\r\n\r\n let pointerX = pInitial.x + offsetX/2 - h*(offsetY/1),\r\n pointerY = pInitial.y + offsetY/2 + h*(offsetX/1);\r\n\r\n return {x: pointerX, y: pointerY}\r\n}\r\n\r\nexport function calculateCurvePoints(accuracy = 100, pInitial ,pFinal, radius = 0.6, flip = false){\r\n const tFator = 1 / accuracy;\r\n let t = 0;\r\n let pointers = [];\r\n let pMiddle = calculateCurvePointControl(pInitial, pFinal, radius, flip);\r\n pointers.push([pInitial.x, pInitial.y]);\r\n while (t < 0.998) {\r\n t += tFator;\r\n let bx = 2 * (pMiddle.x - pInitial.x),\r\n ax = pFinal.x - pInitial.x - bx;\r\n\r\n let by = 2 * (pMiddle.y - pInitial.y),\r\n ay = pFinal.y - pInitial.y - by;\r\n \r\n let x = (ax * t**2) + (bx * t) + pInitial.x;\r\n let y = (ay * t**2) + (by * t) + pInitial.y;\r\n\r\n pointers.push([ x, y])\r\n }\r\n pointers.push([pFinal.x, pFinal.y]);\r\n return pointers;\r\n}\r\n\r\nexport function addPaddingInMap(paddings = {}){\r\n if(global.L){\r\n if(paddings){\r\n let paddingRightFactor = paddings.right ? paddings.right/100 : 0;\r\n let paddingLeftFactor = paddings.left ? paddings.left/100 : 0;\r\n let paddingTopFactor = paddings.top ? paddings.top/100 : 0;\r\n let paddingBottomFactor = paddings.bottom ? paddings.bottom/100 : 0;\r\n global.L.Map.prototype.getSize = function getSize() {\r\n if (!this._size || this._sizeChanged) {\r\n this._size = new global.L.Point(\r\n this._container.clientWidth + (this._container.clientWidth * (paddingLeftFactor - paddingRightFactor)) || 0,\r\n this._container.clientHeight + (this._container.clientHeight * (paddingTopFactor - paddingBottomFactor)) || 0);\r\n \r\n this._sizeChanged = false;\r\n }\r\n return this._size.clone();\r\n }\r\n }\r\n }\r\n}\r\n\r\nexport function normalizeJSON(json){\r\n let jsonString = JSON.stringify(json);\r\n let correctJson = jsonString.replace(/(\\\\r\\\\n|\\\\n|\\\\r|\\\\t|\\\\)/g, \"\");\r\n try {\r\n return JSON.parse(correctJson);\r\n } catch (error) {\r\n correctJson = correctJson.substring(1, correctJson.length - 1);\r\n return JSON.parse(correctJson);\r\n }\r\n}\r\n\r\nexport function parseDate(date){\r\n if(!date) {\r\n return null;\r\n }\r\n let parsedDate = new Date();\r\n let tempDate = date.split(' ');\r\n let year = tempDate[0].split('-')[0];\r\n let month = tempDate[0].split('-')[1];\r\n let day = tempDate[0].split('-')[2];\r\n let hour = tempDate[1].split(':')[0];\r\n let minutes = tempDate[1].split(':')[1];\r\n let seconds = tempDate[1].split(':')[2];\r\n parsedDate.setYear(parseInt(year));\r\n parsedDate.setMonth(parseInt(month));\r\n parsedDate.setDate(parseInt(day));\r\n parsedDate.setHours(parseInt(hour));\r\n parsedDate.setMinutes(parseInt(minutes));\r\n parsedDate.setSeconds(parseInt(seconds));\r\n \r\n return parsedDate.getTime();\r\n}\r\n\r\nexport function isAlphanumericOrderId(value){\r\n if(value && value.length && value.length === 7){\r\n let regexp = new RegExp(/^(?=.*?\\d)(?=.*?[a-zA-Z])[a-zA-Z\\d]+$/);\r\n let isValidAlphanumereciOrderId = regexp.test(value);\r\n\r\n return isValidAlphanumereciOrderId;\r\n } else {\r\n return null;\r\n }\r\n}","export const HISTORY_ROUTES = {\r\n \"Recebido-Em Processamento\": [\r\n [2370,3150],\r\n [2334,3150],\r\n [1758,3156],\r\n [1761,3075],\r\n [1978,3075],\r\n [2117,3067],\r\n [2147,3067],\r\n [2171,3078],\r\n [2258,3078],\r\n [2485,3043],\r\n [2439,2528],\r\n [2436,2419],\r\n [1769,2420],\r\n [1768,2470],\r\n [1730,2470],\r\n [1730,2485],\r\n [1216,2485],\r\n [1284,1993],\r\n [1850,1993],\r\n ],\r\n \"Recebido-Pendência Técnica\":[\r\n [2370,3150],\r\n [2925,3150],\r\n [2890,2940],\r\n [3150,2940],\r\n [3125,2792],\r\n [3160,2792],\r\n ],\r\n \"Recebido-Recoleta\":[\r\n [2370,3150],\r\n [2925,3150],\r\n [2890,2940],\r\n [3150,2940],\r\n [3100,2665],\r\n [3310,2665]\r\n ],\r\n \"Recebido-Em Análise Técnica\":[\r\n [2370,3150],\r\n [2334,3150],\r\n [1758,3156],\r\n [1761,3075],\r\n [1978,3075],\r\n [2117,3067],\r\n [2147,3067],\r\n [2171,3078],\r\n [2258,3078],\r\n [2485,3043],\r\n [2439,2528],\r\n [2436,2419],\r\n [1769,2420],\r\n [1768,2470],\r\n [1730,2470],\r\n [1730,2485],\r\n [1216,2485],\r\n [1346,1507],\r\n [1650,1506],\r\n [1671,1160],\r\n [2090,1160],\r\n [2090,1020],\r\n [2044,1020]\r\n ],\r\n \"Recebido-Resultado Liberado\":[\r\n [2370,3150],\r\n [1755,3151],\r\n [1766,3073],\r\n [1988,3073],\r\n [2107,3066],\r\n [2143,3065],\r\n [2170,3076],\r\n [2258,3077],\r\n [2458,3047],\r\n [2485,3046],\r\n [2439,2537],\r\n [2435,2419],\r\n [1770,2420],\r\n [1768,2486],\r\n [1217,2485],\r\n [1346,1507],\r\n [1650,1506],\r\n [1671,1160],\r\n [2397,1160],\r\n [2383,1020],\r\n [2343,1020],\r\n ],\r\n \r\n \"Em Processamento-Em Análise Técnica\":[\r\n [1850,1993],\r\n [1284,1992],\r\n [1346,1505],\r\n [1650,1505],\r\n [1671,1180],\r\n [2100,1180],\r\n [2100,1020],\r\n [2044,1020]\r\n ],\r\n \"Em Processamento-Pendência Técnica\":[\r\n [1850,1993],\r\n [1955,1993],\r\n [1955,2200],\r\n [2489,2200],\r\n [2502,2354],\r\n [2550,2354],\r\n [2558,2455],\r\n [2638,2454],\r\n [2706,3015],\r\n [2900,3015],\r\n [2890,2940],\r\n [3155,2940],\r\n [3125,2795],\r\n [3125,2792],\r\n [3160,2792],\r\n ],\r\n \"Em Processamento-Recoleta\":[\r\n [1850,1993],\r\n [1955,1993],\r\n [1955,2200],\r\n [2489,2200],\r\n [2502,2354],\r\n [2550,2354],\r\n [2558,2455],\r\n [2638,2454],\r\n [2706,3015],\r\n [2900,3015],\r\n [2890,2940],\r\n [3155,2940],\r\n [3125,2795],\r\n [3100,2665],\r\n [3310,2665],\r\n ],\r\n \"Em Processamento-Resultado Liberado\":[\r\n [1850,1993],\r\n [1284,1992],\r\n [1345,1508],\r\n [1650,1506],\r\n [1671,1160],\r\n [2397,1160],\r\n [2383,1020],\r\n [2343,1020],\r\n ],\r\n\r\n \"Pendência Técnica-Em Processamento\":[\r\n [3160,2792],\r\n [3125,2792],\r\n [3125,2795],\r\n [3155,2940],\r\n [2890,2940],\r\n [2900,3015],\r\n [2706,3015],\r\n [2638,2454],\r\n [2558,2455],\r\n [2550,2354],\r\n [2502,2354],\r\n [2489,2200],\r\n [1955,2200],\r\n [1955,1993], \r\n [1850,1993],\r\n ],\r\n \"Pendência Técnica-Em Análise Técnica\":[\r\n [3160,2792],\r\n [3125,2792],\r\n [3125,2795],\r\n [3155,2940],\r\n [2890,2940],\r\n [2900,3015],\r\n [2706,3015],\r\n [2638,2454],\r\n [2558,2455],\r\n [2550,2354],\r\n [2502,2354],\r\n [2489,2200],\r\n [1955,2200],\r\n [1950,1170],\r\n [2100,1170],\r\n [2100,1020],\r\n [2044,1020],\r\n ],\r\n \"Pendência Técnica-Recoleta\":[\r\n [3160,2792],\r\n [3142,2792],\r\n [3120,2685],\r\n [3315,2685],\r\n [3310,2665], \r\n ],\r\n \"Pendência Técnica-Resultado Liberado\":[\r\n [3160,2792],\r\n [3125,2792],\r\n [3125,2795],\r\n [3155,2940],\r\n [2890,2940],\r\n [2900,3015],\r\n [2706,3015],\r\n [2638,2454],\r\n [2558,2455],\r\n [2550,2354],\r\n [2502,2354],\r\n [2489,2200],\r\n [1955,2200],\r\n [1950,1170],\r\n [2397,1170],\r\n [2383,1020],\r\n [2343,1020],\r\n ],\r\n\r\n \"Recoleta-Pendência Técnica\":[\r\n [3310,2665],\r\n [3315,2685],\r\n [3120,2685],\r\n [3142,2792],\r\n [3160,2792],\r\n ],\r\n \"Recoleta-Em Processamento\":[\r\n [3310,2665],\r\n [3100,2665],\r\n [3125,2795],\r\n [3155,2940],\r\n [2890,2940],\r\n [2900,3015],\r\n [2706,3015],\r\n [2638,2454],\r\n [2558,2455],\r\n [2550,2354],\r\n [2502,2354],\r\n [2489,2200],\r\n [1955,2200],\r\n [1955,1993], \r\n [1850,1993],\r\n ],\r\n \"Recoleta-Em Análise Técnica\":[\r\n [3310,2665],\r\n [3100,2665],\r\n [3125,2795],\r\n [3155,2940],\r\n [2890,2940],\r\n [2900,3015],\r\n [2706,3015],\r\n [2638,2454],\r\n [2558,2455],\r\n [2550,2354],\r\n [2502,2354],\r\n [2489,2200],\r\n [1955,2200],\r\n [1950,1170],\r\n [2100,1170],\r\n [2100,1020],\r\n [2044,1020],\r\n ],\r\n \"Recoleta-Resultado Liberado\":[\r\n [3310,2665],\r\n [3100,2665],\r\n [3125,2795],\r\n [3155,2940],\r\n [2890,2940],\r\n [2900,3015],\r\n [2706,3015],\r\n [2638,2454],\r\n [2558,2455],\r\n [2550,2354],\r\n [2502,2354],\r\n [2489,2200],\r\n [1955,2200],\r\n [1950,1170],\r\n [2397,1170],\r\n [2383,1020],\r\n [2343,1020],\r\n ],\r\n\r\n \"Em Análise Técnica-Resultado Liberado\":[\r\n [2044,1020],\r\n [2343,1020],\r\n ],\r\n \"Em Análise Técnica-Pendência Técnica\":[\r\n [2044,1020],\r\n [2100,1020],\r\n [2100,1170],\r\n [1950,1170],\r\n [1955,2200],\r\n [2489,2200],\r\n [2502,2354],\r\n [2550,2354],\r\n [2558,2455],\r\n [2638,2454],\r\n [2706,3015],\r\n [2900,3015],\r\n [2890,2940],\r\n [3155,2940],\r\n [3125,2795],\r\n [3125,2792],\r\n [3160,2792],\r\n ],\r\n \"Em Análise Técnica-Recoleta\":[\r\n [2044,1020],\r\n [2100,1020],\r\n [2100,1170],\r\n [1950,1170],\r\n [1955,2200],\r\n [2489,2200],\r\n [2502,2354],\r\n [2550,2354],\r\n [2558,2455],\r\n [2638,2454],\r\n [2706,3015],\r\n [2900,3015],\r\n [2890,2940],\r\n [3155,2940],\r\n [3125,2795],\r\n [3100,2665],\r\n [3310,2665],\r\n ]\r\n}\r\nexport const HISTORY_ROUTES_FLAT = {\r\n \"Recebido-Em Processamento\": [\r\n [2452,3736],\r\n [1856,3736],\r\n [1856,3655],\r\n [2573,3655],\r\n [2573,2970],\r\n [1848,2970],\r\n [1848,3006],\r\n [1226,3006],\r\n [1226,2341],\r\n [1919,2341],\r\n ],\r\n \"Recebido-Pendência Técnica\":[\r\n [2452,3736],\r\n [3010,3736],\r\n [3010,3500],\r\n [3233,3500],\r\n [3230,3357],\r\n [3322,3357],\r\n ],\r\n \"Recebido-Recoleta\":[\r\n [2452,3736],\r\n [3010,3736],\r\n [3010,3500],\r\n [3233,3500],\r\n [3233,3212],\r\n [3512,3212],\r\n ],\r\n \"Recebido-Em Análise Técnica\":[\r\n [2452,3736],\r\n [1856,3736],\r\n [1856,3655],\r\n [2573,3655],\r\n [2573,2970],\r\n [1848,2970],\r\n [1848,3006],\r\n [1226,3006],\r\n [1226,1548],\r\n [1634,1548],\r\n [1634,880],\r\n [2260,880],\r\n [2260,510],\r\n [2180,510],\r\n ],\r\n \"Recebido-Resultado Liberado\":[\r\n [2452,3736],\r\n [1856,3736],\r\n [1856,3655],\r\n [2573,3655],\r\n [2573,2970],\r\n [1848,2970],\r\n [1848,3006],\r\n [1226,3006],\r\n [1226,1548],\r\n [1634,1548],\r\n [1634,880],\r\n [2702,880],\r\n [2696,512],\r\n [2628,512]\r\n ],\r\n\r\n \"Em Processamento-Em Análise Técnica\":[\r\n [1919,2341],\r\n [1225,2341],\r\n [1225,1545],\r\n [1635,1545],\r\n [1635,880],\r\n [2260,880],\r\n [2260,510],\r\n [2180,510],\r\n ],\r\n \"Em Processamento-Recoleta\":[\r\n [1920,2341],\r\n [2066,2341],\r\n [2066,2646],\r\n [2670,2646],\r\n [2670,2826],\r\n [2737,2826],\r\n [2737,2956],\r\n [2810,2956],\r\n [2810,3610],\r\n [3010,3610],\r\n [3010,3500],\r\n [3233,3500],\r\n [3233,3212],\r\n [3512,3212],\r\n ],\r\n \"Em Processamento-Pendência Técnica\":[\r\n [1920,2341],\r\n [2066,2341],\r\n [2066,2646],\r\n [2670,2646],\r\n [2670,2826],\r\n [2737,2826],\r\n [2737,2956],\r\n [2810,2956],\r\n [2810,3610],\r\n [3010,3610],\r\n [3010,3500],\r\n [3233,3500],\r\n [3233,3357],\r\n [3322,3357],\r\n ],\r\n \"Em Processamento-Resultado Liberado\":[\r\n [1919,2341],\r\n [1226,2341],\r\n [1226,1548],\r\n [1634,1548],\r\n [1634,880],\r\n [2702,880],\r\n [2696,512],\r\n [2628,512]\r\n ],\r\n\r\n \"Pendência Técnica-Em Processamento\":[\r\n [3322,3357],\r\n [3233,3357],\r\n [3233,3500],\r\n [3010,3500],\r\n [3010,3610],\r\n [2810,3610],\r\n [2810,2956],\r\n [2737,2956],\r\n [2737,2826],\r\n [2670,2826],\r\n [2670,2646],\r\n [2066,2646],\r\n [2066,2341],\r\n [1920,2341],\r\n ],\r\n \"Pendência Técnica-Em Análise Técnica\":[\r\n [3322,3357],\r\n [3233,3357],\r\n [3233,3500],\r\n [3010,3500],\r\n [3010,3610],\r\n [2810,3610],\r\n [2810,2956],\r\n [2737,2956],\r\n [2737,2826],\r\n [2670,2826],\r\n [2670,2646],\r\n [2066,2646],\r\n [2066,880],\r\n [2280,880],\r\n [2280,510],\r\n [2180,510],\r\n ],\r\n \"Pendência Técnica-Recoleta\":[\r\n [3322,3357],\r\n [3253,3357],\r\n [3253,3230],\r\n [3512,3230],\r\n [3512,3212],\r\n ],\r\n \"Pendência Técnica-Resultado Liberado\":[\r\n [3322,3357],\r\n [3233,3357],\r\n [3233,3500],\r\n [3010,3500],\r\n [3010,3610],\r\n [2810,3610],\r\n [2810,2956],\r\n [2737,2956],\r\n [2737,2826],\r\n [2670,2826],\r\n [2670,2646],\r\n [2066,2646],\r\n [2066,880],\r\n [2702,880],\r\n [2696,512],\r\n [2628,512]\r\n ],\r\n\r\n \"Recoleta-Em Processamento\":[\r\n [3512,3212],\r\n [3233,3212],\r\n [3233,3500],\r\n [3010,3500],\r\n [3010,3610],\r\n [2810,3610],\r\n [2810,2956],\r\n [2737,2956],\r\n [2737,2826],\r\n [2670,2826],\r\n [2670,2646],\r\n [2066,2646],\r\n [2066,2341],\r\n [1920,2341],\r\n ],\r\n \"Recoleta-Em Análise Técnica\":[\r\n [3512,3212],\r\n [3233,3212],\r\n [3233,3500],\r\n [3010,3500],\r\n [3010,3610],\r\n [2810,3610],\r\n [2810,2956],\r\n [2737,2956],\r\n [2737,2826],\r\n [2670,2826],\r\n [2670,2646],\r\n [2066,2646],\r\n [2066,880],\r\n [2280,880],\r\n [2280,510],\r\n [2180,510],\r\n ],\r\n \"Recoleta-Pendência Técnica\":[\r\n [3512,3212],\r\n [3512,3230],\r\n [3253,3230],\r\n [3253,3357],\r\n [3322,3357],\r\n ],\r\n \"Recoleta-Resultado Liberado\":[\r\n [3512,3212],\r\n [3233,3212],\r\n [3233,3500],\r\n [3010,3500],\r\n [3010,3610],\r\n [2810,3610],\r\n [2810,2956],\r\n [2737,2956],\r\n [2737,2826],\r\n [2670,2826],\r\n [2670,2646],\r\n [2066,2646],\r\n [2066,880],\r\n [2702,880],\r\n [2696,512],\r\n [2628,512]\r\n ],\r\n\r\n \"Em Análise Técnica-Resultado Liberado\":[\r\n [2180,510],\r\n [2628,512]\r\n ],\r\n \"Em Análise Técnica-Pendência Técnica\":[\r\n [2180,510],\r\n [2280,510],\r\n [2280,900],\r\n [2066,900],\r\n [2066,2646],\r\n [2670,2646],\r\n [2670,2826],\r\n [2737,2826],\r\n [2737,2956],\r\n [2810,2956],\r\n [2810,3610],\r\n [3010,3610],\r\n [3010,3500],\r\n [3233,3500],\r\n [3233,3357],\r\n [3322,3357],\r\n ],\r\n \"Em Análise Técnica-Recoleta\":[\r\n [2180,510],\r\n [2280,510],\r\n [2280,900],\r\n [2066,900],\r\n [2066,2646],\r\n [2670,2646],\r\n [2670,2826],\r\n [2737,2826],\r\n [2737,2956],\r\n [2810,2956],\r\n [2810,3610],\r\n [3010,3610],\r\n [3010,3500],\r\n [3233,3500],\r\n [3233,3212],\r\n [3512,3212],\r\n ]\r\n}\r\n\r\nexport const HISTORY_ROUTES_GENERIC = {\r\n \"Recebido-Em Processamento\": [\r\n [2343,3484],\r\n [1510,3480],\r\n [1510,3360],\r\n [1830,3360],\r\n [1970,3350],\r\n [2260,3350],\r\n [2570,3330],\r\n [2545,2924],\r\n [2520,2550],\r\n [2520,2380],\r\n [2140,2380],\r\n [2140,2470],\r\n [1340,2470],\r\n [1412,1756],\r\n [1939,1753],\r\n ],\r\n \"Recebido-Recoleta\":[\r\n [2343,3484],\r\n [1510,3480],\r\n [1510,3360],\r\n [1830,3360],\r\n [1970,3350],\r\n [2260,3350],\r\n [2570,3330],\r\n [2546,2924],\r\n [2533,2732],\r\n [2910,2732]\r\n ],\r\n \"Recebido-Pendência Técnica\":[\r\n [2343,3484],\r\n [1510,3480],\r\n [1510,3360],\r\n [1830,3360],\r\n [1970,3350],\r\n [2260,3350],\r\n [2570,3330],\r\n [2546,2924],\r\n [2660,2924]\r\n ],\r\n \"Recebido-Em Análise Técnica\":[\r\n [2343,3484],\r\n [1510,3480],\r\n [1510,3360],\r\n [1830,3360],\r\n [1970,3350],\r\n [2260,3350],\r\n [2570,3330],\r\n [2545,2924],\r\n [2520,2550],\r\n [2520,2380],\r\n [2140,2380],\r\n [2140,2470],\r\n [1340,2470],\r\n [1412,1756],\r\n [1482,1070],\r\n [1905,1070],\r\n [1914,770],\r\n [1810,770]\r\n ],\r\n \"Recebido-Resultado Liberado\":[\r\n [2343,3484],\r\n [1510,3480],\r\n [1510,3360],\r\n [1830,3360],\r\n [1970,3350],\r\n [2260,3350],\r\n [2570,3330],\r\n [2545,2924],\r\n [2520,2550],\r\n [2520,2380],\r\n [2140,2380],\r\n [2140,2470],\r\n [1340,2470],\r\n [1412,1756],\r\n [1482,1070],\r\n [1905,1070],\r\n [1914,770],\r\n [2095,770]\r\n ],\r\n\r\n \"Em Processamento-Em Análise Técnica\":[\r\n [1939,1753],\r\n [1412,1753],\r\n [1482,1070],\r\n [1905,1070],\r\n [1914,770],\r\n [1810,770]\r\n ],\r\n \"Em Processamento-Resultado Liberado\":[\r\n [1939,1753],\r\n [1412,1753],\r\n [1482,1070],\r\n [1905,1070],\r\n [1914,770],\r\n [2095,770]\r\n ],\r\n \"Em Processamento-Recoleta\":[\r\n [1939,1753],\r\n [2325,1753],\r\n [2330,1870],\r\n [2555,1870],\r\n [2600,2735],\r\n [2905,2735],\r\n ],\r\n \"Em Processamento-Pendência Técnica\" :[\r\n [1939,1753],\r\n [2325,1753],\r\n [2330,1870],\r\n [2555,1870],\r\n [2600,2924],\r\n [2660,2924],\r\n ],\r\n\r\n \"Pendência Técnica-Em Processamento\" :[\r\n [2660,2924],\r\n [2600,2924],\r\n [2555,1870],\r\n [2330,1870],\r\n [2325,1753],\r\n [1939,1753],\r\n ],\r\n \"Pendência Técnica-Recoleta\":[\r\n [2660,2924],\r\n [2610,2924],\r\n [2600,2755],\r\n [2910,2755],\r\n [2905,2730], \r\n ],\r\n \"Pendência Técnica-Em Análise Técnica\":[\r\n [2660,2924],\r\n [2600,2924],\r\n [2555,1870],\r\n [2307,1870],\r\n [2263,770],\r\n [1810,770],\r\n ],\r\n \"Pendência Técnica-Resultado Liberado\":[\r\n [2660,2924],\r\n [2600,2924],\r\n [2555,1870],\r\n [2307,1870],\r\n [2263,770],\r\n [2095,770],\r\n ],\r\n\r\n \"Recoleta-Pendência Técnica\":[\r\n [2905,2730],\r\n [2910,2755],\r\n [2600,2755],\r\n [2610,2924],\r\n [2660,2924],\r\n ],\r\n \"Recoleta-Em Processamento\":[\r\n [2905,2735],\r\n [2600,2735],\r\n [2555,1870],\r\n [2330,1870],\r\n [2325,1753],\r\n [1939,1753],\r\n ],\r\n \"Recoleta-Em Análise Técnica\":[\r\n [2905,2735],\r\n [2600,2735],\r\n [2555,1870],\r\n [2307,1870],\r\n [2263,770],\r\n [1810,770],\r\n ],\r\n \"Recoleta-Resultado Liberado\":[\r\n [2905,2735],\r\n [2600,2735],\r\n [2555,1870],\r\n [2307,1870],\r\n [2263,770],\r\n [2095,770],\r\n ],\r\n\r\n \"Em Análise Técnica-Resultado Liberado\":[\r\n [1810,770],\r\n [2095,770]\r\n ], \r\n \"Em Análise Técnica-Pendência Técnica\":[\r\n [1810,770],\r\n [2263,770],\r\n [2307,1870],\r\n [2555,1870],\r\n [2600,2924],\r\n [2660,2924],\r\n ],\r\n \"Em Análise Técnica-Recoleta\":[\r\n [1810,770],\r\n [2263,770],\r\n [2307,1870],\r\n [2555,1870],\r\n [2600,2735],\r\n [2905,2735]\r\n ]\r\n}\r\nexport const HISTORY_ROUTES_FLAT_GENERIC = {\r\n \"Recebido-Em Processamento\": [\r\n [2280,3674],\r\n [1590,3670],\r\n [1590,3575],\r\n [2423,3575],\r\n [2423,2760],\r\n [2090,2760],\r\n [2090,2800],\r\n [1350,2800],\r\n [1350,2010],\r\n [1890,2010],\r\n ],\r\n \"Recebido-Recoleta\":[\r\n [2280,3674],\r\n [1590,3670],\r\n [1590,3575],\r\n [2423,3575],\r\n [2423,3053],\r\n [2766,3053]\r\n ],\r\n \"Recebido-Pendência Técnica\":[\r\n [2280,3674],\r\n [1590,3670],\r\n [1590,3575],\r\n [2423,3575],\r\n [2423,3225],\r\n [2534,3225]\r\n ],\r\n \"Recebido-Em Análise Técnica\":[\r\n [2280,3674],\r\n [1590,3670],\r\n [1590,3575],\r\n [2423,3575],\r\n [2423,2760],\r\n [2090,2760],\r\n [2090,2800],\r\n [1350,2800],\r\n [1350,2010],\r\n [1350,1070],\r\n [1840,1070],\r\n [1840,580],\r\n [1706,580],\r\n ],\r\n \"Recebido-Resultado Liberado\":[\r\n [2280,3674],\r\n [1590,3670],\r\n [1590,3575],\r\n [2423,3575],\r\n [2423,2760],\r\n [2090,2760],\r\n [2090,2800],\r\n [1350,2800],\r\n [1350,2010],\r\n [1350,1070],\r\n [1840,1070],\r\n [1840,580],\r\n [2062,580],\r\n ],\r\n\r\n \"Em Processamento-Em Análise Técnica\":[\r\n [1889,2004],\r\n [1350,2004],\r\n [1350,1070],\r\n [1840,1070],\r\n [1840,580],\r\n [1706,580],\r\n ],\r\n \"Em Processamento-Resultado Liberado\":[\r\n [1889,2004],\r\n [1350,2004],\r\n [1350,1070],\r\n [1840,1070],\r\n [1840,580],\r\n [2062,580],\r\n ],\r\n \"Em Processamento-Pendência Técnica\":[\r\n [1889,2004],\r\n [2255,2004],\r\n [2255,2133],\r\n [2500,2133],\r\n [2500,3225],\r\n [2534,3225],\r\n ],\r\n \"Em Processamento-Recoleta\":[\r\n [1889,2004],\r\n [2255,2004],\r\n [2255,2133],\r\n [2500,2133],\r\n [2500,3053],\r\n [2766,3053],\r\n ],\r\n\r\n \"Pendência Técnica-Em Processamento\":[\r\n [2534,3225],\r\n [2500,3225],\r\n [2500,2133],\r\n [2255,2133],\r\n [2255,2010],\r\n [1889,2010],\r\n ],\r\n \"Pendência Técnica-Em Análise Técnica\":[\r\n [2534,3225],\r\n [2500,3225],\r\n [2500,2133],\r\n [2280,2133],\r\n [2280,580],\r\n [1706,580],\r\n ],\r\n \"Pendência Técnica-Resultado Liberado\":[\r\n [2534,3225],\r\n [2500,3225],\r\n [2500,2133],\r\n [2280,2133],\r\n [2280,580],\r\n [2062,580],\r\n ],\r\n \"Pendência Técnica-Recoleta\":[\r\n [2534,3225],\r\n [2500,3225],\r\n [2500,3070],\r\n [2766,3070],\r\n [2766,3053],\r\n ],\r\n\r\n \"Recoleta-Em Processamento\":[\r\n [2766,3053],\r\n [2500,3053],\r\n [2500,2133],\r\n [2255,2133],\r\n [2255,2010],\r\n [1889,2010],\r\n ],\r\n \"Recoleta-Em Análise Técnica\":[\r\n [2766,3053],\r\n [2500,3053],\r\n [2500,2133],\r\n [2280,2133],\r\n [2280,580],\r\n [1706,580],\r\n ],\r\n \"Recoleta-Resultado Liberado\":[\r\n [2766,3053],\r\n [2500,3053],\r\n [2500,2133],\r\n [2280,2133],\r\n [2280,580],\r\n [2062,580],\r\n ],\r\n \"Recoleta-Pendência Técnica\":[\r\n [2766,3053],\r\n [2766,3070],\r\n [2500,3070],\r\n [2500,3225],\r\n [2534,3225],\r\n ],\r\n\r\n \"Em Análise Técnica-Resultado Liberado\":[\r\n [1706,580],\r\n [2062,580],\r\n ], \r\n \"Em Análise Técnica-Pendência Técnica\":[\r\n [1706,580],\r\n [2280,580],\r\n [2280,2133],\r\n [2500,2133],\r\n [2500,3225],\r\n [2534,3225],\r\n ],\r\n \"Em Análise Técnica-Recoleta\":[\r\n [1706,580],\r\n [2280,580],\r\n [2280,2133],\r\n [2500,2133],\r\n [2500,3053],\r\n [2766,3053],\r\n ],\r\n}","export default __webpack_public_path__ + \"static/media/test-tube-right.218b7cc4.gif\";","export default __webpack_public_path__ + \"static/media/test-tube-left.fd8ba482.gif\";","import testTubeRight from \"../assets/img/test-tube-right.gif\";\r\nimport testTubeLeft from \"../assets/img/test-tube-left.gif\";\r\nimport matsRight from \"../assets/img/mats-right.gif\";\r\nimport matsLeft from '../assets/img/mats-left.gif';\r\nimport matsExternal from '../assets/img/mats-external.gif';\r\nimport matsBottom from \"../assets/img/mats-bottom.gif\";\r\nimport packagesGif from \"../assets/img/packages.gif\";\r\n\r\n//Generic map\r\nimport matsGeneric from '../assets/img/mats-generic-map.gif';\r\nimport testTubeGeneric from '../assets/img/test-tubes-generic-map.gif';\r\nimport packagesGeneric from '../assets/img/packages-generic.gif';\r\n\r\nexport const MAP_ANIMATIONS = {\r\n NTO: {\r\n matsRight:{\r\n gifPath: matsRight,\r\n coords: [\r\n [1334, 2692],\r\n [1672, 2389],\r\n ]\r\n },\r\n matsLeft:{\r\n gifPath: matsLeft,\r\n coords: [\r\n [1468, 1258],\r\n [2020, 917],\r\n ]\r\n },\r\n matsExternal: {\r\n gifPath: matsExternal,\r\n coords: [\r\n [146, 3400],\r\n [914, 1681],\r\n ] \r\n },\r\n matsBottom: {\r\n gifPath: matsBottom,\r\n coords: [\r\n [660, 2547],\r\n [1530, 1722],\r\n ]\r\n },\r\n testTubeRight: {\r\n gifPath: testTubeRight,\r\n coords: [\r\n [619, 3126],\r\n [2816, 1626],\r\n ]\r\n },\r\n testTubeLeft: {\r\n gifPath: testTubeLeft,\r\n coords: [\r\n [1183, 1910],\r\n [2714, 935],\r\n ]\r\n },\r\n packages: {\r\n gifPath: packagesGif,\r\n coords: [\r\n [505, 3010],\r\n [910, 1720],\r\n ]\r\n }\r\n },\r\n GENERIC: {\r\n mats:{\r\n gifPath: matsGeneric,\r\n coords: [\r\n [275, 3189],\r\n [1774, 1489],\r\n ]\r\n },\r\n testTubes:{\r\n gifPath: testTubeGeneric,\r\n coords: [\r\n [525, 914],\r\n [3524, 2613],\r\n ]\r\n },\r\n packages:{\r\n gifPath: packagesGeneric,\r\n coords: [\r\n [296, 3292],\r\n [796, 1492],\r\n ]\r\n },\r\n }\r\n}","export default \"data:image/gif;base64,R0lGODdhLwFTAXcAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgAAACwAAAAALwFTAYEAAACHhIlUUWYAAAAC/4SPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+v3/L7/DxgoOEhYaHiImKi4yNjo+AgZKTlJWWl5iZmpucnZ6fkJGio6SlpqeoqaqrrK2ur6ChsrO0tba3uLm6u7y9vr+wscLDxMXGx8jJysvMzc7PwMHS09TV1tfY2drb3N3e39DR4uPk5ebn6Onq6+zt7u/g4fLz9PX29/j5+vv8/f7/8PMKDAgQQLGjyIMKHChQwbOnwIMaLEiRQrWryIMaPGjf8cO3r8CDKkyJEkS5o8iSmAypUsW7IE6TKmS5Q0NQkQsOBmTpwKdPbkmcCnQKEIiB4wagApAKVK+zEFWhTqUalJqS616tTq051cfxLc6jVsUK1Y+YEd2xWtWDcy26okdDZqWrlr27htC5fs3Kl7q37VW9dv4Kt/+xIeHBdgYsFqG9MdCtgxX8Rl9y0+LJnx44CXO0fm/HlyZsyb2d6NOciz4ctrTqMWpJqy4Zq0a9u+jTu3JdczP/JuqTu48OHEixvf+Pul7+Rvjzt/Dj269OnomDf3aD0A9e3cu3v/Dv5WdpjWw5s/jz69+vXs27t/Dz++/Pn069u/jz+//v38+/tx/w9ggAIOSGCBBh6IYIIKLshggw4+CGGEEk5IYYUWXohhhhpuyGGHHn4IYogijkhiiSaeiGKKKq7IYosuvghjjDLOSGONNt6IY4467shjjz7+CGSQQg5JZJFGHolkkkouyWSTTj4JZZRSTklllVbiUwAAIfkECQoAAAAsOACPALgAOACBAAAAh4SJVFFmAAAAAv+Ej6nL7Q+jnLSmgLPeOgqxfCGoiCWZmNbKtu7BxZyHIqpdH7eeG/sLDAqHo+LJmOoBfsSm80lD4qQ8KvSKvTK3Sq41Cw6/vMdy8itOq6Pmabv6Xsvn8WX3/mXS92vyue7HJ+ggU4gBEQj3t+g26LhgWIiIB0jJ+IgJlehj2eiZCUq0aZfXGXoKNKpqitq6slqK5jo7GVspS5tre8m5q/sLHIwVKSNsDEUcc7zM3Oz8DB0tPU1dbX2Nna29TZ08w93t3QFOXm5+jp6uvs7e7v4OHz8nPi6fS59hr7/P3+//DzCgwIEEC4bBd8jgIIQBFDp8CDGixIkUK1q8KJAhxoMDCAsAACH5BAkKAAAALDgAkAC3ADEAgQAAAFRRZoeEiQAAAAL/TIAJpsm9DnyNKguz3rz7D4YigpFSdV6ps5pZOcbyTNfq20b4PuWwDQzaBMSi8Wjs8VDLm/IpjEplyCoS6mRiWU3u9AsOZ8derZnsEqvXQJjbB++m2fQ66C3Xbedou/+vd1bWh7cHeMhWKMg32MiICCmmSBhn+BOJKTTpGEiZlwlqJUrkaVm52AmqCjAqWoq6+Zi6SisTO4t7e1nL26F7+trXO7zxm2dMnKy8zNzs/AwdLT1NPdJqVZ09dH2l7f0NHi4+Tl5ufo6err7O3q7O3e3uDX8kb3+Pn6+/z9/v/w8woEB99JIMVFawyMGFDBs6fAgxosSJFCtaTJCQ1EVIBBkFFAAAOw==\"","export default \"data:image/gif;base64,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\"","export default __webpack_public_path__ + \"static/media/mats-external.fa9864ec.gif\";","export default \"data:image/gif;base64,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\"","export default __webpack_public_path__ + \"static/media/packages.11c67d87.gif\";","export default __webpack_public_path__ + \"static/media/mats-generic-map.54e143e5.gif\";","export default __webpack_public_path__ + \"static/media/test-tubes-generic-map.d09f7738.gif\";","export default __webpack_public_path__ + \"static/media/packages-generic.712164fb.gif\";","import \"zapt-maps-sdk/dist/css/map.css\";\r\nimport videoMapNTO from \"../assets/video/Hermes_pardini_Introv4.mp4\";\r\nimport videoGeneric from \"../assets/video/generic-map.mp4\";\r\nimport {\r\n MAIN_ID,\r\n MAIN_MAP,\r\n PRODUCTION_UNIT_HAS_MAP,\r\n ZAPT_API_KEY,\r\n PRODUCTION_UNIT_CATEGORY,\r\n PRODUCTION_UNIT_FEDERATIONS,\r\n PRODUCTION_UNIT_ALIAS,\r\n STAGES_CATEGORY,\r\n STAGE_COLORS,\r\n STAGE_SHORT,\r\n STAGE_ICONS,\r\n UNIT_IMG_CARD,\r\n STAGE_COLORS_UPPERCASE,\r\n STAGE_COLOR_CODE,\r\n STATES_CATEGORY,\r\n} from \"../constants\";\r\n\r\nimport { MAP_ANIMATIONS } from \"../animations/mapAnimations\";\r\nimport { HISTORY_ROUTES_GENERIC, HISTORY_ROUTES_FLAT, HISTORY_ROUTES_FLAT_GENERIC, HISTORY_ROUTES } from '../routes/historyRoutes'\r\nimport React, { Component } from \"react\";\r\n\r\nimport ZaptMapAPI from \"zapt-maps-sdk\";\r\nimport { withRouter } from \"react-router\";\r\nimport {\r\n filterPoiByName,\r\n filterPois,\r\n sendEvent,\r\n transformCoordinatesToLeaflet,\r\n getCoordinateDirection,\r\n calculateCurvePoints,\r\n addPaddingInMap,\r\n} from \"../util/utils\";\r\nimport userService from \"../services/UserService\";\r\nimport LoadDNA from \"./LoadDNA\";\r\nimport moment from \"moment\";\r\nimport imageCardRegistered from '../assets/img/PIN-NTS/pin-card-registered.png';\r\nclass Map extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n videoIsPlaying: false,\r\n videoVisible: false,\r\n videoPath: \"\",\r\n loading: true,\r\n mapId: \"\",\r\n flatMapId: \"\",\r\n flatMapExternalId: \"\",\r\n mapExternalId: \"\",\r\n placeId: \"\",\r\n mapSelectedType: \"3D\",\r\n currentMapId: \"\",\r\n mainMapId: \"\",\r\n mainMapExternalId: MAIN_MAP,\r\n mainFlatMapId: \"\",\r\n exams: null,\r\n examHistory: null,\r\n isMapInitialized: false,\r\n examOnHighlight: null,\r\n windowWidth: window.innerWidth,\r\n isStageHighlightOn: false,\r\n fullLegend: false,\r\n };\r\n\r\n this.containerHeight = window.innerHeight;\r\n this.zaptMapAPI = null;\r\n this.markers = {};\r\n this.logisticRoutes = [];\r\n this.mapBounds = [];\r\n this.contextChangeRequestPool = Promise.resolve();\r\n this.isOnUnitCardOver = false;\r\n this.clearLogisticLabelsFn = this.clearLogisticLabels.bind(this);\r\n this.renderLegendFn = this.renderLegend.bind(this);\r\n this.highlightStageFn = this.highlightStage.bind(this);\r\n }\r\n\r\n async componentDidMount() {\r\n this.startListeningEvents();\r\n sendEvent(\"load-first-map\");\r\n }\r\n\r\n componentWillUnmount() {\r\n this.stopListeningEvents();\r\n }\r\n\r\n startListeningEvents() {\r\n window.addEventListener(\r\n \"load-first-map\",\r\n this.changeContextHandler.bind(this)\r\n );\r\n window.addEventListener(\"draw-exams\", this.changeContextHandler.bind(this));\r\n window.addEventListener(\r\n \"draw-history\",\r\n this.changeContextHandler.bind(this)\r\n );\r\n window.addEventListener(\"highlight-exam\", this.highlightExam.bind(this));\r\n window.addEventListener(\"reset-map-zoom\", this.resetMapZoom.bind(this));\r\n\r\n this.highlightUnitFn = (event) => {\r\n if (event && event.detail) {\r\n let [productionUnit, focus] = event.detail;\r\n this.highlightUnit(productionUnit, focus);\r\n }\r\n };\r\n\r\n window.addEventListener(\"highlight-unit\", this.highlightUnitFn.bind(this));\r\n window.addEventListener(\"highlight-stage\", this.changeContextHandler.bind(this));\r\n window.addEventListener(\r\n \"reset-markers\",\r\n this.changeContextHandler.bind(this)\r\n );\r\n }\r\n\r\n stopListeningEvents() {\r\n window.removeEventListener(\r\n \"load-first-map\",\r\n this.changeContextHandler.bind(this)\r\n );\r\n window.removeEventListener(\r\n \"draw-exams\",\r\n this.changeContextHandler.bind(this)\r\n );\r\n window.removeEventListener(\r\n \"draw-history\",\r\n this.changeContextHandler.bind(this)\r\n );\r\n window.removeEventListener(\"highlight-exam\", this.highlightExam.bind(this));\r\n window.removeEventListener(\r\n \"highlight-unit\",\r\n this.highlightUnitFn.bind(this)\r\n );\r\n window.removeEventListener(\"reset-map-zoom\", this.resetMapZoom.bind(this));\r\n window.removeEventListener(\r\n \"highlight-stage\",\r\n this.highlightStageFn\r\n );\r\n window.removeEventListener(\r\n \"reset-markers\",\r\n this.changeContextHandler.bind(this)\r\n );\r\n global.zapt && global.zapt.map &&\r\n global.zapt.map.off('move viewreset moveend zoomanim', this.renderLegendFn);\r\n }\r\n\r\n setMapContainer() {\r\n if (document.getElementById(\"header\")) {\r\n this.containerHeight =\r\n window.innerHeight - document.getElementById(\"header\").clientHeight;\r\n } else {\r\n this.containerHeight = window.innerHeight;\r\n }\r\n }\r\n\r\n async loadFirstMap() {\r\n return new Promise(async (resolve, reject) => {\r\n let requestChangeContext = async (resolve) => {\r\n await this.handleMapView();\r\n resolve();\r\n };\r\n this.setMapContainer();\r\n await this.handleMapView();\r\n this.setState(\r\n { isMapInitialized: true },\r\n requestChangeContext.bind(this, resolve)\r\n );\r\n });\r\n }\r\n\r\n serialize = (fn) => {\r\n return (...args) => {\r\n this.contextChangeRequestPool = this.contextChangeRequestPool.then(() =>\r\n fn(...args)\r\n );\r\n this.contextChangeRequestPool.catch((error) => {\r\n console.error(\"Error on serialize function execution: \", error.message);\r\n });\r\n return this.contextChangeRequestPool;\r\n };\r\n };\r\n\r\n changeContextHandler = this.serialize(\r\n (() => {\r\n return async (args) => {\r\n if (args && args.type === \"reset-markers\") {\r\n if (args.detail && args.detail.update) {\r\n !this.state.isStageHighlightOn && (await this.handleMapView(false));\r\n } else {\r\n await this.handleMapView(false);\r\n this.setState({ isStageHighlightOn: false });\r\n }\r\n return;\r\n } else if (args && args.type === \"draw-exams\") {\r\n await this.setExams(args);\r\n return;\r\n } else if(args && args.type === \"highlight-stage\"){\r\n await this.highlightStageFn(args);\r\n return;\r\n }\r\n else if (args && args.type === \"draw-history\") {\r\n await this.setExamHistory(args);\r\n return;\r\n } else if (args && args.type === \"load-first-map\") {\r\n await this.loadFirstMap();\r\n return;\r\n }\r\n };\r\n })()\r\n );\r\n\r\n async loadMap(externalMapId) {\r\n\r\n if (\r\n externalMapId &&\r\n (externalMapId !== this.state.currentExternalMapId)\r\n ) {\r\n this.setState({ loading: true });\r\n await this.initializeMap(externalMapId);\r\n this.setState({\r\n loading: false,\r\n videoVisible: false,\r\n });\r\n } else if (\r\n this.state.mapExternalId !== MAIN_MAP\r\n ) {\r\n this.setState({ loading: true, mapExternalId: MAIN_MAP });\r\n this.state.mapSelectedType === \"FLAT\"\r\n ? await this.initializeMap(`${MAIN_MAP}-FLAT`)\r\n : await this.initializeMap(`${MAIN_MAP}`);\r\n this.setState({ loading: false });\r\n }\r\n \r\n this.checkIfIsDefaultProductionUnitMap() &&\r\n global.zapt.map.on('move viewreset moveend zoomanim', this.renderLegendFn);\r\n return true;\r\n }\r\n\r\n async initializeMap(externalMapId) {\r\n if(this.state.windowWidth <= 820){\r\n addPaddingInMap({left: 0});\r\n }else{\r\n addPaddingInMap({left: 36});\r\n }\r\n if (externalMapId) {\r\n try {\r\n let mainExternalId = externalMapId.replace(\"-FLAT\", \"\");\r\n\r\n if(!PRODUCTION_UNIT_HAS_MAP[mainExternalId]){\r\n if(this.checkIfIsFlatMapId(externalMapId)){\r\n externalMapId = \"GENERIC-FLAT\"\r\n }else{\r\n externalMapId = \"GENERIC\"\r\n }\r\n }\r\n\r\n if (this.zaptMapAPI) {\r\n let mapId = null;\r\n let flatMatId = null;\r\n\r\n if (!this.checkIfIsFlatMapId(externalMapId)) {\r\n mapId = await this.zaptMapAPI.Data.getMapId(\r\n this.state.placeId,\r\n externalMapId\r\n );\r\n\r\n flatMatId = await this.zaptMapAPI.Data.getMapId(\r\n this.state.placeId,\r\n externalMapId + \"-FLAT\"\r\n );\r\n\r\n this.setState({\r\n mapId: mapId,\r\n flatMapId: flatMatId,\r\n currentMapId: mapId,\r\n currentExternalMapId: externalMapId,\r\n flatMapExternalId: externalMapId + \"-FLAT\",\r\n mapExternalId: mainExternalId,\r\n mapSelectedType: \"3D\",\r\n });\r\n\r\n await this.zaptMapAPI.setMapId(mapId);\r\n this.updateLimitMapBounds(30);\r\n } else {\r\n flatMatId = await this.zaptMapAPI.Data.getMapId(\r\n this.state.placeId,\r\n externalMapId\r\n );\r\n\r\n this.setState({\r\n flatMapId: flatMatId,\r\n currentMapId: flatMatId,\r\n currentExternalMapId: externalMapId,\r\n flatMapExternalId: externalMapId,\r\n mapExternalId: mainExternalId,\r\n mapSelectedType: \"FLAT\",\r\n });\r\n\r\n await this.zaptMapAPI.setMapId(flatMatId);\r\n this.updateLimitMapBounds(25);\r\n }\r\n } else {\r\n this.zaptMapAPI = new ZaptMapAPI(ZAPT_API_KEY);\r\n\r\n let placeId = await this.zaptMapAPI.Data.getPlaceId(MAIN_ID);\r\n\r\n if (!placeId) {\r\n return console.error(\r\n \"Error on map initialization: invalid or empty place id.\"\r\n );\r\n }\r\n\r\n this.setState({ placeId: placeId });\r\n\r\n let mapId = await this.zaptMapAPI.Data.getMapId(\r\n placeId,\r\n externalMapId\r\n );\r\n let flatMatId = await this.zaptMapAPI.Data.getMapId(\r\n placeId,\r\n externalMapId + \"-FLAT\"\r\n );\r\n\r\n this.setState({\r\n mapId: mapId,\r\n flatMapId: flatMatId,\r\n currentMapId: mapId,\r\n currentExternalMapId: externalMapId,\r\n flatMapExternalId: externalMapId + \"-FLAT\",\r\n mapSelectedType: \"3D\",\r\n });\r\n\r\n if (externalMapId === MAIN_MAP) {\r\n this.setState({\r\n mainMapId: mapId,\r\n mainFlatMapId: flatMatId,\r\n });\r\n }\r\n\r\n let mapParams = {\r\n mapContainerId: \"zapt-map\",\r\n disableShowInterestPopUponClick: true,\r\n height: this.containerHeight,\r\n disableCache: true,\r\n showPins: false,\r\n disablePopUpDynamicPin: true,\r\n };\r\n\r\n await this.zaptMapAPI.initialize(mapId, mapParams);\r\n }\r\n } catch (error) {\r\n console.error(\"Unexpected Error on map initialization:\", error.message);\r\n }\r\n } else {\r\n console.error(\r\n \"Error on map initialization: invalid or empty external id.\"\r\n );\r\n }\r\n }\r\n\r\n addAnimationsInMap(productionUnit) {\r\n if (\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map &&\r\n this.state.mapSelectedType &&\r\n this.state.mapSelectedType !== \"FLAT\" &&\r\n productionUnit !== \"HP\"\r\n ) {\r\n \r\n let animations = null;\r\n if(PRODUCTION_UNIT_HAS_MAP[productionUnit]){\r\n animations = MAP_ANIMATIONS[productionUnit];\r\n }else{\r\n animations = MAP_ANIMATIONS['GENERIC'];\r\n }\r\n if(animations){\r\n for(let animationKey in animations){\r\n let animation = animations[animationKey];\r\n if(animation.gifPath && animation.coords && animation.coords.length >= 2){\r\n global.L.imageOverlay(animation.gifPath,\r\n animation.coords\r\n ).addTo(global.zapt.map);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n async handleMapView(resetZoom = true) {\r\n let isDefaultProductionUnit = this.checkIfIsDefaultProductionUnitMap();\r\n let examsDistribution = this.getExamsDistribution();\r\n\r\n if (this.state.examHistory) {\r\n await this.handleExamHistoryMapView(this.state.examHistory);\r\n } else if (this.state.exams === \"no-results\") {\r\n await this.clearMapView();\r\n } else if (this.state.isMapInitialized && examsDistribution) {\r\n await this.handleProductionUnitExamDistributionMapView(\r\n examsDistribution,\r\n isDefaultProductionUnit\r\n );\r\n } else {\r\n await this.handleMainMapView(resetZoom);\r\n }\r\n }\r\n\r\n async handleMainMapView(resetZoom){\r\n try {\r\n sendEvent(\"setCurrentProductionUnit\", MAIN_MAP);\r\n await this.loadMap();\r\n await this.loadProductionUnits(resetZoom);\r\n\r\n } catch (error) {\r\n console.error(\"Error trying to handle main map view: \", error);\r\n }\r\n }\r\n\r\n async handleExamHistoryMapView(examHistory) {\r\n try {\r\n let lastStage = examHistory &&\r\n examHistory.examHistory &&\r\n examHistory.examHistory[examHistory.examHistory.length -1];\r\n let productionUnit = examHistory.productionUnit\r\n if(lastStage && lastStage.stageName === 'Recolhido'){\r\n let isDefaultProductionUnit = this.checkIfIsDefaultProductionUnitMap();\r\n if(!isDefaultProductionUnit){\r\n await this.handleMainMapView(false);\r\n }\r\n await this.loadCollectedMarkers({[productionUnit]: {TOTAL: 1}}, false, true);\r\n addPaddingInMap({left: 0});\r\n global.zapt && global.zapt.map && global.zapt.map.invalidateSize();\r\n return;\r\n }\r\n if(lastStage &&lastStage.stageName === 'Cadastrado'){\r\n let isDefaultProductionUnit = this.checkIfIsDefaultProductionUnitMap();\r\n if(!isDefaultProductionUnit){\r\n await this.handleMainMapView(false);\r\n }\r\n await this.loadRegisteredMarker({\"BR\": {TOTAL: 1}}, false, true);\r\n addPaddingInMap({left: 0});\r\n global.zapt && global.zapt.map && global.zapt.map.invalidateSize();\r\n return;\r\n }\r\n let mapExternalId = this.state.mapSelectedType === 'FLAT' ? examHistory.productionUnit+'-FLAT' : examHistory.productionUnit;\r\n this.state.mapExternalId !== examHistory.productionUnit &&\r\n sendEvent(\"setCurrentProductionUnit\", examHistory.productionUnit) &&\r\n (await this.loadMap(mapExternalId)) &&\r\n this.addAnimationsInMap(mapExternalId);\r\n \r\n this.loadHistoryOnMap(examHistory);\r\n } catch (error) {\r\n console.error(\"Error trying to handle exam history map view: \", error);\r\n }\r\n }\r\n\r\n getClientState(){\r\n return this.props.status &&\r\n this.props.status['BR'] && \r\n this.props.status['BR'].clientState;\r\n }\r\n\r\n getClientName(stage, unitName){\r\n if(userService.getUserType() === \"PSC\"){\r\n if(this.props.stageUnitDistributionByStage && \r\n this.props.stageUnitDistributionByStage[stage+'-LOCATION'] &&\r\n this.props.stageUnitDistributionByStage[stage+'-LOCATION'][unitName] &&\r\n this.props.stageUnitDistributionByStage[stage+'-LOCATION'][unitName]['namePardiniStore'])\r\n {\r\n return this.props.stageUnitDistributionByStage[stage+'-LOCATION'][unitName]['namePardiniStore']\r\n }\r\n }else{\r\n let userName = userService.getClientName();\r\n return userName || \"\";\r\n }\r\n }\r\n\r\n getClientId(stage, unitName){\r\n if(userService.getUserType() === \"PSC\"){\r\n if(this.props.stageUnitDistributionByStage && \r\n this.props.stageUnitDistributionByStage[stage+'-LOCATION'] &&\r\n this.props.stageUnitDistributionByStage[stage+'-LOCATION'][unitName] &&\r\n this.props.stageUnitDistributionByStage[stage+'-LOCATION'][unitName]['codePardiniStore'])\r\n {\r\n return this.props.stageUnitDistributionByStage[stage+'-LOCATION'][unitName]['codePardiniStore']\r\n }\r\n }else{\r\n let userID = userService.getClientId();\r\n return userID || \"\";\r\n }\r\n }\r\n\r\n checkOnlyRegisteredOrCollected(examsDistribution){\r\n let result = false;\r\n if(examsDistribution){\r\n result = true;\r\n for(let unitKey of Object.keys(examsDistribution)){\r\n for(let stageKey of Object.keys(examsDistribution[unitKey])){\r\n stageKey = stageKey.toUpperCase();\r\n if(stageKey !== \"CADASTRADO\" &&\r\n stageKey !== \"CADASTRADO-LOCATION\" &&\r\n stageKey !== \"RECOLHIDO\" &&\r\n stageKey !== \"RECOLHIDO-LOCATION\" &&\r\n stageKey !== \"TOTAL\" &&\r\n stageKey !== \"ALIASPRODUNIT\" &&\r\n stageKey !== \"CLIENTSTATE\")\r\n {\r\n result = false;\r\n }\r\n }\r\n }\r\n }\r\n return result;\r\n }\r\n\r\n async handleProductionUnitExamDistributionMapView(\r\n examsDistribution,\r\n isDefaultProductionUnit\r\n ) {\r\n try {\r\n let isExamsInOneUnit =\r\n Object.keys(this.state.exams.statistics).length === 2;\r\n let hasSingleStatus = this.checkForSingleStatus(examsDistribution);\r\n if (isExamsInOneUnit &&\r\n !this.checkOnlyRegisteredOrCollected(examsDistribution))\r\n {\r\n let productionUnit = Object.keys(examsDistribution)[0];\r\n\r\n let videoPath = (productionUnit === \"NTO\") ? videoMapNTO : videoGeneric;\r\n if(\r\n this.state.mapExternalId !== productionUnit && \r\n this.state.mapSelectedType !== 'FLAT'\r\n ){\r\n this.setState({\r\n videoVisible: true,\r\n videoPath: videoPath,\r\n });\r\n }\r\n let mapExternalId = this.state.mapSelectedType === 'FLAT' ? productionUnit+'-FLAT' : productionUnit;\r\n this.state.mapExternalId !== productionUnit &&\r\n sendEvent(\"setCurrentProductionUnit\", productionUnit) &&\r\n (await this.loadMap(mapExternalId)) &&\r\n this.addAnimationsInMap(mapExternalId);\r\n \r\n examsDistribution && (await this.loadExamGroupings(examsDistribution));\r\n \r\n } else if (examsDistribution) {\r\n !isDefaultProductionUnit &&\r\n sendEvent(\"setCurrentProductionUnit\", MAIN_MAP) &&\r\n (await this.loadMap());\r\n if(hasSingleStatus){\r\n switch(hasSingleStatus){\r\n case \"CADASTRADO\":\r\n await this.loadRegisteredMarker(examsDistribution);\r\n break;\r\n case \"RECOLHIDO\":\r\n await this.loadCollectedMarkers(examsDistribution);\r\n break;\r\n default: await this.loadProductionUnitsSearch(examsDistribution);\r\n }\r\n }else{\r\n await this.loadProductionUnitsSearch(examsDistribution);\r\n }\r\n }\r\n } catch (error) {\r\n console.error(\r\n \"Error trying to handle exam production unit exam distribution map view: \",\r\n error\r\n );\r\n }\r\n }\r\n\r\n async clearMapView() {\r\n try {\r\n await this.loadMap();\r\n this.clearMarkers();\r\n } catch (error) {\r\n console.error(\"Error trying to clear map view: \", error);\r\n }\r\n }\r\n\r\n async renderCardUnit(unitName, status, isHistory, isFederation, stage=\"\") {\r\n if (unitName && status) {\r\n let clientName = stage && status && this.getClientName(stage, Object.keys(status).shift());\r\n let userType = userService.getUserType();\r\n let pois = await this.zaptMapAPI.getPois();\r\n let poisCategory = isFederation ? STATES_CATEGORY : PRODUCTION_UNIT_CATEGORY;\r\n let productionUnitPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n poisCategory\r\n );\r\n let poi = filterPoiByName(productionUnitPois, unitName);\r\n let statusUnit = isFederation ? status[\"BR\"] : status[unitName];\r\n let stages = {};\r\n\r\n Object.keys(STAGE_SHORT).forEach((index) => {\r\n if (!statusUnit[index]) {\r\n stages[index] = 0;\r\n }else{\r\n stages[index] = statusUnit[index];\r\n }\r\n });\r\n let total = statusUnit[\"TOTAL\"];\r\n\r\n if (this.markers[\"unit-card\"]) {\r\n this.markers[\"unit-card\"].remove();\r\n delete this.markers[\"unit-card\"];\r\n }\r\n\r\n this.markers[\"unit-card\"] = global.L.marker(\r\n global.L.latLng(poi.y, poi.x),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n \r\n 
\r\n \r\n ${STAGE_SHORT[item]}${\r\n stages[item]\r\n }\r\n
\r\n `\r\n )}\r\n \r\n ${statusUnit.aliasProdUnit ? statusUnit.aliasProdUnit : \r\n userType === \"PSC\" ? \r\n \"HERMES PARDINI \"+clientName:\r\n clientName}\r\n \r\n
\r\n ${Object.keys(stages).map(\r\n (item) => `\r\n \r\n
\r\n Total ${total}\r\n
\r\n \r\n `.replaceAll(\",\", \"\"),\r\n iconAnchor: [0, 0],\r\n iconSize: [240, 300],\r\n }),\r\n }\r\n );\r\n\r\n this.markers[\"unit-card\"].setZIndexOffset(1000);\r\n\r\n this.markers[\"unit-card\"].on(\"mouseover\", () => {\r\n this.isOnUnitCardOver = true;\r\n });\r\n\r\n this.markers[\"unit-card\"].on(\"mouseout\", () => {\r\n this.isOnUnitCardOver = false;\r\n if (this.markers[\"unit-card\"]) {\r\n this.markers[\"unit-card\"].remove();\r\n delete this.markers[\"unit-card\"];\r\n }\r\n this.highlightUnit();\r\n });\r\n\r\n let group = new global.L.featureGroup([this.markers[\"unit-card\"]]);\r\n\r\n group.addTo(global.zapt.map);\r\n\r\n let totalUnit = document.getElementById(`total-${unitName}`);\r\n\r\n if(!isHistory){\r\n Object.keys(stages).forEach((item) => {\r\n if (stages[item]) {\r\n let stageElement = document.getElementById(`option-${item}`);\r\n if (stageElement && stageElement.style) {\r\n stageElement.style.cursor = \"pointer\";\r\n stageElement.addEventListener(\"click\", () => {\r\n sendEvent(\"apply-stage-production-unit-filter\", {\r\n productionUnit: unitName,\r\n stage: item,\r\n });\r\n });\r\n }\r\n }\r\n });\r\n\r\n if (totalUnit) {\r\n totalUnit.style.cursor = \"pointer\";\r\n totalUnit.addEventListener(\"click\", () => {\r\n sendEvent(\"apply-production-unit-filter\", {\r\n productionUnit: unitName,\r\n });\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n removeCardUnit(e) {\r\n if (\r\n e &&\r\n e.originalEvent &&\r\n e.originalEvent.target &&\r\n e.originalEvent.target.dataset[\"ignore\"] &&\r\n e.originalEvent.target.dataset[\"ignore\"] === \"true\"\r\n ) {\r\n return false;\r\n }\r\n\r\n if (\r\n this.markers &&\r\n this.markers[\"unit-card\"] &&\r\n this.markers[\"unit-card-route\"]\r\n ) {\r\n global.zapt.map.removeLayer(this.markers[\"unit-card\"]);\r\n global.zapt.map.removeLayer(this.markers[\"unit-card-route\"]);\r\n delete this.markers[\"unit-card\"];\r\n delete this.markers[\"unit-card-route\"];\r\n }\r\n }\r\n\r\n focusOnTheMap(map, group, options = {}) {\r\n let isDefaultProductionUnitMap = this.checkIfIsDefaultProductionUnitMap();\r\n let maxZoom = isDefaultProductionUnitMap ? -0.33 : null;\r\n if(maxZoom != null){\r\n options.maxZoom = maxZoom\r\n }\r\n if (map) {\r\n map.flyToBounds(\r\n group.getBounds(),\r\n options\r\n );\r\n }\r\n }\r\n\r\n async loadProductionUnits(resetZoom) {\r\n resetZoom && this.resetMapZoom();\r\n let isDefaultProductionUnit = this.checkIfIsDefaultProductionUnitMap();\r\n let isMapInitialized =\r\n this.zaptMapAPI &&\r\n this.zaptMapAPI._map.map &&\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map;\r\n let statusData =\r\n this.props.status &&\r\n Object.keys(this.props.status).length > 0 &&\r\n this.props.status;\r\n let hasSingleStatus = this.checkForSingleStatus(statusData);\r\n let focusOnMarkers = [];\r\n\r\n if (isDefaultProductionUnit && isMapInitialized && statusData) {\r\n let pois = await this.zaptMapAPI.getPois();\r\n\r\n let productionUnitPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n PRODUCTION_UNIT_CATEGORY\r\n );\r\n\r\n let isValidProductionUnitMap = this.checkIfIsProductionUnitHasMap();\r\n\r\n if (productionUnitPois) {\r\n this.clearMarkers();\r\n\r\n for (const index in productionUnitPois) {\r\n const productionUnitPoi = productionUnitPois[index];\r\n const isProductionUnitPoiWithMap = this.checkIfIsProductionUnitHasMap(\r\n productionUnitPoi.title\r\n );\r\n\r\n if (!isValidProductionUnitMap) {\r\n continue;\r\n }\r\n\r\n let hasProductionUnitExams =\r\n statusData[productionUnitPoi.title] &&\r\n statusData[productionUnitPoi.title][\"TOTAL\"];\r\n\r\n if (!hasProductionUnitExams) {\r\n continue;\r\n }\r\n\r\n this.markers[productionUnitPoi.title] = global.L.marker(\r\n global.L.latLng([productionUnitPoi.y, productionUnitPoi.x]),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n \r\n ${\r\n statusData[productionUnitPoi.title]?.aliasProdUnit || \"\"\r\n }\r\n ${\r\n (statusData[productionUnitPoi.title] &&\r\n statusData[productionUnitPoi.title][\"TOTAL\"]) ||\r\n \"0\"\r\n }\r\n
\r\n \r\n `,\r\n iconAnchor: [20, 40],\r\n iconSize: [40, 80],\r\n }),\r\n }\r\n );\r\n\r\n this.markers[productionUnitPoi.title].on(\"click\", () => {\r\n sendEvent(\"apply-production-unit-filter\", {\r\n productionUnit: productionUnitPoi.title,\r\n });\r\n });\r\n\r\n this.markers[productionUnitPoi.title].on(\"mouseover\", async () => {\r\n let examsList = (this.state.exams && this.state.exams !== \"no-results\") ?\r\n this.state.exams.statistics :\r\n this.props.status;\r\n await this.renderCardUnit(\r\n productionUnitPoi.title,\r\n examsList,\r\n false,\r\n false,\r\n isProductionUnitPoiWithMap\r\n );\r\n this.highlightUnit(productionUnitPoi.title);\r\n });\r\n\r\n this.markers[productionUnitPoi.title].on(\"mouseout\", () => {\r\n setTimeout(() => {\r\n !this.isOnUnitCardOver && this.markers[\"unit-card\"]?.remove();\r\n !this.isOnUnitCardOver && this.highlightUnit();\r\n }, 10);\r\n });\r\n\r\n this.markers[productionUnitPoi.title].addTo(global.zapt.map);\r\n focusOnMarkers.push(this.markers[productionUnitPoi.title]);\r\n }\r\n\r\n if (resetZoom && focusOnMarkers.length > 0) {\r\n let group = new global.L.featureGroup(focusOnMarkers);\r\n setTimeout(() => {\r\n this.state.exams !== \"no-results\" &&\r\n this.focusOnTheMap(global.zapt.map, group);\r\n }, 1000);\r\n global.zapt.map.flyToBounds(global.zapt.map.getBounds())\r\n }\r\n }\r\n }\r\n }\r\n\r\n async loadProductionUnitsSearch(status) {\r\n let isMapInitialized =\r\n this.zaptMapAPI &&\r\n this.zaptMapAPI._map.map &&\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map;\r\n let statusData = status && Object.keys(status).length > 0 && status;\r\n let hasSingleStatus = this.checkForSingleStatus(statusData);\r\n let focusOnMarkers = [];\r\n\r\n if (isMapInitialized && statusData) {\r\n let pois = await this.zaptMapAPI.getPois();\r\n\r\n let productionUnitPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n PRODUCTION_UNIT_CATEGORY\r\n );\r\n\r\n if (productionUnitPois) {\r\n this.clearMarkers();\r\n\r\n for (const index in productionUnitPois) {\r\n const productionUnitPoi = productionUnitPois[index];\r\n const isProductionUnitPoiWithMap = this.checkIfIsProductionUnitHasMap(\r\n productionUnitPoi.title\r\n );\r\n\r\n let hasProductionUnitExams =\r\n statusData[productionUnitPoi.title] &&\r\n statusData[productionUnitPoi.title][\"TOTAL\"];\r\n\r\n if (!hasProductionUnitExams) {\r\n continue;\r\n }\r\n\r\n this.markers[productionUnitPoi.title] = global.L.marker(\r\n global.L.latLng([productionUnitPoi.y, productionUnitPoi.x]),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n \r\n
\r\n ${\r\n statusData[productionUnitPoi.title]?.aliasProdUnit || \"\"\r\n }\r\n ${\r\n (statusData[productionUnitPoi.title] &&\r\n statusData[productionUnitPoi.title][\"TOTAL\"]) ||\r\n \"0\"\r\n }\r\n
\r\n \r\n `,\r\n iconAnchor: [20, 40],\r\n iconSize: [40, 80],\r\n }),\r\n }\r\n );\r\n\r\n this.markers[productionUnitPoi.title].on(\"click\", () => {\r\n sendEvent(\"apply-production-unit-filter\", {\r\n productionUnit: productionUnitPoi.title,\r\n });\r\n });\r\n\r\n this.markers[productionUnitPoi.title].on(\"mouseout\", () => {\r\n setTimeout(() => {\r\n !this.isOnUnitCardOver && this.markers[\"unit-card\"]?.remove();\r\n !this.isOnUnitCardOver && this.highlightUnit();\r\n }, 10);\r\n });\r\n\r\n this.markers[productionUnitPoi.title].on(\"mouseover\", async () => {\r\n let examsList = (this.state.exams && this.state.exams !== \"no-results\") ?\r\n this.state.exams.statistics :\r\n this.props.status;\r\n await this.renderCardUnit(\r\n productionUnitPoi.title,\r\n examsList,\r\n false,\r\n false,\r\n isProductionUnitPoiWithMap\r\n );\r\n this.highlightUnit(productionUnitPoi.title);\r\n });\r\n\r\n this.markers[productionUnitPoi.title].addTo(global.zapt.map);\r\n focusOnMarkers.push(this.markers[productionUnitPoi.title]);\r\n }\r\n\r\n if (focusOnMarkers.length > 0) {\r\n let group = new global.L.featureGroup(focusOnMarkers);\r\n\r\n this.focusOnTheMap(\r\n global.zapt.map, \r\n group, \r\n );\r\n }\r\n }\r\n }\r\n }\r\n\r\n async loadRegisteredMarker(status, isHighlight = false, isHistory=false) {\r\n let isMapInitialized =\r\n this.zaptMapAPI &&\r\n this.zaptMapAPI._map.map &&\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map;\r\n let statusData = status && Object.keys(status).length > 0 && status;\r\n let focusOnMarkers = [];\r\n let userType = userService.getUserType();\r\n let unitProduction = \"\";\r\n for(let unit in statusData){\r\n if(unit !== 'BR'){\r\n unitProduction = unit;\r\n }\r\n }\r\n let clientID = this.getClientId(\"CADASTRADO\", unitProduction);\r\n \r\n if (isMapInitialized && (statusData || isHistory)) {\r\n let pois = await this.zaptMapAPI.getPois();\r\n\r\n let statePois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n STATES_CATEGORY,\r\n );\r\n\r\n let clientState = this.getClientState();\r\n let statePoi = filterPoiByName(statePois, clientState);\r\n if (statePoi) {\r\n this.clearMarkers();\r\n if(isHistory){\r\n global.L.polygon([[-3360,-14760],[-3360,52140],[28800,52140],[28800,-14760]], {\r\n color: \"black\",\r\n fillOpacity: 0.6,\r\n weight: 0,\r\n interactive: false,\r\n }\r\n ).addTo(global.zapt.map);\r\n }\r\n let hasProductionUnitExams =\r\n statusData[\"BR\"] &&\r\n statusData[\"BR\"][\"TOTAL\"];\r\n\r\n if (!hasProductionUnitExams) {\r\n return;\r\n }\r\n\r\n this.markers[statePoi.title] = global.L.marker(\r\n global.L.latLng([statePoi.y, statePoi.x]),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n \r\n
\r\n ${\r\n userType === \"PSC\" ? \"HP \"+clientID : \"LC \"+clientID \r\n }\r\n ${\r\n (hasProductionUnitExams) ||\"0\"\r\n }\r\n
\r\n \r\n `,\r\n iconAnchor: [20, 40],\r\n iconSize: [40, 80],\r\n }),\r\n }\r\n );\r\n\r\n if(!isHighlight){\r\n this.markers[statePoi.title].on(\"mouseout\", () => {\r\n setTimeout(() => {\r\n !this.isOnUnitCardOver && this.markers[\"unit-card\"]?.remove();\r\n !this.isOnUnitCardOver && this.highlightUnit();\r\n }, 10);\r\n });\r\n \r\n this.markers[statePoi.title].on(\"mouseover\", async () => {\r\n let examsList = (this.state.exams && this.state.exams !== \"no-results\") ?\r\n this.state.exams.statistics :\r\n this.props.status;\r\n await this.renderCardUnit(\r\n statePoi.title,\r\n isHistory ? {BR: {CADASTRADO: 1, TOTAL: 1}, } :examsList,\r\n isHistory,\r\n true,\r\n \"CADASTRADO\"\r\n );\r\n this.highlightUnit(statePoi.title);\r\n });\r\n }\r\n\r\n\r\n this.markers[statePoi.title].addTo(global.zapt.map);\r\n focusOnMarkers.push(this.markers[statePoi.title]);\r\n\r\n if (focusOnMarkers.length > 0) {\r\n let group = new global.L.featureGroup(focusOnMarkers);\r\n\r\n !isHighlight && this.focusOnTheMap(\r\n global.zapt.map,\r\n group\r\n );\r\n }\r\n }\r\n }\r\n }\r\n\r\n async loadCollectedMarkers(status, isHighlight = false,isHistory = false) {\r\n let isMapInitialized =\r\n this.zaptMapAPI &&\r\n this.zaptMapAPI._map.map &&\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map;\r\n let statusData = status && Object.keys(status).length > 0 && status;\r\n let routeInfo = {\r\n origin: '',\r\n destinations: [],\r\n };\r\n let clientID = userService.getClientId();\r\n let clientState = this.getClientState();\r\n\r\n if (isMapInitialized && statusData) {\r\n //Load pointer origem\r\n let pois = await this.zaptMapAPI.getPois();\r\n let statesPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n STATES_CATEGORY,\r\n );\r\n let statePoi = filterPoiByName(statesPois, clientState);\r\n if(statePoi){\r\n this.clearMarkers();\r\n if(isHistory){\r\n global.L.polygon([[-3360,-14760],[-3360,52140],[28800,52140],[28800,-14760]], {\r\n color: \"black\",\r\n fillOpacity: 0.6,\r\n weight: 0,\r\n interactive: false,\r\n }\r\n ).addTo(global.zapt.map);\r\n }\r\n routeInfo.origin = statePoi.title;\r\n this.markers[statePoi.title] = global.L.marker(\r\n global.L.latLng([statePoi.y, statePoi.x]),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n \r\n
\r\n ${\"LC \"+clientID || \"\"}\r\n
\r\n \r\n `,\r\n iconAnchor: [20, 40],\r\n iconSize: [40, 80],\r\n }),\r\n }\r\n );\r\n this.markers[statePoi.title].addTo(global.zapt.map);\r\n }\r\n\r\n //load pointes destino\r\n pois = await this.zaptMapAPI.getPois();\r\n let unitPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n PRODUCTION_UNIT_CATEGORY,\r\n );\r\n if(unitPois){\r\n for(let unitPoiIndex in unitPois){\r\n let productionUnitPoi = unitPois[unitPoiIndex];\r\n let productionUnitExam = isHighlight ? \r\n statusData[productionUnitPoi.title] :\r\n statusData[productionUnitPoi.title] &&\r\n statusData[productionUnitPoi.title][\"TOTAL\"];\r\n\r\n if(!productionUnitExam){\r\n continue;\r\n }\r\n routeInfo.destinations.push({\r\n title:productionUnitPoi.title,\r\n total: productionUnitExam\r\n });\r\n this.markers[productionUnitPoi.title] = global.L.marker(\r\n global.L.latLng([productionUnitPoi.y, productionUnitPoi.x]),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n \r\n
\r\n ${PRODUCTION_UNIT_ALIAS[productionUnitPoi.title] || \"\"}\r\n
\r\n \r\n `,\r\n iconAnchor: [20, 40],\r\n iconSize: [40, 80],\r\n }),\r\n }\r\n );\r\n this.markers[productionUnitPoi.title].addTo(global.zapt.map);\r\n }\r\n }\r\n this.logisticRoutes = this.loadLogisticRoutes(routeInfo);\r\n\r\n if (this.logisticRoutes.length > 0) {\r\n let group = new global.L.featureGroup(this.logisticRoutes);\r\n group.addTo(global.zapt.map);\r\n if(global.zapt.map.getZoom() < 0.5){\r\n this.logisticRoutes.forEach(layer => {\r\n layer.dragging && global.zapt.map.removeLayer(layer);\r\n });\r\n }\r\n !isHighlight && this.focusOnTheMap(global.zapt.map,group);\r\n !isHighlight && global.zapt.map.on('zoomend', this.clearLogisticLabelsFn);\r\n this.setState({fullLegend: true});\r\n this.renderLegendFn();\r\n }\r\n }\r\n }\r\n\r\n loadLogisticRoutes(routeInfo){\r\n let routeComponents = [];\r\n if(routeInfo && \r\n routeInfo.origin && \r\n routeInfo.origin !== \"\" && \r\n routeInfo.destinations && \r\n routeInfo.destinations.length > 0)\r\n {\r\n let originPath = this.markers[routeInfo.origin];\r\n for(let destination of routeInfo.destinations){\r\n if(this.markers[destination.title] && originPath){\r\n let aliasProdUnit = PRODUCTION_UNIT_ALIAS[destination.title];\r\n let transportType = \r\n (routeInfo.origin === PRODUCTION_UNIT_FEDERATIONS[aliasProdUnit]) ? 'road': 'air';\r\n let destinationPath = this.markers[destination.title];\r\n let direction = getCoordinateDirection(\r\n destinationPath['_latlng'].lng,\r\n originPath['_latlng'].lng\r\n );\r\n let routePath = (transportType === 'road') ? [destinationPath['_latlng'], originPath['_latlng']] :\r\n calculateCurvePoints(\r\n 50,\r\n {x: destinationPath['_latlng'].lat, y: destinationPath['_latlng'].lng},\r\n {x: originPath['_latlng'].lat, y:originPath['_latlng'].lng},\r\n 0.6,\r\n direction === \"back\",\r\n );\r\n let route = global.L.polyline(routePath,\r\n {\r\n color: \"#0030B6\",\r\n weight: \"3\",\r\n dashArray: \"3, 5\",\r\n dashOffset: \"0\",\r\n }\r\n );\r\n routeComponents.push(route);\r\n\r\n let centerRoute = transportType === 'road' ? this.calcCenterRoute([\r\n this.markers[destination.title]['_latlng'],\r\n originPath['_latlng']\r\n ]): routePath[Math.round(routePath.length/2)+1];\r\n\r\n let label = global.L.marker(\r\n global.L.latLng(centerRoute),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n
\r\n
`,\r\n iconAnchor: [20, 30],\r\n iconSize: [40, 60],\r\n }),\r\n }\r\n );\r\n routeComponents.push(label);\r\n }\r\n }\r\n }\r\n return routeComponents;\r\n }\r\n calcCenterRoute(pathRoute){\r\n if(pathRoute){\r\n return [\r\n Math.abs((pathRoute[0].lat + pathRoute[1].lat)/2),\r\n Math.abs((pathRoute[0].lng + pathRoute[1].lng)/2)\r\n ]\r\n }\r\n return [];\r\n }\r\n\r\n checkForSingleStatus(status) {\r\n if (status && status[\"BR\"]) {\r\n for (const statusName in status[\"BR\"]) {\r\n if (Object.hasOwnProperty.call(status[\"BR\"], statusName)) {\r\n const statusTotal = status[\"BR\"][statusName];\r\n if (statusTotal === status[\"BR\"].TOTAL && statusName !== \"TOTAL\") {\r\n return statusName;\r\n }\r\n }\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n async loadSingleProductionUnit(status, productionUnit) {\r\n let isMapInitialized =\r\n this.zaptMapAPI &&\r\n this.zaptMapAPI._map.map &&\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map;\r\n let statusData = status && Object.keys(status).length > 0 && status;\r\n let hasSingleStatus = this.checkForSingleStatus(statusData);\r\n let focusOnMarkers = [];\r\n\r\n if (isMapInitialized && statusData) {\r\n let pois = await this.zaptMapAPI.getPois();\r\n\r\n let productionUnitPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n PRODUCTION_UNIT_CATEGORY\r\n );\r\n\r\n let theProductionUnit = filterPoiByName(\r\n productionUnitPois,\r\n productionUnit\r\n );\r\n\r\n if (theProductionUnit) {\r\n this.clearMarkers();\r\n\r\n const productionUnitPoi = theProductionUnit;\r\n const isProductionUnitPoiWithMap = this.checkIfIsProductionUnitHasMap(\r\n productionUnitPoi.title\r\n );\r\n\r\n let hasProductionUnitExams =\r\n statusData[productionUnitPoi.title] &&\r\n statusData[productionUnitPoi.title][\"TOTAL\"];\r\n\r\n if (!hasProductionUnitExams) {\r\n return;\r\n }\r\n\r\n this.markers[productionUnit] = global.L.marker(\r\n global.L.latLng([productionUnitPoi.y, productionUnitPoi.x]),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n \r\n \r\n ${destination.total}\r\n
\r\n \r\n ${\r\n statusData[productionUnitPoi.title]?.aliasProdUnit || \"\"\r\n }\r\n ${\r\n (statusData[productionUnitPoi.title] &&\r\n statusData[productionUnitPoi.title][\"TOTAL\"]) ||\r\n \"0\"\r\n }\r\n
\r\n \r\n \r\n `,\r\n iconAnchor: [20, 40],\r\n iconSize: [20, 20],\r\n }),\r\n }\r\n );\r\n\r\n this.markers[productionUnitPoi.title].on(\"click\", () => {\r\n sendEvent(\"apply-production-unit-filter\", {\r\n productionUnit: productionUnitPoi.title,\r\n });\r\n });\r\n\r\n this.markers[productionUnitPoi.title].on(\"mouseout\", () => {\r\n setTimeout(() => {\r\n !this.isOnUnitCardOver && this.markers[\"unit-card\"]?.remove();\r\n !this.isOnUnitCardOver && this.highlightUnit();\r\n }, 10);\r\n });\r\n\r\n this.markers[productionUnitPoi.title].on(\"mouseover\", async () => {\r\n let examsList = (this.state.exams && this.state.exams !== \"no-results\") ?\r\n this.state.exams.statistics :\r\n this.props.status;\r\n await this.renderCardUnit(\r\n productionUnitPoi.title,\r\n examsList,\r\n false,\r\n false,\r\n isProductionUnitPoiWithMap\r\n );\r\n this.highlightUnit(productionUnitPoi.title);\r\n });\r\n\r\n this.markers[productionUnit].addTo(global.zapt.map);\r\n focusOnMarkers.push(this.markers[productionUnit]);\r\n\r\n if (focusOnMarkers.length > 0) {\r\n let group = new global.L.featureGroup(focusOnMarkers);\r\n this.focusOnTheMap(global.zapt.map, group);\r\n }\r\n }\r\n }\r\n }\r\n\r\n highlightUnit(productionUnit, focus) {\r\n for (const unitMarker in this.markers) {\r\n if (Object.hasOwnProperty.call(this.markers, unitMarker)) {\r\n try {\r\n const marker = this.markers[unitMarker];\r\n if (!productionUnit) {\r\n marker.setOpacity(1);\r\n } else if (\r\n !(unitMarker === productionUnit) &&\r\n !(\"unit-card\" === unitMarker)\r\n ) {\r\n marker.setOpacity(0.5);\r\n } else {\r\n marker.setOpacity(1);\r\n }\r\n\r\n if (focus) {\r\n let group = new global.L.featureGroup([marker]);\r\n this.focusOnTheMap(global.zapt.map, group);\r\n }\r\n } catch (error) {\r\n console.error(\"Production unit highlight failure\",error);\r\n }\r\n }\r\n }\r\n }\r\n\r\n async setExams(event) {\r\n return new Promise((resolve, reject) => {\r\n let exams = event && event.detail;\r\n let requestChangeContext = async (resolve) => {\r\n await this.handleMapView();\r\n resolve();\r\n };\r\n\r\n if (this.state.isMapInitialized) {\r\n this.setState(\r\n { exams: exams },\r\n requestChangeContext.bind(this, resolve)\r\n );\r\n } else if (exams) {\r\n this.setState(\r\n { exams: exams },\r\n requestChangeContext.bind(this, resolve)\r\n );\r\n }\r\n\r\n if (!exams) {\r\n this.setState({ exams: null, videoVisible: false });\r\n }\r\n });\r\n }\r\n\r\n resetMapZoom() {\r\n if (this.zaptMapAPI && this.zaptMapAPI.setZoom && (!this.checkIfIsDefaultProductionUnitMap() && this.state.examHistory)) {\r\n this.zaptMapAPI.setZoom(\r\n this.checkIfIsDefaultProductionUnitMap() ? -1.69 : -2.69\r\n );\r\n this.setState({ examOnHighlight: null });\r\n }\r\n }\r\n\r\n highlightExam(event) {\r\n try {\r\n let exam = event && event.detail;\r\n let notAllowed =\r\n exam &&\r\n (exam.eventStage === \"Recolhido\" || exam.eventStage === \"Cadastrado\");\r\n\r\n if (\r\n exam &&\r\n !notAllowed &&\r\n exam.eventStage &&\r\n this.state.examOnHighlight !== exam.examId &&\r\n !this.state.videoVisible\r\n ) {\r\n let isDefaultProductionUnit = this.checkIfIsDefaultProductionUnitMap();\r\n\r\n if (isDefaultProductionUnit) {\r\n let productionUnit = exam.productionUnit;\r\n\r\n if (this.markers[productionUnit] && global.zapt && global.zapt.map) {\r\n let group = new global.L.featureGroup([\r\n this.markers[productionUnit],\r\n ]);\r\n this.focusOnTheMap(global.zapt.map, group);\r\n }\r\n return;\r\n }\r\n\r\n let eventStage = exam.eventStage.toUpperCase();\r\n\r\n if (this.markers[eventStage] && global.zapt && global.zapt.map) {\r\n let group = new global.L.featureGroup([this.markers[eventStage]]);\r\n\r\n this.focusOnTheMap(global.zapt.map, group);\r\n }\r\n\r\n this.setState({ examOnHighlight: exam.examId });\r\n } else {\r\n this.setState({ examOnHighlight: null });\r\n }\r\n } catch (error) {\r\n console.error(\"Error trying to highlight exam on map: \", error.message);\r\n this.setState({ examOnHighlight: null });\r\n }\r\n }\r\n\r\n async loadExamGroupings(examsDistribution) {\r\n try {\r\n let isDefaultProductionUnit = this.checkIfIsDefaultProductionUnitMap();\r\n let isMapInitialized =\r\n this.zaptMapAPI &&\r\n this.zaptMapAPI._map.map &&\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map;\r\n let hasStatus =\r\n examsDistribution && Object.keys(examsDistribution).length > 0;\r\n\r\n if (!isDefaultProductionUnit && isMapInitialized && hasStatus) {\r\n let pois = await this.zaptMapAPI.getPois();\r\n\r\n let stagesPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n STAGES_CATEGORY\r\n );\r\n\r\n if (stagesPois) {\r\n this.clearMarkers();\r\n for (const index in stagesPois) {\r\n const stagePoi = stagesPois[index];\r\n if (!STAGE_COLORS[stagePoi.title] || !stagePoi) {\r\n continue;\r\n }\r\n\r\n let hasProductionExams =\r\n examsDistribution[this.state.mapExternalId] &&\r\n examsDistribution[this.state.mapExternalId][\r\n stagePoi.title.toUpperCase()\r\n ];\r\n\r\n if (!hasProductionExams) {\r\n continue;\r\n }\r\n\r\n this.markers[stagePoi.title.toUpperCase()] = global.L.marker(\r\n global.L.latLng([stagePoi.y, stagePoi.x]),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n
\r\n
\r\n `,\r\n iconAnchor: [20, 40],\r\n iconSize: [20, 20],\r\n }),\r\n }\r\n );\r\n\r\n this.markers[stagePoi.title.toUpperCase()].on('click', ()=>{\r\n sendEvent(\"apply-stage-production-unit-filter\", { \r\n productionUnit: this.state.mapExternalId,\r\n stage: stagePoi.title.toUpperCase(),\r\n });\r\n });\r\n\r\n this.markers[stagePoi.title.toUpperCase()].addTo(global.zapt.map);\r\n }\r\n }\r\n }\r\n return true;\r\n } catch (error) {\r\n console.error(\"Erro trying to load production units: \", error.message);\r\n }\r\n }\r\n\r\n async loadExamsOnMap() {\r\n let isDefaultProductionUnit = this.checkIfIsDefaultProductionUnitMap();\r\n let isMapInitialized =\r\n this.zaptMapAPI &&\r\n this.zaptMapAPI._map.map &&\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map;\r\n let hasExams = this.state.exams && this.state.exams.length !== null;\r\n\r\n if (!isDefaultProductionUnit && isMapInitialized && hasExams) {\r\n let pois = await this.zaptMapAPI.getPois();\r\n\r\n let stagesPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n STAGES_CATEGORY\r\n );\r\n\r\n stagesPois = this.buildStagesPois(stagesPois);\r\n\r\n let examsCountByStage = this.countExamsByStage(this.state.exams);\r\n\r\n if (stagesPois) {\r\n this.clearMarkers();\r\n\r\n for (const stageIndex in examsCountByStage) {\r\n const stagePoi = stagesPois[stageIndex];\r\n const stageCount = examsCountByStage[stageIndex];\r\n\r\n if (!stagePoi) {\r\n continue;\r\n }\r\n\r\n if (this.markers[stageIndex]) {\r\n this.markers[stageIndex].remove();\r\n }\r\n\r\n this.markers[stageIndex] = global.L.marker(\r\n global.L.latLng([\r\n stagesPois[stageIndex].y,\r\n parseInt(stagesPois[stageIndex].x),\r\n ]),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n ${\r\n (examsDistribution[this.state.mapExternalId] &&\r\n examsDistribution[this.state.mapExternalId][\r\n stagePoi.title.toUpperCase()\r\n ]) ||\r\n \"0\"\r\n }\r\n
\r\n \r\n
\r\n
`,\r\n iconAnchor: [20, 40],\r\n iconSize: [20, 20],\r\n }),\r\n }\r\n );\r\n this.markers[stageIndex].addTo(global.zapt.map);\r\n }\r\n }\r\n }\r\n }\r\n\r\n async setExamHistory(event) {\r\n return new Promise((resolve, reject) => {\r\n let requestChangeContext = async (resolve) => {\r\n await this.handleMapView();\r\n resolve();\r\n };\r\n\r\n if (event && event.detail) {\r\n this.setState(\r\n { examHistory: event.detail },\r\n requestChangeContext.bind(this, resolve)\r\n );\r\n } else {\r\n this.setState(\r\n { examHistory: null },\r\n requestChangeContext.bind(this, resolve)\r\n );\r\n }\r\n });\r\n }\r\n\r\n checkDuplicateOccurrences(history){\r\n let occurrences = {};\r\n history.map((stage, index)=>{\r\n let stageName = stage.stageName;\r\n if(occurrences.hasOwnProperty(stageName)){\r\n occurrences[stageName].indexes.push(index);\r\n occurrences[stageName].occurrences += 1;\r\n }else{\r\n occurrences[stageName] = {\r\n indexes:[index],\r\n occurrences: 1\r\n };\r\n }\r\n })\r\n return occurrences;\r\n }\r\n\r\n async loadHistoryOnMap(event) {\r\n try {\r\n let examHistory = event && event.examHistory;\r\n let isDefaultProductionUnit = this.checkIfIsDefaultProductionUnitMap();\r\n let isMapInitialized =\r\n this.zaptMapAPI &&\r\n this.zaptMapAPI._map.map &&\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map;\r\n let occurrences = this.checkDuplicateOccurrences(examHistory);\r\n if (isDefaultProductionUnit) {\r\n let group = new global.L.featureGroup([\r\n this.markers[event && event.productionUnit],\r\n ]);\r\n this.setState({ loading: false });\r\n\r\n this.focusOnTheMap(global.zapt.map, group);\r\n\r\n return;\r\n }\r\n\r\n if (!isDefaultProductionUnit && isMapInitialized && examHistory) {\r\n let pois = await this.zaptMapAPI.getPois();\r\n let lastHistoryStage =\r\n examHistory &&\r\n examHistory.length &&\r\n examHistory[examHistory.length - 1];\r\n\r\n let stagesPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n STAGES_CATEGORY\r\n );\r\n stagesPois = this.buildStagesPois(stagesPois);\r\n\r\n let markers = [];\r\n\r\n examHistory.forEach((item, index) => {\r\n if (stagesPois && stagesPois[item.stageName]) {\r\n let markerStyle = {};\r\n let lastOccurrence = occurrences[item.stageName].indexes.length -1;\r\n if((occurrences[item.stageName].occurrences === 1 || \r\n index === occurrences[item.stageName].indexes[lastOccurrence]))\r\n {\r\n if (index < examHistory.length-1) {\r\n markerStyle[\"icon\"] = global.L.divIcon({\r\n className: \"\",\r\n html: `${\r\n stageCount || \"0\"\r\n }
\r\n \r\n
{\r\n return (index+1)+\" - \"+moment(examHistory[index].dateHour).format(\r\n \"DD/MM/YYYY HH:mm\"\r\n )+\"\\n\"\r\n })}\"\r\n >`.replaceAll(',','')+`\r\n
\r\n `.replaceAll(', e', ' e'),\r\n iconAnchor: [0, 20],\r\n iconSize: [20, 20],\r\n });\r\n } else {\r\n markerStyle[\"icon\"] = global.L.divIcon({\r\n className: \"\",\r\n html: ` 1 ? 'pin-number-return': \"\"}\"\r\n ${\r\n [\"Recebido\", \"Recoleta\"].includes(item.stageName)\r\n ? \"style=transform:translateX(27%);\"\r\n : [\"Em Processamento\"].includes(item.stageName)\r\n ? \"style=transform:translateX(15%);\"\r\n : \"\"\r\n }\\>\r\n ${`${occurrences[item.stageName].indexes.map((order, index)=>{\r\n let numOccurrences = occurrences[item.stageName].occurrences;\r\n if(index === numOccurrences-1 && numOccurrences > 1){\r\n return \" e \"+(order+1)\r\n }\r\n return \" \"+(order+1)\r\n })}\r\n - ${STAGE_SHORT[item.stageName.toUpperCase()]}` || \"\"}\r\n
\r\n {\r\n return (index+1)+\" - \"+moment(examHistory[index].dateHour).format(\r\n \"DD/MM/YYYY HH:mm\"\r\n )+\"\\n\"\r\n })}\"\r\n style=\"top: 13%; \r\n left: 65%; \r\n cursor: default;\">`.replaceAll(',','')+`\r\n
`.replaceAll(', e', ' e'),\r\n iconAnchor: [20, 40],\r\n iconSize: [20, 20],\r\n });\r\n }\r\n markers.push(\r\n global.L.marker(\r\n global.L.latLng([\r\n stagesPois[item.stageName].y,\r\n parseInt(stagesPois[item.stageName].x),\r\n ]),\r\n markerStyle\r\n )\r\n );\r\n }\r\n }\r\n });\r\n\r\n if (markers && markers.length >= 1) {\r\n this.clearMarkers();\r\n markers.forEach((item) => item.addTo(global.zapt.map));\r\n this.traceHistoryRoute(examHistory);\r\n }\r\n addPaddingInMap({left: 0});\r\n global.zapt && global.zapt.map && global.zapt.map.invalidateSize();\r\n }\r\n } catch (error) {\r\n console.error(\r\n \"Error trying to draw exam history on map: \",\r\n error.message\r\n );\r\n }\r\n }\r\n\r\n async highlightStage(stage) {\r\n if(!this.checkIfIsDefaultProductionUnitMap()){\r\n return; \r\n }\r\n let isDefaultProductionUnit = this.checkIfIsDefaultProductionUnitMap();\r\n let isMapInitialized =\r\n this.zaptMapAPI &&\r\n this.zaptMapAPI._map.map &&\r\n global.L &&\r\n global.zapt &&\r\n global.zapt.map;\r\n let statusData =\r\n this.props.stageUnitDistributionByStage &&\r\n Object.keys(this.props.stageUnitDistributionByStage).length > 0 &&\r\n this.props.stageUnitDistributionByStage;\r\n stage = stage && stage.detail && stage.detail.toUpperCase();\r\n if(stage === 'CADASTRADO'){\r\n let stageUnitDistribution =\r\n statusData && stage && statusData[stage] && statusData[stage];\r\n let totalExams = 0;\r\n for(let unitKey in stageUnitDistribution){\r\n totalExams += stageUnitDistribution[unitKey];\r\n }\r\n if(totalExams > 0){\r\n let units = statusData &&\r\n statusData['CADASTRADO'] &&\r\n statusData['CADASTRADO'];\r\n let stageDate = {\r\n BR: {\r\n TOTAL: totalExams,\r\n },\r\n ...units\r\n }\r\n this.setState({ isStageHighlightOn: true });\r\n await this.loadRegisteredMarker(stageDate, true);\r\n }else{\r\n this.clearMarkers();\r\n }\r\n return;\r\n }\r\n\r\n if(stage === 'RECOLHIDO'){\r\n let stageUnitDistribution =\r\n statusData && stage && statusData[stage] && statusData[stage];\r\n let totalExams = 0;\r\n for(let unitKey in stageUnitDistribution){\r\n totalExams += stageUnitDistribution[unitKey];\r\n }\r\n if(totalExams > 0){\r\n this.setState({ isStageHighlightOn: true });\r\n await this.loadCollectedMarkers(stageUnitDistribution, true, false);\r\n }else{\r\n this.clearMarkers();\r\n }\r\n return;\r\n }\r\n let stageUnitDistribution =\r\n statusData && stage && statusData[stage] && statusData[stage];\r\n let productionUnitAliases = statusData && statusData[\"aliasProdUnit\"];\r\n\r\n if (stageUnitDistribution && isMapInitialized && isDefaultProductionUnit) {\r\n let pois = await this.zaptMapAPI.getPois();\r\n\r\n let productionUnitPois = filterPois(\r\n pois,\r\n this.state.currentMapId,\r\n PRODUCTION_UNIT_CATEGORY\r\n );\r\n\r\n let isValidProductionUnitMap = this.checkIfIsProductionUnitHasMap();\r\n\r\n if (productionUnitPois) {\r\n this.clearMarkers();\r\n this.setState({ isStageHighlightOn: true });\r\n for (const index in productionUnitPois) {\r\n const productionUnitPoi = productionUnitPois[index];\r\n\r\n if (!isValidProductionUnitMap) {\r\n continue;\r\n }\r\n\r\n let hasProductionUnitExams =\r\n stageUnitDistribution[productionUnitPoi.title];\r\n\r\n if (!hasProductionUnitExams) {\r\n continue;\r\n }\r\n\r\n this.markers[productionUnitPoi.title] = global.L.marker(\r\n global.L.latLng([productionUnitPoi.y, productionUnitPoi.x]),\r\n {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n 1 ? 'pin-number-return': \"\"}\" style=\"color: white; background: transparent\">\r\n ${`${occurrences[item.stageName].indexes.map((order, index)=>{\r\n let numOccurrences = occurrences[item.stageName].occurrences;\r\n if(index === numOccurrences-1 && numOccurrences > 1){\r\n return \" e \"+(order+1)\r\n }\r\n return \" \"+(order+1)\r\n })} - ${STAGE_SHORT[item.stageName.toUpperCase()]}` || \"\"}\r\n
\r\n \r\n
\r\n ${\r\n (productionUnitAliases &&\r\n productionUnitAliases[productionUnitPoi.title]) ||\r\n \"\"\r\n }\r\n ${\r\n stageUnitDistribution[productionUnitPoi.title] || \"0\"\r\n }\r\n
\r\n \r\n `,\r\n iconAnchor: [20, 40],\r\n iconSize: [40, 80],\r\n }),\r\n }\r\n );\r\n this.markers[productionUnitPoi.title].addTo(global.zapt.map);\r\n }\r\n }\r\n }\r\n }\r\n\r\n traceHistoryRoute(history) {\r\n if (history && history.length > 1) {\r\n let routes = this.mountHistoryRoute(history);\r\n this.markers[\"history-black-window\"] = global.L.polygon(this.mapBounds, {\r\n color: \"black\",\r\n fillOpacity: 0.6,\r\n weight: 0,\r\n interactive: false,\r\n }).addTo(global.zapt.map);\r\n\r\n if (routes.route && routes.route.length > 0) {\r\n let leafletRoute = routes.route.map((item) =>\r\n transformCoordinatesToLeaflet(item)\r\n );\r\n\r\n global.L.polyline(leafletRoute, {\r\n color: \"#51CFFE\",\r\n weight: \"1.5\",\r\n dashArray: \"1.5, 2.5\",\r\n dashOffset: \"0\",\r\n }).addTo(global.zapt.map);\r\n }\r\n\r\n if (routes.routePendency && routes.routePendency.length > 0) {\r\n let leafletRoute = routes.routePendency.map((item) =>\r\n transformCoordinatesToLeaflet(item)\r\n );\r\n\r\n global.L.polyline(leafletRoute, {\r\n color: \"#E58148\",\r\n weight: \"1.5\",\r\n dashArray: \"1.5, 2.5\",\r\n dashOffset: \"0\",\r\n }).addTo(global.zapt.map);\r\n }\r\n }\r\n }\r\n\r\n mountHistoryRoute(history) {\r\n let route = [];\r\n let routePendency = []\r\n let paths = [];\r\n if(this.state.mapSelectedType && this.state.mapSelectedType === \"3D\"){\r\n if(this.state.mapExternalId && this.state.mapExternalId === \"NTO\"){\r\n paths = HISTORY_ROUTES;\r\n }else{\r\n paths = HISTORY_ROUTES_GENERIC;\r\n }\r\n }else if(this.state.mapSelectedType === \"FLAT\"){\r\n if(this.state.mapExternalId && this.state.mapExternalId === \"NTO\"){\r\n paths = HISTORY_ROUTES_FLAT\r\n }else{\r\n paths = HISTORY_ROUTES_FLAT_GENERIC\r\n }\r\n }\r\n for (let index = 0; index < history.length; index++) {\r\n let pathLabel = `${history[index].stageName}-${history[index + 1]?.stageName}`\r\n let path = paths[pathLabel];\r\n if (path) {\r\n if(pathLabel.toUpperCase().indexOf('RECOLETA') !== -1 ||\r\n pathLabel.toUpperCase().indexOf('PENDÊNCIA') !== -1)\r\n {\r\n routePendency = routePendency.concat(path)\r\n }else{\r\n route = route.concat(path);\r\n }\r\n }\r\n }\r\n\r\n return {route, routePendency};\r\n }\r\n\r\n updateLimitMapBounds(fator) {\r\n this.mapBounds = [];\r\n if (global.zapt && global.zapt.map) {\r\n const SouthWest = global.zapt.map?.getBounds().getSouthWest();\r\n const SouthEast = global.zapt.map?.getBounds().getSouthEast();\r\n const NorthEast = global.zapt.map?.getBounds().getNorthEast();\r\n const NorthWest = global.zapt.map?.getBounds().getNorthWest();\r\n\r\n this.mapBounds.push([SouthWest.lat * fator, SouthWest.lng * fator]);\r\n this.mapBounds.push([SouthEast.lat * fator, SouthEast.lng * fator]);\r\n this.mapBounds.push([NorthEast.lat * fator, NorthEast.lng * fator]);\r\n this.mapBounds.push([NorthWest.lat * fator, NorthWest.lng * fator]);\r\n return true;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n clearMarkers() {\r\n if (global.zapt && global.zapt.map) {\r\n this.markers = {};\r\n this.logisticRoutes = [];\r\n global.zapt.map.eachLayer((layer) => {\r\n if ((layer.dragging && layer.dragging._marker) || layer._parts) {\r\n global.zapt.map.removeLayer(layer);\r\n }\r\n });\r\n this.setState({ fullLegend: false });\r\n global.zapt && global.zapt.map && global.zapt.map.off('zoomend', this.clearLogisticLabelsFn);\r\n this.renderLegendFn();\r\n }\r\n }\r\n\r\n clearLogisticLabels(e){\r\n if(e && e.target && e.target._zoom &&\r\n this.logisticRoutes && this.logisticRoutes.length > 0)\r\n {\r\n if(e.target._zoom <= 0.5){\r\n this.logisticRoutes.forEach(layer => {\r\n layer.dragging && global.zapt.map.removeLayer(layer);\r\n });\r\n }else{\r\n this.logisticRoutes.forEach(layer => {\r\n layer.dragging && layer.addTo(global.zapt.map);\r\n });\r\n }\r\n }\r\n return;\r\n }\r\n\r\n buildStagesPois(stagePois) {\r\n if (stagePois && Object.keys(stagePois).length > 0) {\r\n let buildedStagePois = {};\r\n\r\n for (const stagePoiIndex in stagePois) {\r\n const stagePoi = stagePois[stagePoiIndex];\r\n buildedStagePois[stagePoi.title] = stagePoi;\r\n }\r\n\r\n return buildedStagePois;\r\n }\r\n\r\n return null;\r\n }\r\n\r\n countExamsByStage(exams) {\r\n if (exams) {\r\n let examsCount = {};\r\n\r\n for (const exam of exams) {\r\n !examsCount[exam.eventStage]\r\n ? (examsCount[exam.eventStage] = 1)\r\n : examsCount[exam.eventStage]++;\r\n }\r\n\r\n return examsCount;\r\n }\r\n }\r\n\r\n async toggleTopView() {\r\n this.setState({ loading: true });\r\n if (this.state.mapSelectedType === \"3D\") {\r\n await this.loadMap(this.state.flatMapExternalId);\r\n } else {\r\n await this.loadMap(this.state.mapExternalId);\r\n this.addAnimationsInMap(this.state.mapExternalId);\r\n }\r\n this.handleMapView();\r\n this.setState({ loading: false });\r\n }\r\n\r\n changeZoom(zoom) {\r\n this.zaptMapAPI.setZoom(zoom);\r\n }\r\n\r\n getExamsDistribution() {\r\n return (\r\n this.state.exams && this.state.exams.exams && this.state.exams.statistics\r\n );\r\n }\r\n\r\n getMapLayer() {\r\n let mapLayer = null;\r\n\r\n if (global.zapt && global.zapt.map) {\r\n global.zapt.map.eachLayer((layer) => {\r\n if (layer._url && layer._image) {\r\n mapLayer = layer;\r\n }\r\n });\r\n }\r\n return mapLayer;\r\n }\r\n\r\n setZoom(value) {\r\n if (this.zaptMapAPI) {\r\n let currentZoom =\r\n this.zaptMapAPI.getZoom() != null ? this.zaptMapAPI.getZoom() : 0;\r\n\r\n if (value === \"+\") {\r\n this.changeZoom(currentZoom + 0.5);\r\n } else if (value === \"-\") {\r\n this.changeZoom(currentZoom - 0.5);\r\n }\r\n }\r\n }\r\n\r\n checkIfIsFlatMapId(mapId) {\r\n if (mapId && typeof mapId === \"string\") {\r\n let splittedMapId = mapId.split(\"-\");\r\n\r\n return (\r\n splittedMapId &&\r\n splittedMapId.length &&\r\n splittedMapId[splittedMapId.length - 1] === \"FLAT\"\r\n );\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n checkIfIsDefaultProductionUnitMap() {\r\n let isMainMapId = this.state.mainMapExternalId === this.state.mapExternalId;\r\n return isMainMapId;\r\n }\r\n\r\n checkIfIsTemporaryMap() {\r\n return (\r\n this.checkIfIsDefaultProductionUnitMap() &&\r\n this.props &&\r\n this.state.mapExternalId !== MAIN_MAP\r\n );\r\n }\r\n\r\n checkIfIsProductionUnitHasMap(productionUnit) {\r\n return PRODUCTION_UNIT_HAS_MAP[productionUnit || this.state.mapExternalId];\r\n }\r\n\r\n renderLegend() {\r\n if (global.zapt && global.zapt.map) {\r\n if (this.checkIfIsDefaultProductionUnitMap()) {\r\n if (this.markers['legend']) {\r\n global.zapt.map.removeLayer(this.markers[\"legend\"]);\r\n delete this.markers['legend'];\r\n }\r\n let sizeContainer = global.zapt.map.getSize();\r\n let x = this.state.examHistory || this.state.windowWidth <= 820 ? sizeContainer.x -10: sizeContainer.x - sizeContainer.x * 0.27;\r\n let center = global.zapt.map.containerPointToLatLng([x, sizeContainer.y]);\r\n let path = [center.lat, center.lng]\r\n this.markers['legend'] = global.L.marker(path, {\r\n icon: global.L.divIcon({\r\n className: \"\",\r\n html: `\r\n
Legenda\r\n ${this.state.fullLegend ? (\r\n `
\r\n `,\r\n iconAnchor: [292, 91],\r\n iconSize: [292, 91],\r\n }),\r\n });\r\n this.markers['legend'].setZIndexOffset(600);\r\n this.markers['legend'].addTo(global.zapt.map);\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n window.onresize = () => {\r\n this.setState({\r\n windowWidth: window.innerWidth,\r\n });\r\n };\r\n return (\r\n <>\r\n \r\n
`\r\n \r\n ):(\r\n `Origem
\r\n Destino
\r\n \r\n A localização de origem e destino é aproximada\r\n
\r\n \r\n O número exato das amostras será aferido ao chegar ao núcleo técnico de destino\r\n
\r\n \r\n A localização dos laboratórios e núcleos técnicos é aproximada\r\n
`\r\n )}\r\n \r\n {this.state.videoVisible || this.state.videoIsPlaying ? (\r\n this.setState({ videoIsPlaying: true })}\r\n onEnded={() => this.setState({ videoIsPlaying: false })}\r\n >\r\n \r\n {!this.state.loading ? (\r\n
\r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(Map);\r\n","export default __webpack_public_path__ + \"static/media/Hermes_pardini_Introv4.059357ce.mp4\";","export default __webpack_public_path__ + \"static/media/generic-map.f7d46aca.mp4\";","export default __webpack_public_path__ + \"static/media/pin-card-registered.86635c9d.png\";","import React, { Component } from \"react\";\r\nimport Status from \"./Status\";\r\nimport List from \"./List\";\r\nimport Filters from \"../filters\";\r\nimport examsService from \"../../services/ExamsService\";\r\nimport {\r\n FETCH_INTERVAL, PRODUCTION_UNIT_ALIAS, PRODUCTION_UNIT_NAMES,\r\n} from \"../../constants\";\r\nimport { withRouter } from \"react-router\";\r\nimport ExamsService from \"../../services/ExamsService\";\r\nimport { addPaddingInMap, isAlphanumericOrderId, searchIndex} from \"../../util/utils\";\r\nimport History from \"../history\";\r\nimport LoadDNA from \"./../LoadDNA\";\r\nimport userService from \"../../services/UserService\";\r\nimport { sendEvent } from \"../../util/utils\";\r\nimport moment from \"moment\";\r\nimport {STAGE_SHORT} from '../../constants';\r\n\r\nconst ORDER_DATE = {\r\n \"Mais recentes\": \"ASC\",\r\n \"Mais antigos\": \"DESC\",\r\n \"Mais urgentes\": \"DESC\",\r\n};\r\nclass Exams extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n exams: null,\r\n listEnd: 1,\r\n listOrder: \"Mais recentes\",\r\n listPage: 1,\r\n lastId: null,\r\n hasFilter: false,\r\n hasFilterSearch: false,\r\n renderFilterScreen: false,\r\n paginationIds: [],\r\n filters: {},\r\n filtersSearch: {},\r\n searchValue: \"\",\r\n renderHistory: false,\r\n examHistory: null,\r\n loading: false,\r\n loadingExams: false,\r\n orderBy: null,\r\n isShowingHistory: false,\r\n };\r\n\r\n this.recurrentGetReference = null;\r\n this.inputSearchRef = React.createRef();\r\n }\r\n\r\n async componentDidMount() {\r\n if (userService.getUserType() !== \"L2L\"){\r\n this.setState({ loading: true });\r\n await this.startGettingExamsData(null, this.getQuery(this.state.filters));\r\n this.setState({ loading: false });\r\n this.updateListEnd();\r\n }\r\n this.startListeningEvents();\r\n }\r\n\r\n componentWillUnmount() {\r\n this.stopGettingData();\r\n this.stopListeningEvents();\r\n }\r\n\r\n startListeningEvents() {\r\n window.addEventListener(\"apply-production-unit-filter\", this.applyStageProductionUnitFilterOnFilterOrSearch.bind(this));\r\n window.addEventListener(\"apply-stage-production-unit-filter\", this.applyStageProductionUnitFilterOnFilterOrSearch.bind(this));\r\n }\r\n\r\n stopListeningEvents() {\r\n window.removeEventListener(\"apply-production-unit-filter\", this.applyStageProductionUnitFilterOnFilterOrSearch.bind(this));\r\n window.removeEventListener(\"apply-stage-production-unit-filter\", this.applyStageProductionUnitFilterOnFilterOrSearch.bind(this));\r\n }\r\n\r\n stopGettingData() {\r\n examsService.stopGettingDataFrom(\"get\");\r\n }\r\n\r\n async startGettingExamsData(\r\n orderBy = {},\r\n filterBy = {},\r\n page = 1,\r\n lastId = null\r\n ) {\r\n examsService.stopGettingDataFrom(\"get\");\r\n this.setState({loadingExams: true});\r\n await examsService.startGettingDataFrom(\r\n \"get\",\r\n {\r\n orderBy: orderBy,\r\n filterBy: filterBy,\r\n limit: 20,\r\n page: page,\r\n lastId: lastId,\r\n },\r\n this.updateExams.bind(this),\r\n FETCH_INTERVAL\r\n );\r\n }\r\n\r\n updateExams(exams) {\r\n if (exams && exams.total && !this.state.renderHistory) {\r\n let lastId = exams.lastId;\r\n let Ids = [];\r\n if (this.state.paginationIds.length === 0) {\r\n Ids.push(lastId);\r\n this.setState({ paginationIds: Ids });\r\n }\r\n this.setState({ exams, lastId, loadingExams: false});\r\n sendEvent(\"draw-exams\", exams);\r\n } else if(!this.state.renderHistory && (!this.state.hasFilter && (!this.state.searchValue || this.state.searchValue===\"\"))){\r\n this.setState({ exams: null, loadingExams: false });\r\n sendEvent(\"draw-exams\", exams);\r\n } else if((!exams || !exams.total )&& (this.state.hasFilter || this.state.searchValue)){\r\n this.setState({ exams: null, loadingExams: false });\r\n sendEvent(\"draw-exams\", \"no-results\");\r\n }\r\n }\r\n\r\n async applyStageProductionUnitFilterOnFilterOrSearch(event){\r\n\r\n let productionUnit = event && event.detail && event.detail.productionUnit;\r\n let stage = event && event.detail && event.detail.stage;\r\n let isValidProductionUnit = productionUnit && PRODUCTION_UNIT_NAMES[productionUnit];\r\n let filters = this.state.filtersSearch;\r\n if(this.state.searchValue){\r\n stage && (filters[\"EventStage\"] = [stage]);\r\n isValidProductionUnit && (filters[\"ProductionUnitName\"] = productionUnit);\r\n this.setState({filtersSearch: filters});\r\n this.applyStageProductionUnitFilterOnSearch(productionUnit, stage);\r\n } else{\r\n this.applyStageProductionUnitFilter(productionUnit, stage);\r\n }\r\n }\r\n\r\n async applyStageProductionUnitFilterOnSearch(productionUnit, stage, orderBy = \"orderDate\", order = \"ASC\") {\r\n let userType = userService.getUserType();\r\n let searchValue = this.state.searchValue;\r\n let isOrderId = searchValue.length === 10 && !isNaN(searchValue);\r\n let filters = [];\r\n\r\n if (searchValue) {\r\n if(isOrderId){\r\n filters.push({ OrderId: searchValue });\r\n productionUnit && filters.push({ ProductionUnitName: productionUnit });\r\n stage && filters.push({ EventStage: [stage] });\r\n\r\n await this.startGettingExamsData({ [orderBy]: order }, filters);\r\n } else {\r\n if (userType === \"PSC\") {\r\n filters.push({ ExamDescription: [searchValue] });\r\n productionUnit && filters.push({ ProductionUnitName: productionUnit });\r\n stage && filters.push({ EventStage: [stage] });\r\n\r\n await this.startGettingExamsData({ [orderBy]: order }, filters);\r\n } else {\r\n filters.push({ PatientName: searchValue });\r\n filters.push({ExamDescription: [searchValue]});\r\n productionUnit && filters.push({ ProductionUnitName: productionUnit });\r\n stage && filters.push({ EventStage: [stage] });\r\n\r\n await this.startGettingExamsData({ [orderBy]: order }, filters);\r\n }\r\n }\r\n this.setState({hasFilterSearch: true})\r\n }\r\n this.updateListEnd()\r\n }\r\n\r\n async applyStageProductionUnitFilter(productionUnit, stage){\r\n try { \r\n\r\n let isValidProductionUnit = productionUnit && PRODUCTION_UNIT_NAMES[productionUnit];\r\n\r\n if(isValidProductionUnit || stage){\r\n let filters = this.state.filters;\r\n\r\n !this.state.filters && this.setState({filters: {}});\r\n isValidProductionUnit && (filters[\"ProductionUnitName\"] = productionUnit);\r\n stage && (this.state.filters[\"EventStage\"] = [stage]);\r\n this.setState({filters: filters});\r\n\r\n this.state.hasFilter = true;\r\n this.state.paginationIds = [];\r\n this.state.lastId = null;\r\n this.state.searchValue = '';\r\n this.state.listOrder = 'Mais recentes';\r\n await this.startGettingExamsData({}, this.getQuery(filters));\r\n this.state.listEnd = this.hasExamList() ? this.state.exams.exams.length: 0;\r\n this.setState(this.state);\r\n }\r\n } catch (error) {\r\n console.error(\"Error trying to apply stage production unit filter: \", error.message);\r\n }\r\n }\r\n\r\n closeDropDown() {\r\n let menu = document.querySelector(\".dropdown-menu\");\r\n if (menu.classList.contains(\"user-type-menu\")) {\r\n menu.classList.remove(\"user-type-menu\");\r\n }\r\n }\r\n\r\n openDropDown() {\r\n let menu = document.querySelector(\"#dropdown-menu-filter\");\r\n if (!menu.classList.contains(\"user-type-menu\")) {\r\n menu.classList.add(\"user-type-menu\");\r\n }\r\n }\r\n\r\n async toggleOrderby(id) {\r\n let menu = document.getElementById(\"dropdown-menu-filter\");\r\n let options = menu.getElementsByClassName(\"dropdown-item\");\r\n\r\n for (var c = 0; c < options.length; c++) {\r\n if (options[c].classList.contains(\"active\")) {\r\n options[c].classList.remove(\"active\");\r\n }\r\n }\r\n\r\n let active = document.getElementById(id);\r\n\r\n active.classList.add(\"active\");\r\n\r\n document\r\n .getElementById(\"dropdown-menu-filter\")\r\n .classList.remove(\"user-type-menu\");\r\n\r\n if (id === \"antigos\") {\r\n this.updateSearch(\"orderDate\", \"ASC\");\r\n this.setState({\r\n listOrder: \"Mais \" + id,\r\n paginationIds: [],\r\n lastId: null,\r\n });\r\n } else if (id === \"recentes\") {\r\n this.updateSearch(\"orderDate\", \"DESC\");\r\n this.setState({\r\n listOrder: \"Mais \" + id,\r\n paginationIds: [],\r\n lastId: null,\r\n });\r\n } else if (id === \"urgentes\") {\r\n this.updateSearch(\"urgency\", \"DESC\");\r\n this.setState({\r\n listOrder: \"Mais \" + id,\r\n paginationIds: [],\r\n lastId: null,\r\n });\r\n } else {\r\n console.error(\"Error when trying to apply orderby: invalid option.\");\r\n }\r\n }\r\n\r\n async clearAllFilters() {\r\n this.state.filters = {};\r\n this.state.filtersSearch = {};\r\n this.state.hasFilter = false;\r\n this.state.hasFilterSearch = false;\r\n this.state.paginationIds = [];\r\n this.state.lastId = null;\r\n this.state.listEnd = 1;\r\n this.state.listPage = 1;\r\n this.state.listOrder = 'Mais recentes';\r\n this.setState(this.state);\r\n \r\n if (userService.getUserType() === \"L2L\") {\r\n if(this.state.searchValue === \"\"){\r\n this.stopGettingData();\r\n this.updateExams(null);\r\n }else{\r\n this.updateSearch();\r\n }\r\n } else {\r\n if (this.state.listOrder == \"Mais recentes\") {\r\n await this.startGettingExamsData({ orderDate: \"ASC\" });\r\n } else if (this.state.listOrder == \"Mais antigos\") {\r\n await this.startGettingExamsData({ orderDate: \"DESC\" });\r\n } else if (this.state.listOrder == \"Mais urgentes\") {\r\n await this.startGettingExamsData({ urgency: \"DESC\" });\r\n }\r\n }\r\n this.updateListEnd();\r\n }\r\n\r\n async addStatusFilter(filterName) {\r\n if (!this.state.filters[\"EventStage\"]) {\r\n this.state.filters[\"EventStage\"] = [];\r\n }\r\n this.state.filters[\"EventStage\"].push(filterName);\r\n this.state.hasFilter = true;\r\n this.state.paginationIds = [];\r\n this.state.lastId = null;\r\n this.state.searchValue = '';\r\n this.state.listOrder = 'Mais recentes';\r\n await this.startGettingExamsData({}, this.getQuery(this.state.filters));\r\n this.state.listEnd = this.hasExamList() ? this.state.exams.exams.length: 0;\r\n this.setState(this.state);\r\n }\r\n\r\n async changePage(direction) {\r\n let query = this.state.hasFilter ? \r\n this.getQuery(this.state.filters) : \r\n this.getQuerySearch(this.state.filtersSearch);\r\n\r\n if (direction == \"previous\" && this.state.listPage > 1) {\r\n if(this.hasExamList()){\r\n this.setState({\r\n listEnd: this.state.listEnd - this.state.exams.exams.length,\r\n });\r\n } \r\n if (this.state.paginationIds.length <= 2) {\r\n this.setState({ paginationIds: [] });\r\n await this.startGettingExamsData(\r\n { orderDate: ORDER_DATE[this.state.listOrder] },\r\n query,\r\n this.state.listPage - 1,\r\n null\r\n );\r\n } else {\r\n await this.startGettingExamsData(\r\n {\r\n orderDate: ORDER_DATE[this.state.listOrder],\r\n },\r\n query,\r\n this.state.listPage - 1,\r\n this.state.paginationIds[this.state.paginationIds.length - 2]\r\n );\r\n let array = [...this.state.paginationIds];\r\n array.pop();\r\n this.setState({ paginationIds: array });\r\n }\r\n this.setState({\r\n listPage: this.state.listPage - 1,\r\n });\r\n } else if (\r\n direction == \"next\" &&\r\n this.state.listPage + 1 * 20 < this.state.exams.total\r\n ) {\r\n \r\n let result = await examsService.get({\r\n orderBy: { orderDate: ORDER_DATE[this.state.listOrder] },\r\n filterBy: query,\r\n limit: 20,\r\n page: this.state.listPage + 1,\r\n lastId: this.state.exams.lastId\r\n });\r\n\r\n if(!result || result.length === 0) return;\r\n \r\n this.state.paginationIds.push(this.state.exams.lastId);\r\n\r\n await this.startGettingExamsData(\r\n { orderDate: ORDER_DATE[this.state.listOrder] },\r\n query,\r\n this.state.listPage + 1,\r\n this.state.exams.lastId\r\n );\r\n if(this.hasExamList()){\r\n this.setState({\r\n listPage: this.state.listPage + 1,\r\n listEnd: this.state.listEnd + this.state.exams.exams.length,\r\n });\r\n }\r\n \r\n } else {\r\n console.error(\"ERRO\");\r\n }\r\n }\r\n\r\n toggleLabel(ctrl) {\r\n if (ctrl === 0) {\r\n document.querySelector(\".label-inside\").classList.add(\"filled\");\r\n } else if (\r\n ctrl === 1 &&\r\n document.getElementById(\"inputSearch\").value === \"\"\r\n ) {\r\n document\r\n .querySelector(\".label-inside\")\r\n .classList.remove(\"filled\");\r\n }\r\n }\r\n\r\n getQuery(filters) {\r\n let query = [];\r\n for (const filterIndex in filters) {\r\n if (Object.hasOwnProperty.call(filters, filterIndex)) {\r\n const filter = filters[filterIndex];\r\n if (filterIndex.includes(\"Date\")) {\r\n if(filters[filterIndex]?.begin){\r\n query.push({\r\n 'EstimatedResultDateBegin': moment(filters[filterIndex].begin, \"DD/MM/YY\").format(\r\n \"YYYY-MM-DD\"\r\n ),\r\n });\r\n }\r\n if(filters[filterIndex]?.end){\r\n query.push({\r\n 'EstimatedResultDateEnd': moment(filters[filterIndex].end, \"DD/MM/YY\").format(\r\n \"YYYY-MM-DD\"\r\n ),\r\n });\r\n }\r\n } else {\r\n if (filters[filterIndex] instanceof Array) {\r\n if (filters[filterIndex].length != 0) {\r\n if (filterIndex === \"Exam\") {\r\n let value = filter.map((exam) => exam.split(\":\")[0].trim());\r\n query.push({ [filterIndex]: value });\r\n } else {\r\n query.push({ [filterIndex]: filter });\r\n }\r\n }\r\n } else {\r\n query.push({ [filterIndex]: filter });\r\n }\r\n }\r\n }\r\n }\r\n return query;\r\n }\r\n\r\n getQuerySearch(filters) {\r\n let value = this.inputSearchRef.current\r\n ? this.inputSearchRef.current.value\r\n : this.state.searchValue;\r\n let query = [];\r\n let userType = userService.getUserType();\r\n\r\n for (const filterIndex in filters) {\r\n if (Object.hasOwnProperty.call(filters, filterIndex)) {\r\n const filter = filters[filterIndex];\r\n if (filters[filterIndex] instanceof Array) {\r\n if (filters[filterIndex].length != 0) {\r\n query.push({ [filterIndex]: filter });\r\n }\r\n } else {\r\n query.push({ [filterIndex]: filter });\r\n }\r\n }\r\n }\r\n\r\n if (value !== \"\") {\r\n if (value.length === 10 && !isNaN(value)) {\r\n query.push({ OrderId: value });\r\n } else {\r\n if (userType === \"PSC\") {\r\n query.push({ ExamDescription: [value] })\r\n } else {\r\n query.push({ PatientName: value });\r\n query.push({ ExamDescription: [value] });\r\n }\r\n }\r\n }\r\n\r\n return query;\r\n }\r\n\r\n showDialogErrorMessage(title, errorMessage) {\r\n if (title && errorMessage) {\r\n let dialog = {\r\n type: \"Error\",\r\n title: title,\r\n message: errorMessage,\r\n show: true,\r\n confirmation: () => {\r\n this.setState({ dialog: { show: false } });\r\n },\r\n };\r\n sendEvent(\"show-dialog\", dialog);\r\n }\r\n }\r\n\r\n async applyFilters(filters, hasFilter) {\r\n this.state.renderFilterScreen = false;\r\n this.state.paginationIds = [];\r\n this.state.lastId = null;\r\n this.state.hasFilter = hasFilter;\r\n this.state.filters = filters;\r\n this.state.listOrder = \"Mais recentes\";\r\n this.state.searchValue = \"\";\r\n\r\n if(!hasFilter){\r\n this.setState(this.state);\r\n this.clearAllFilters();\r\n this.props.updateFilterScreenStatus(false);\r\n return;\r\n }\r\n\r\n if (userService.getUserType() === \"L2L\" && !hasFilter) {\r\n this.stopGettingData();\r\n this.updateExams(null);\r\n } else {\r\n await this.startGettingExamsData({}, this.getQuery(filters));\r\n }\r\n\r\n this.state.listEnd = this.hasExamList() ? this.state.exams.exams.length : 0;\r\n this.props.updateFilterScreenStatus(false);\r\n this.setState(this.state);\r\n }\r\n\r\n closeFilters() {\r\n this.setState({ renderFilterScreen: false });\r\n this.props.updateFilterScreenStatus(false);\r\n }\r\n mountDateFilter(){\r\n if(this.state.filters['EstimatedResultDate']?.begin && this.state.filters['EstimatedResultDate']?.end){\r\n return `De ${this.state.filters['EstimatedResultDate']['begin']} Até ${this.state.filters['EstimatedResultDate']['end']}`;\r\n }\r\n return false;\r\n }\r\n\r\n mapFilters(array, filtersExt) {\r\n const FILTERS_COMPLETE ={\r\n 'OrderId': 'Pedido: ',\r\n 'EstimatedResultDateBegin': 'De: ',\r\n 'EstimatedResultDateEnd': 'Até: ',\r\n 'ProductionUnitName': \"Unidade: \"\r\n }\r\n\r\n const URGENCY={\r\n 'Urgency': 'Urgentes'\r\n }\r\n\r\n let filters=[];\r\n array.forEach(element => {\r\n if(filtersExt[element] != null){\r\n if(filtersExt[element] instanceof Array){\r\n filtersExt[element].forEach(value=>{\r\n filters.push(\r\n \r\n
\r\n \r\n
\r\n \r\n Informações atualizadas em tempo real\r\n
\r\n \r\n this.toggleTopView()}\r\n data-ignore={true}\r\n >\r\n {this.state.mapSelectedType === \"3D\"\r\n ? \"Visão topo\"\r\n : \" Visão 3D\"}\r\n
\r\n \r\n {\r\n event.stopPropagation();\r\n this.setZoom(\"-\");\r\n }}\r\n >\r\n -\r\n
\r\n \r\n {\r\n event.stopPropagation();\r\n this.setZoom(\"+\");\r\n }}\r\n >\r\n +\r\n
\r\n \r\n {STAGE_SHORT[value] || value}\r\n {this.clearFilter(element, value)}}>\r\n x\r\n
\r\n \r\n );\r\n })\r\n }\r\n else if(element !== 'EstimatedResultDate'){\r\n filters.push(\r\n \r\n { \r\n filtersExt[element] && FILTERS_COMPLETE[element] &&\r\n PRODUCTION_UNIT_ALIAS[filtersExt[element]] ?\r\n FILTERS_COMPLETE[element] + PRODUCTION_UNIT_ALIAS[filtersExt[element]] : \r\n FILTERS_COMPLETE[element]\r\n ? FILTERS_COMPLETE[element] + filtersExt[element]\r\n : URGENCY[element] || filtersExt[element]\r\n }\r\n {this.clearFilter(element)}}>\r\n x\r\n
\r\n \r\n );\r\n }else{\r\n let labelDataFilter = this.mountDateFilter();\r\n if(labelDataFilter){\r\n filters.push(\r\n \r\n {labelDataFilter}\r\n
\r\n )\r\n }\r\n }\r\n }\r\n\r\n });\r\n return filters;\r\n }\r\n \r\n clearSearch(){\r\n this.state.searchValue = '';\r\n this.state.filtersSearch = {};\r\n this.state.hasFilterSearch = false;\r\n this.setState(this.state, this.updateSearch);\r\n }\r\n\r\n async clearFilter(element, value = null) {\r\n const filterType = this.state.hasFilter ? 'filters' : 'filtersSearch';\r\n if (value) {\r\n let array = this.state[filterType][element];\r\n let index = array.indexOf(value);\r\n array.splice(index, 1);\r\n if (array.length > 0) {\r\n this.state[filterType][element] = array;\r\n } else {\r\n delete this.state[filterType][element];\r\n }\r\n } else {\r\n let filters = this.state[filterType];\r\n delete filters[element];\r\n this.state[filterType] = filters;\r\n }\r\n this.state.paginationIds = [];\r\n this.state.lastId = null;\r\n \r\n this.state.hasFilter = this.checkFilters('filters');\r\n this.state.hasFilterSearch = this.checkFilters('filtersSearch');\r\n this.state.listOrder = 'Mais recentes';\r\n \r\n if(!this.state.hasFilter){\r\n this.state.listPage = 1;\r\n }\r\n this.setState(this.state);\r\n \r\n if (!this.state.hasFilterSearch && !this.state.hasFilter && userService.getUserType() === \"L2L\") {\r\n if(this.state.searchValue === ''){\r\n this.stopGettingData();\r\n this.updateExams(null);\r\n }else{\r\n this.updateSearch();\r\n }\r\n } else {\r\n await this.startGettingExamsData(\r\n {},\r\n this.state.hasFilter ? this.getQuery(this.state.filters) : this.getQuerySearch(this.state.filtersSearch)\r\n );\r\n }\r\n this.updateListEnd();\r\n }\r\n\r\n checkFilters(filterType) {\r\n let hasFilter = false;\r\n for (let c = 0; c < searchIndex.length; c++) {\r\n hasFilter =\r\n (this.state[filterType][searchIndex[c]] != null &&\r\n !(this.state[filterType][searchIndex[c]] instanceof Array)) ||\r\n (this.state[filterType][searchIndex[c]] instanceof Array &&\r\n this.state[filterType][searchIndex[c]].length > 0) && filterType !== 'filtersSearch';\r\n\r\n if (hasFilter) {\r\n c = searchIndex.length[filterType]}\r\n }\r\n return hasFilter;\r\n }\r\n\r\n getExamHistory(exam) {\r\n this.setState({ renderHistory: true, examHistory: exam });\r\n }\r\n\r\n backListExam() {\r\n this.setState({ renderHistory: false });\r\n sendEvent(\"draw-history\", null);\r\n if(window.innerWidth <= 820){\r\n addPaddingInMap({left: 0});\r\n }else{\r\n addPaddingInMap({left: 35});\r\n }\r\n setTimeout(function(){\r\n global.zapt && global.zapt.map && global.zapt.map.invalidateSize()\r\n });\r\n }\r\n\r\n handleChangeInputSearch(){\r\n this.setState({\r\n searchValue: this.inputSearchRef.current.value\r\n },this.updateSearch)\r\n }\r\n\r\n async updateSearch(orderBy = \"orderDate\", order = \"ASC\") {\r\n let value = this.inputSearchRef.current\r\n ? this.inputSearchRef.current.value\r\n : this.state.searchValue;\r\n\r\n let userType = userService.getUserType();\r\n if (value === \"\") {\r\n this.state.hasFilterSearch = false;\r\n this.state.filtersSearch = {};\r\n this.state.listOrder = \"Mais recentes\";\r\n this.setState(this.state);\r\n if (userType === \"L2L\" && !this.state.hasFilter) {\r\n this.stopGettingData();\r\n this.updateExams(null);\r\n } else {\r\n await this.startGettingExamsData(\r\n { [orderBy]: order },\r\n this.getQuery(this.state.filters)\r\n );\r\n }\r\n } else if (value.length === 10 && !isNaN(value)) {\r\n await this.startGettingExamsData({ [orderBy]: order }, [\r\n { OrderId: value },\r\n ]);\r\n } else if(isAlphanumericOrderId(value)){\r\n\r\n let orderId = await examsService.getOrderIdFromAlphanumericCode(value);\r\n\r\n orderId && await this.startGettingExamsData({ [orderBy]: order }, [\r\n { OrderId: orderId },\r\n ]);\r\n } else{ \r\n if (userType === \"PSC\") {\r\n await this.startGettingExamsData({ [orderBy]: order }, [\r\n { ExamDescription: [value] },\r\n ]);\r\n } else {\r\n await this.startGettingExamsData({ [orderBy]: order }, [\r\n { PatientName: value },\r\n { ExamDescription: [value] },\r\n ]);\r\n }\r\n }\r\n\r\n this.updateListEnd()\r\n }\r\n\r\n hasExamList(){\r\n if(this.state.exams && this.state.exams.exams && this.state.exams.exams.length){\r\n return true\r\n }\r\n return false;\r\n }\r\n\r\n updateListEnd(){\r\n if(this.hasExamList()){\r\n this.setState({\r\n listEnd: this.state.exams.exams.length\r\n })\r\n }\r\n }\r\n\r\n render() {\r\n const btDefaultStyle = {\r\n marginTop: \"5px\",\r\n marginBottom: \"5px\",\r\n };\r\n\r\n const showExams =\r\n userService.getUserType() === \"PSC\" || this.state.hasFilter;\r\n\r\n return this.state.loading ? (\r\n this.clearFilter(element)}\r\n >x
\r\n \r\n
\r\n Exames por situação
\r\n\r\n Total\r\n \r\n {this.state.hasFilter || this.state.hasFilterSearch\r\n ? !this.state.exams\r\n ? 0\r\n : this.state.exams.total\r\n ? this.state.exams.total\r\n : 0\r\n : this.props.status && this.props.status\r\n ? this.props.status.TOTAL\r\n : 0}\r\n \r\n
\r\n \r\n Brasil\r\n \r\n {this.props.currentProductionUnit === \"HP\"\r\n ? \"Todas as unidades\"\r\n : PRODUCTION_UNIT_ALIAS[this.props.currentProductionUnit]}\r\n \r\n
\r\n {this.props.status &&\r\n this.props.status != null &&\r\n !this.state.hasFilter &&\r\n !this.state.hasFilterSearch ? (\r\n <>\r\n \r\n {this.state.hasFilter ? (\r\n {\r\n this.setState({ renderFilterScreen: true });\r\n this.props.updateFilterScreenStatus(true);\r\n }}\r\n >\r\n Busca\r\n \r\n ) : null}\r\n
\r\n \r\n {\r\n this.clearAllFilters();\r\n }}\r\n >\r\n Limpar filtros\r\n
\r\n \r\n \r\n \r\n {this.state.searchValue !== \"\"\r\n ? this.mapFilters(searchIndex, this.state.filtersSearch)\r\n : this.mapFilters(searchIndex, this.state.filters)}\r\n
\r\n \r\n )}\r\n {!this.state.hasFilter || this.state.hasFilterSearch ? (\r\n <>\r\n \r\n \r\n {this.state.searchValue !== \"\" ? (\r\n this.clearSearch()}\r\n >\r\n ) : null}\r\n \r\n {\r\n this.handleChangeInputSearch();\r\n }}\r\n onFocus={() => {\r\n this.toggleLabel(0);\r\n }}\r\n onBlur={() => {\r\n this.toggleLabel(1);\r\n }}\r\n />\r\n
\r\n \r\n \r\n ) : null}\r\n \r\n {\r\n this.setState({ renderFilterScreen: true });\r\n this.props.updateFilterScreenStatus(true);\r\n }}\r\n >\r\n Busca Avançada\r\n
\r\n \r\n ) : null}\r\n {showExams || this.state.hasFilter || this.state.searchValue !== \"\" ? (\r\n <>\r\n \r\n \r\n Exibindo{\" \"}\r\n {this.state.listEnd - this.state.exams.exams.length + 1}{\" \"}\r\n a {this.state.listEnd} de {this.state.exams.total || 0}\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n this.closeDropDown();\r\n this.toggleOrderby(\"recentes\");\r\n }}\r\n >\r\n Mais recentes\r\n
\r\n \r\n \r\n {\r\n this.openDropDown();\r\n }}\r\n >\r\n {this.state.listOrder}\r\n
\r\n \r\n = this.state.exams.total\r\n ? { visibility: \"hidden\" }\r\n : { visibility: \"visible\" }\r\n }\r\n className=\"bt-default bt-load-plus-20\"\r\n onClick={() => {\r\n this.changePage(\"next\");\r\n }}\r\n >
\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n Exibindo{\" \"}\r\n {this.state.listEnd - this.state.exams.exams.length + 1}{\" \"}\r\n a {this.state.listEnd} de {this.state.exams.total || 0}\r\n \r\n
\r\n \r\n {\r\n this.changePage(\"previous\");\r\n }}\r\n >
\r\n \r\n {!this.state.loadingExams ? (\r\n Object.keys(this.state.filters).length != 0 ? (\r\n Object.keys(this.state.filters).length > 1 ? (\r\n !this.state.exams || this.state.exams.length === 0 ? (\r\n
\r\n )}\r\n \r\n )\r\n ) : (\r\n \r\n Não foram encontrados exames para os filtros\r\n selecionados.\r\n
\r\n ) : null\r\n ) : !this.state.exams || this.state.exams.length === 0 ? (\r\n\r\n Não foram encontrados exames para o filtro\r\n selecionado.\r\n
\r\n ) : null\r\n ) : showExams || this.state.searchValue !== \"\" ? (\r\nNenhum exame foi encontrado.
\r\n ) : null\r\n ) : null}\r\n\r\n {\r\n e.stopPropagation();\r\n this.getExamResult(exame);\r\n }}\r\n className=\"exam-report\"\r\n data-bs-toggle=\"tooltip\"\r\n title=\"Baixar resultado do exame\"\r\n >Download
\r\n )}\r\n \r\n \r\n {this.userType !== 'PSC' ?\r\n (\r\n \r\n
\r\n {exame.urgency && !exame.urgency == \"\" && (\r\n \r\n {this.exameName(exame.examDescription)}\r\n
\r\nUrgente
\r\n )}\r\n {exame.sampleStored.toUpperCase()==\"SIM\" ? (\r\n Armazenado
\r\n ):(\r\n <>\r\n {exame.discardedSample && (\r\n Descartado
\r\n )}\r\n \r\n )}\r\n {exame.eventStage === \"Resultado Liberado\" && (\r\n \r\n
\r\n ):null}\r\n \r\n \r\n
\r\n \r\n Paciente\r\n
\r\n \r\n {exame.patientName}\r\n
\r\n \r\n
\r\n \r\n Pedido\r\n
\r\n \r\n {`${exame.orderId} (${exame.orderAlphaNumeric})`}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n ))\r\n : null}\r\n \r\n ) : null}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(List);\r\n"],"sourceRoot":""}\r\n
\r\n \r\n
\r\n \r\n Unidade\r\n
\r\n \r\n {exame.aliasProdUnit}\r\n
\r\n \r\n
\r\n \r\n
\r\n Previsão
\r\n {!exame.estimatedResultDate ? (\r\n \r\n Pendente\r\n
\r\n ) : (\r\n \r\n {this.state.windowWidth < 500 ? (\r\n <>\r\n {moment(exame.estimatedResultDate).format(\r\n \"DD/MM - HH:mm\"\r\n )}\r\n \r\n {moment(exame.estimatedResultDate).format(\r\n \"DD/MM/YYYY - HH:mm\"\r\n )}\r\n \r\n \r\n ) : (\r\n moment(exame.estimatedResultDate).format(\r\n \"DD/MM/YY HH:mm\"\r\n )\r\n )}\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n {STAGE_SHORT[exame.eventStage.toUpperCase()]}\r\n
\r\n Situação
\r\n